@mirai/ui 1.0.120 → 1.0.122
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/components/Form/Form.stories.js +9 -0
- package/build/components/Form/Form.stories.js.map +1 -1
- package/build/components/InputPhone/InputPhone.js +219 -0
- package/build/components/InputPhone/InputPhone.js.map +1 -0
- package/build/components/InputPhone/InputPhone.module.css +19 -0
- package/build/components/InputPhone/InputPhone.stories.js +99 -0
- package/build/components/InputPhone/InputPhone.stories.js.map +1 -0
- package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +1595 -0
- package/build/components/InputPhone/index.js +17 -0
- package/build/components/InputPhone/index.js.map +1 -0
- package/build/components/InputText/partials/InputText.Label.js +3 -3
- package/build/components/InputText/partials/InputText.Label.js.map +1 -1
- package/build/components/Menu/Menu.module.css +1 -2
- package/build/components/index.js +11 -0
- package/build/components/index.js.map +1 -1
- package/build/helpers/getInputErrors.js +4 -0
- package/build/helpers/getInputErrors.js.map +1 -1
- package/build/helpers/getInputPhoneErrors.js +25 -0
- package/build/helpers/getInputPhoneErrors.js.map +1 -0
- package/build/helpers/index.js +11 -0
- package/build/helpers/index.js.map +1 -1
- package/build/primitives/View/View.module.css +0 -3
- package/package.json +1 -1
|
@@ -0,0 +1,1595 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`component:<InputPhone> inherit:className 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<div
|
|
6
|
+
class="view container mirai"
|
|
7
|
+
>
|
|
8
|
+
<div
|
|
9
|
+
class="view row inputBorder"
|
|
10
|
+
>
|
|
11
|
+
<div
|
|
12
|
+
class="view row"
|
|
13
|
+
>
|
|
14
|
+
<div
|
|
15
|
+
class="view content"
|
|
16
|
+
>
|
|
17
|
+
<select
|
|
18
|
+
class="select empty input prefix"
|
|
19
|
+
name="name-prefix"
|
|
20
|
+
>
|
|
21
|
+
<option
|
|
22
|
+
value="+34"
|
|
23
|
+
>
|
|
24
|
+
+34
|
|
25
|
+
</option>
|
|
26
|
+
<option
|
|
27
|
+
value="+44"
|
|
28
|
+
>
|
|
29
|
+
+44
|
|
30
|
+
</option>
|
|
31
|
+
<option
|
|
32
|
+
value="+001"
|
|
33
|
+
>
|
|
34
|
+
+001
|
|
35
|
+
</option>
|
|
36
|
+
</select>
|
|
37
|
+
</div>
|
|
38
|
+
<span
|
|
39
|
+
class="icon headline-3 expand"
|
|
40
|
+
>
|
|
41
|
+
<svg
|
|
42
|
+
fill="currentColor"
|
|
43
|
+
height="1em"
|
|
44
|
+
stroke="currentColor"
|
|
45
|
+
stroke-width="0"
|
|
46
|
+
viewBox="0 0 24 24"
|
|
47
|
+
width="1em"
|
|
48
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
49
|
+
>
|
|
50
|
+
<path
|
|
51
|
+
d="M24 24H0V0h24v24z"
|
|
52
|
+
fill="none"
|
|
53
|
+
opacity=".87"
|
|
54
|
+
/>
|
|
55
|
+
<path
|
|
56
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
57
|
+
/>
|
|
58
|
+
</svg>
|
|
59
|
+
</span>
|
|
60
|
+
</div>
|
|
61
|
+
<div
|
|
62
|
+
class="view forceRow separator"
|
|
63
|
+
/>
|
|
64
|
+
<div
|
|
65
|
+
class="view row wide"
|
|
66
|
+
>
|
|
67
|
+
<div
|
|
68
|
+
class="view wide content"
|
|
69
|
+
>
|
|
70
|
+
<input
|
|
71
|
+
class="input input"
|
|
72
|
+
name="name-phone"
|
|
73
|
+
type="tel"
|
|
74
|
+
value=""
|
|
75
|
+
/>
|
|
76
|
+
</div>
|
|
77
|
+
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
</DocumentFragment>
|
|
81
|
+
`;
|
|
82
|
+
|
|
83
|
+
exports[`component:<InputPhone> prop:disabled 1`] = `
|
|
84
|
+
<DocumentFragment>
|
|
85
|
+
<div
|
|
86
|
+
class="view container"
|
|
87
|
+
>
|
|
88
|
+
<div
|
|
89
|
+
class="view row inputBorder disabled"
|
|
90
|
+
>
|
|
91
|
+
<div
|
|
92
|
+
class="view row"
|
|
93
|
+
>
|
|
94
|
+
<div
|
|
95
|
+
class="view content"
|
|
96
|
+
>
|
|
97
|
+
<select
|
|
98
|
+
class="select empty input prefix"
|
|
99
|
+
disabled=""
|
|
100
|
+
name="name-prefix"
|
|
101
|
+
>
|
|
102
|
+
<option
|
|
103
|
+
value="+34"
|
|
104
|
+
>
|
|
105
|
+
+34
|
|
106
|
+
</option>
|
|
107
|
+
<option
|
|
108
|
+
value="+44"
|
|
109
|
+
>
|
|
110
|
+
+44
|
|
111
|
+
</option>
|
|
112
|
+
<option
|
|
113
|
+
value="+001"
|
|
114
|
+
>
|
|
115
|
+
+001
|
|
116
|
+
</option>
|
|
117
|
+
</select>
|
|
118
|
+
</div>
|
|
119
|
+
</div>
|
|
120
|
+
<div
|
|
121
|
+
class="view forceRow separator"
|
|
122
|
+
/>
|
|
123
|
+
<div
|
|
124
|
+
class="view row wide"
|
|
125
|
+
>
|
|
126
|
+
<div
|
|
127
|
+
class="view wide content"
|
|
128
|
+
>
|
|
129
|
+
<input
|
|
130
|
+
class="input input"
|
|
131
|
+
disabled=""
|
|
132
|
+
name="name-phone"
|
|
133
|
+
type="tel"
|
|
134
|
+
value=""
|
|
135
|
+
/>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
</div>
|
|
140
|
+
</DocumentFragment>
|
|
141
|
+
`;
|
|
142
|
+
|
|
143
|
+
exports[`component:<InputPhone> prop:error 1`] = `
|
|
144
|
+
<DocumentFragment>
|
|
145
|
+
<div
|
|
146
|
+
class="view container"
|
|
147
|
+
>
|
|
148
|
+
<div
|
|
149
|
+
class="view row inputBorder error"
|
|
150
|
+
>
|
|
151
|
+
<div
|
|
152
|
+
class="view row"
|
|
153
|
+
>
|
|
154
|
+
<div
|
|
155
|
+
class="view content"
|
|
156
|
+
>
|
|
157
|
+
<select
|
|
158
|
+
class="select empty input prefix"
|
|
159
|
+
name="name-prefix"
|
|
160
|
+
>
|
|
161
|
+
<option
|
|
162
|
+
value="+34"
|
|
163
|
+
>
|
|
164
|
+
+34
|
|
165
|
+
</option>
|
|
166
|
+
<option
|
|
167
|
+
value="+44"
|
|
168
|
+
>
|
|
169
|
+
+44
|
|
170
|
+
</option>
|
|
171
|
+
<option
|
|
172
|
+
value="+001"
|
|
173
|
+
>
|
|
174
|
+
+001
|
|
175
|
+
</option>
|
|
176
|
+
</select>
|
|
177
|
+
</div>
|
|
178
|
+
<span
|
|
179
|
+
class="icon headline-3 expand"
|
|
180
|
+
>
|
|
181
|
+
<svg
|
|
182
|
+
fill="currentColor"
|
|
183
|
+
height="1em"
|
|
184
|
+
stroke="currentColor"
|
|
185
|
+
stroke-width="0"
|
|
186
|
+
viewBox="0 0 24 24"
|
|
187
|
+
width="1em"
|
|
188
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
189
|
+
>
|
|
190
|
+
<path
|
|
191
|
+
d="M24 24H0V0h24v24z"
|
|
192
|
+
fill="none"
|
|
193
|
+
opacity=".87"
|
|
194
|
+
/>
|
|
195
|
+
<path
|
|
196
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
197
|
+
/>
|
|
198
|
+
</svg>
|
|
199
|
+
</span>
|
|
200
|
+
</div>
|
|
201
|
+
<div
|
|
202
|
+
class="view forceRow separator"
|
|
203
|
+
/>
|
|
204
|
+
<div
|
|
205
|
+
class="view row wide"
|
|
206
|
+
>
|
|
207
|
+
<div
|
|
208
|
+
class="view wide content"
|
|
209
|
+
>
|
|
210
|
+
<input
|
|
211
|
+
class="input input"
|
|
212
|
+
name="name-phone"
|
|
213
|
+
type="tel"
|
|
214
|
+
value=""
|
|
215
|
+
/>
|
|
216
|
+
</div>
|
|
217
|
+
</div>
|
|
218
|
+
<span
|
|
219
|
+
class="icon headline-3 icon error"
|
|
220
|
+
>
|
|
221
|
+
<svg
|
|
222
|
+
fill="currentColor"
|
|
223
|
+
height="1em"
|
|
224
|
+
stroke="currentColor"
|
|
225
|
+
stroke-width="0"
|
|
226
|
+
viewBox="0 0 24 24"
|
|
227
|
+
width="1em"
|
|
228
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
229
|
+
>
|
|
230
|
+
<path
|
|
231
|
+
d="M0 0h24v24H0V0z"
|
|
232
|
+
fill="none"
|
|
233
|
+
/>
|
|
234
|
+
<path
|
|
235
|
+
d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
|
|
236
|
+
/>
|
|
237
|
+
</svg>
|
|
238
|
+
</span>
|
|
239
|
+
</div>
|
|
240
|
+
</div>
|
|
241
|
+
</DocumentFragment>
|
|
242
|
+
`;
|
|
243
|
+
|
|
244
|
+
exports[`component:<InputPhone> prop:hint 1`] = `
|
|
245
|
+
<DocumentFragment>
|
|
246
|
+
<div
|
|
247
|
+
class="view container"
|
|
248
|
+
>
|
|
249
|
+
<div
|
|
250
|
+
class="view row inputBorder"
|
|
251
|
+
>
|
|
252
|
+
<div
|
|
253
|
+
class="view row"
|
|
254
|
+
>
|
|
255
|
+
<div
|
|
256
|
+
class="view content"
|
|
257
|
+
>
|
|
258
|
+
<select
|
|
259
|
+
class="select empty input prefix"
|
|
260
|
+
name="name-prefix"
|
|
261
|
+
>
|
|
262
|
+
<option
|
|
263
|
+
value="+34"
|
|
264
|
+
>
|
|
265
|
+
+34
|
|
266
|
+
</option>
|
|
267
|
+
<option
|
|
268
|
+
value="+44"
|
|
269
|
+
>
|
|
270
|
+
+44
|
|
271
|
+
</option>
|
|
272
|
+
<option
|
|
273
|
+
value="+001"
|
|
274
|
+
>
|
|
275
|
+
+001
|
|
276
|
+
</option>
|
|
277
|
+
</select>
|
|
278
|
+
</div>
|
|
279
|
+
<span
|
|
280
|
+
class="icon headline-3 expand"
|
|
281
|
+
>
|
|
282
|
+
<svg
|
|
283
|
+
fill="currentColor"
|
|
284
|
+
height="1em"
|
|
285
|
+
stroke="currentColor"
|
|
286
|
+
stroke-width="0"
|
|
287
|
+
viewBox="0 0 24 24"
|
|
288
|
+
width="1em"
|
|
289
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
290
|
+
>
|
|
291
|
+
<path
|
|
292
|
+
d="M24 24H0V0h24v24z"
|
|
293
|
+
fill="none"
|
|
294
|
+
opacity=".87"
|
|
295
|
+
/>
|
|
296
|
+
<path
|
|
297
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
298
|
+
/>
|
|
299
|
+
</svg>
|
|
300
|
+
</span>
|
|
301
|
+
</div>
|
|
302
|
+
<div
|
|
303
|
+
class="view forceRow separator"
|
|
304
|
+
/>
|
|
305
|
+
<div
|
|
306
|
+
class="view row wide"
|
|
307
|
+
>
|
|
308
|
+
<div
|
|
309
|
+
class="view wide content"
|
|
310
|
+
>
|
|
311
|
+
<input
|
|
312
|
+
class="input input"
|
|
313
|
+
name="name-phone"
|
|
314
|
+
type="tel"
|
|
315
|
+
value=""
|
|
316
|
+
/>
|
|
317
|
+
</div>
|
|
318
|
+
</div>
|
|
319
|
+
</div>
|
|
320
|
+
<span
|
|
321
|
+
class="text small text hint"
|
|
322
|
+
>
|
|
323
|
+
hint
|
|
324
|
+
</span>
|
|
325
|
+
</div>
|
|
326
|
+
</DocumentFragment>
|
|
327
|
+
`;
|
|
328
|
+
|
|
329
|
+
exports[`component:<InputPhone> prop:icon & disabled 1`] = `
|
|
330
|
+
<DocumentFragment>
|
|
331
|
+
<div
|
|
332
|
+
class="view container"
|
|
333
|
+
>
|
|
334
|
+
<div
|
|
335
|
+
class="view row inputBorder disabled"
|
|
336
|
+
>
|
|
337
|
+
<div
|
|
338
|
+
class="view row"
|
|
339
|
+
>
|
|
340
|
+
<div
|
|
341
|
+
class="view content"
|
|
342
|
+
>
|
|
343
|
+
<select
|
|
344
|
+
class="select empty input prefix"
|
|
345
|
+
disabled=""
|
|
346
|
+
name="name-prefix"
|
|
347
|
+
>
|
|
348
|
+
<option
|
|
349
|
+
value="+34"
|
|
350
|
+
>
|
|
351
|
+
+34
|
|
352
|
+
</option>
|
|
353
|
+
<option
|
|
354
|
+
value="+44"
|
|
355
|
+
>
|
|
356
|
+
+44
|
|
357
|
+
</option>
|
|
358
|
+
<option
|
|
359
|
+
value="+001"
|
|
360
|
+
>
|
|
361
|
+
+001
|
|
362
|
+
</option>
|
|
363
|
+
</select>
|
|
364
|
+
</div>
|
|
365
|
+
</div>
|
|
366
|
+
<div
|
|
367
|
+
class="view forceRow separator"
|
|
368
|
+
/>
|
|
369
|
+
<div
|
|
370
|
+
class="view row wide"
|
|
371
|
+
>
|
|
372
|
+
<span
|
|
373
|
+
class="icon headline-3 icon left disabled"
|
|
374
|
+
>
|
|
375
|
+
<svg
|
|
376
|
+
fill="currentColor"
|
|
377
|
+
height="1em"
|
|
378
|
+
stroke="currentColor"
|
|
379
|
+
stroke-width="0"
|
|
380
|
+
viewBox="0 0 24 24"
|
|
381
|
+
width="1em"
|
|
382
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
383
|
+
>
|
|
384
|
+
<path
|
|
385
|
+
d="M0 0h24v24H0V0z"
|
|
386
|
+
fill="none"
|
|
387
|
+
/>
|
|
388
|
+
<path
|
|
389
|
+
d="M12 6a9.77 9.77 0 018.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0112 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 010 5 2.5 2.5 0 010-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
|
|
390
|
+
/>
|
|
391
|
+
</svg>
|
|
392
|
+
</span>
|
|
393
|
+
<div
|
|
394
|
+
class="view wide content"
|
|
395
|
+
>
|
|
396
|
+
<input
|
|
397
|
+
class="input input"
|
|
398
|
+
disabled=""
|
|
399
|
+
name="name-phone"
|
|
400
|
+
type="tel"
|
|
401
|
+
value=""
|
|
402
|
+
/>
|
|
403
|
+
</div>
|
|
404
|
+
</div>
|
|
405
|
+
</div>
|
|
406
|
+
</div>
|
|
407
|
+
</DocumentFragment>
|
|
408
|
+
`;
|
|
409
|
+
|
|
410
|
+
exports[`component:<InputPhone> prop:icon & error 1`] = `
|
|
411
|
+
<DocumentFragment>
|
|
412
|
+
<div
|
|
413
|
+
class="view container"
|
|
414
|
+
>
|
|
415
|
+
<div
|
|
416
|
+
class="view row inputBorder error"
|
|
417
|
+
>
|
|
418
|
+
<div
|
|
419
|
+
class="view row"
|
|
420
|
+
>
|
|
421
|
+
<div
|
|
422
|
+
class="view content"
|
|
423
|
+
>
|
|
424
|
+
<select
|
|
425
|
+
class="select empty input prefix"
|
|
426
|
+
name="name-prefix"
|
|
427
|
+
>
|
|
428
|
+
<option
|
|
429
|
+
value="+34"
|
|
430
|
+
>
|
|
431
|
+
+34
|
|
432
|
+
</option>
|
|
433
|
+
<option
|
|
434
|
+
value="+44"
|
|
435
|
+
>
|
|
436
|
+
+44
|
|
437
|
+
</option>
|
|
438
|
+
<option
|
|
439
|
+
value="+001"
|
|
440
|
+
>
|
|
441
|
+
+001
|
|
442
|
+
</option>
|
|
443
|
+
</select>
|
|
444
|
+
</div>
|
|
445
|
+
<span
|
|
446
|
+
class="icon headline-3 expand"
|
|
447
|
+
>
|
|
448
|
+
<svg
|
|
449
|
+
fill="currentColor"
|
|
450
|
+
height="1em"
|
|
451
|
+
stroke="currentColor"
|
|
452
|
+
stroke-width="0"
|
|
453
|
+
viewBox="0 0 24 24"
|
|
454
|
+
width="1em"
|
|
455
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
456
|
+
>
|
|
457
|
+
<path
|
|
458
|
+
d="M24 24H0V0h24v24z"
|
|
459
|
+
fill="none"
|
|
460
|
+
opacity=".87"
|
|
461
|
+
/>
|
|
462
|
+
<path
|
|
463
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
464
|
+
/>
|
|
465
|
+
</svg>
|
|
466
|
+
</span>
|
|
467
|
+
</div>
|
|
468
|
+
<div
|
|
469
|
+
class="view forceRow separator"
|
|
470
|
+
/>
|
|
471
|
+
<div
|
|
472
|
+
class="view row wide"
|
|
473
|
+
>
|
|
474
|
+
<span
|
|
475
|
+
class="icon headline-3 icon left error"
|
|
476
|
+
>
|
|
477
|
+
<svg
|
|
478
|
+
fill="currentColor"
|
|
479
|
+
height="1em"
|
|
480
|
+
stroke="currentColor"
|
|
481
|
+
stroke-width="0"
|
|
482
|
+
viewBox="0 0 24 24"
|
|
483
|
+
width="1em"
|
|
484
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
485
|
+
>
|
|
486
|
+
<path
|
|
487
|
+
d="M0 0h24v24H0V0z"
|
|
488
|
+
fill="none"
|
|
489
|
+
/>
|
|
490
|
+
<path
|
|
491
|
+
d="M12 6a9.77 9.77 0 018.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0112 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 010 5 2.5 2.5 0 010-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
|
|
492
|
+
/>
|
|
493
|
+
</svg>
|
|
494
|
+
</span>
|
|
495
|
+
<div
|
|
496
|
+
class="view wide content"
|
|
497
|
+
>
|
|
498
|
+
<input
|
|
499
|
+
class="input input"
|
|
500
|
+
name="name-phone"
|
|
501
|
+
type="tel"
|
|
502
|
+
value=""
|
|
503
|
+
/>
|
|
504
|
+
</div>
|
|
505
|
+
</div>
|
|
506
|
+
<span
|
|
507
|
+
class="icon headline-3 icon error"
|
|
508
|
+
>
|
|
509
|
+
<svg
|
|
510
|
+
fill="currentColor"
|
|
511
|
+
height="1em"
|
|
512
|
+
stroke="currentColor"
|
|
513
|
+
stroke-width="0"
|
|
514
|
+
viewBox="0 0 24 24"
|
|
515
|
+
width="1em"
|
|
516
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
517
|
+
>
|
|
518
|
+
<path
|
|
519
|
+
d="M0 0h24v24H0V0z"
|
|
520
|
+
fill="none"
|
|
521
|
+
/>
|
|
522
|
+
<path
|
|
523
|
+
d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
|
|
524
|
+
/>
|
|
525
|
+
</svg>
|
|
526
|
+
</span>
|
|
527
|
+
</div>
|
|
528
|
+
</div>
|
|
529
|
+
</DocumentFragment>
|
|
530
|
+
`;
|
|
531
|
+
|
|
532
|
+
exports[`component:<InputPhone> prop:icon 1`] = `
|
|
533
|
+
<DocumentFragment>
|
|
534
|
+
<div
|
|
535
|
+
class="view container"
|
|
536
|
+
>
|
|
537
|
+
<div
|
|
538
|
+
class="view row inputBorder"
|
|
539
|
+
>
|
|
540
|
+
<div
|
|
541
|
+
class="view row"
|
|
542
|
+
>
|
|
543
|
+
<div
|
|
544
|
+
class="view content"
|
|
545
|
+
>
|
|
546
|
+
<select
|
|
547
|
+
class="select empty input prefix"
|
|
548
|
+
name="name-prefix"
|
|
549
|
+
>
|
|
550
|
+
<option
|
|
551
|
+
value="+34"
|
|
552
|
+
>
|
|
553
|
+
+34
|
|
554
|
+
</option>
|
|
555
|
+
<option
|
|
556
|
+
value="+44"
|
|
557
|
+
>
|
|
558
|
+
+44
|
|
559
|
+
</option>
|
|
560
|
+
<option
|
|
561
|
+
value="+001"
|
|
562
|
+
>
|
|
563
|
+
+001
|
|
564
|
+
</option>
|
|
565
|
+
</select>
|
|
566
|
+
</div>
|
|
567
|
+
<span
|
|
568
|
+
class="icon headline-3 expand"
|
|
569
|
+
>
|
|
570
|
+
<svg
|
|
571
|
+
fill="currentColor"
|
|
572
|
+
height="1em"
|
|
573
|
+
stroke="currentColor"
|
|
574
|
+
stroke-width="0"
|
|
575
|
+
viewBox="0 0 24 24"
|
|
576
|
+
width="1em"
|
|
577
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
578
|
+
>
|
|
579
|
+
<path
|
|
580
|
+
d="M24 24H0V0h24v24z"
|
|
581
|
+
fill="none"
|
|
582
|
+
opacity=".87"
|
|
583
|
+
/>
|
|
584
|
+
<path
|
|
585
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
586
|
+
/>
|
|
587
|
+
</svg>
|
|
588
|
+
</span>
|
|
589
|
+
</div>
|
|
590
|
+
<div
|
|
591
|
+
class="view forceRow separator"
|
|
592
|
+
/>
|
|
593
|
+
<div
|
|
594
|
+
class="view row wide"
|
|
595
|
+
>
|
|
596
|
+
<span
|
|
597
|
+
class="icon headline-3 icon left"
|
|
598
|
+
>
|
|
599
|
+
<svg
|
|
600
|
+
fill="currentColor"
|
|
601
|
+
height="1em"
|
|
602
|
+
stroke="currentColor"
|
|
603
|
+
stroke-width="0"
|
|
604
|
+
viewBox="0 0 24 24"
|
|
605
|
+
width="1em"
|
|
606
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
607
|
+
>
|
|
608
|
+
<path
|
|
609
|
+
d="M0 0h24v24H0V0z"
|
|
610
|
+
fill="none"
|
|
611
|
+
/>
|
|
612
|
+
<path
|
|
613
|
+
d="M12 6a9.77 9.77 0 018.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0112 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 010 5 2.5 2.5 0 010-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
|
|
614
|
+
/>
|
|
615
|
+
</svg>
|
|
616
|
+
</span>
|
|
617
|
+
<div
|
|
618
|
+
class="view wide content"
|
|
619
|
+
>
|
|
620
|
+
<input
|
|
621
|
+
class="input input"
|
|
622
|
+
name="name-phone"
|
|
623
|
+
type="tel"
|
|
624
|
+
value=""
|
|
625
|
+
/>
|
|
626
|
+
</div>
|
|
627
|
+
</div>
|
|
628
|
+
</div>
|
|
629
|
+
</div>
|
|
630
|
+
</DocumentFragment>
|
|
631
|
+
`;
|
|
632
|
+
|
|
633
|
+
exports[`component:<InputPhone> prop:label 1`] = `
|
|
634
|
+
<DocumentFragment>
|
|
635
|
+
<div
|
|
636
|
+
class="view container"
|
|
637
|
+
>
|
|
638
|
+
<div
|
|
639
|
+
class="view row inputBorder"
|
|
640
|
+
>
|
|
641
|
+
<div
|
|
642
|
+
class="view row"
|
|
643
|
+
>
|
|
644
|
+
<div
|
|
645
|
+
class="view content"
|
|
646
|
+
>
|
|
647
|
+
<select
|
|
648
|
+
class="select empty input prefix"
|
|
649
|
+
name="name-prefix"
|
|
650
|
+
>
|
|
651
|
+
<option
|
|
652
|
+
value="+34"
|
|
653
|
+
>
|
|
654
|
+
+34
|
|
655
|
+
</option>
|
|
656
|
+
<option
|
|
657
|
+
value="+44"
|
|
658
|
+
>
|
|
659
|
+
+44
|
|
660
|
+
</option>
|
|
661
|
+
<option
|
|
662
|
+
value="+001"
|
|
663
|
+
>
|
|
664
|
+
+001
|
|
665
|
+
</option>
|
|
666
|
+
</select>
|
|
667
|
+
</div>
|
|
668
|
+
<span
|
|
669
|
+
class="icon headline-3 expand"
|
|
670
|
+
>
|
|
671
|
+
<svg
|
|
672
|
+
fill="currentColor"
|
|
673
|
+
height="1em"
|
|
674
|
+
stroke="currentColor"
|
|
675
|
+
stroke-width="0"
|
|
676
|
+
viewBox="0 0 24 24"
|
|
677
|
+
width="1em"
|
|
678
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
679
|
+
>
|
|
680
|
+
<path
|
|
681
|
+
d="M24 24H0V0h24v24z"
|
|
682
|
+
fill="none"
|
|
683
|
+
opacity=".87"
|
|
684
|
+
/>
|
|
685
|
+
<path
|
|
686
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
687
|
+
/>
|
|
688
|
+
</svg>
|
|
689
|
+
</span>
|
|
690
|
+
</div>
|
|
691
|
+
<div
|
|
692
|
+
class="view forceRow separator"
|
|
693
|
+
/>
|
|
694
|
+
<div
|
|
695
|
+
class="view row wide"
|
|
696
|
+
>
|
|
697
|
+
<div
|
|
698
|
+
class="view wide content"
|
|
699
|
+
>
|
|
700
|
+
<span
|
|
701
|
+
class="text paragraph text label"
|
|
702
|
+
>
|
|
703
|
+
label
|
|
704
|
+
</span>
|
|
705
|
+
<input
|
|
706
|
+
class="input input withLabel"
|
|
707
|
+
name="name-phone"
|
|
708
|
+
type="tel"
|
|
709
|
+
value=""
|
|
710
|
+
/>
|
|
711
|
+
</div>
|
|
712
|
+
</div>
|
|
713
|
+
</div>
|
|
714
|
+
</div>
|
|
715
|
+
</DocumentFragment>
|
|
716
|
+
`;
|
|
717
|
+
|
|
718
|
+
exports[`component:<InputPhone> prop:labelPrefix 1`] = `
|
|
719
|
+
<DocumentFragment>
|
|
720
|
+
<div
|
|
721
|
+
class="view container"
|
|
722
|
+
>
|
|
723
|
+
<div
|
|
724
|
+
class="view row inputBorder"
|
|
725
|
+
>
|
|
726
|
+
<div
|
|
727
|
+
class="view row"
|
|
728
|
+
>
|
|
729
|
+
<div
|
|
730
|
+
class="view content"
|
|
731
|
+
>
|
|
732
|
+
<span
|
|
733
|
+
class="text paragraph text label"
|
|
734
|
+
>
|
|
735
|
+
labelPrefix
|
|
736
|
+
</span>
|
|
737
|
+
<select
|
|
738
|
+
class="select empty input prefix withLabel empty"
|
|
739
|
+
name="name-prefix"
|
|
740
|
+
>
|
|
741
|
+
<option
|
|
742
|
+
value="+34"
|
|
743
|
+
>
|
|
744
|
+
+34
|
|
745
|
+
</option>
|
|
746
|
+
<option
|
|
747
|
+
value="+44"
|
|
748
|
+
>
|
|
749
|
+
+44
|
|
750
|
+
</option>
|
|
751
|
+
<option
|
|
752
|
+
value="+001"
|
|
753
|
+
>
|
|
754
|
+
+001
|
|
755
|
+
</option>
|
|
756
|
+
</select>
|
|
757
|
+
</div>
|
|
758
|
+
<span
|
|
759
|
+
class="icon headline-3 expand"
|
|
760
|
+
>
|
|
761
|
+
<svg
|
|
762
|
+
fill="currentColor"
|
|
763
|
+
height="1em"
|
|
764
|
+
stroke="currentColor"
|
|
765
|
+
stroke-width="0"
|
|
766
|
+
viewBox="0 0 24 24"
|
|
767
|
+
width="1em"
|
|
768
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
769
|
+
>
|
|
770
|
+
<path
|
|
771
|
+
d="M24 24H0V0h24v24z"
|
|
772
|
+
fill="none"
|
|
773
|
+
opacity=".87"
|
|
774
|
+
/>
|
|
775
|
+
<path
|
|
776
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
777
|
+
/>
|
|
778
|
+
</svg>
|
|
779
|
+
</span>
|
|
780
|
+
</div>
|
|
781
|
+
<div
|
|
782
|
+
class="view forceRow separator"
|
|
783
|
+
/>
|
|
784
|
+
<div
|
|
785
|
+
class="view row wide"
|
|
786
|
+
>
|
|
787
|
+
<div
|
|
788
|
+
class="view wide content"
|
|
789
|
+
>
|
|
790
|
+
<input
|
|
791
|
+
class="input input"
|
|
792
|
+
name="name-phone"
|
|
793
|
+
type="tel"
|
|
794
|
+
value=""
|
|
795
|
+
/>
|
|
796
|
+
</div>
|
|
797
|
+
</div>
|
|
798
|
+
</div>
|
|
799
|
+
</div>
|
|
800
|
+
</DocumentFragment>
|
|
801
|
+
`;
|
|
802
|
+
|
|
803
|
+
exports[`component:<InputPhone> prop:showState (false) & error 1`] = `
|
|
804
|
+
<DocumentFragment>
|
|
805
|
+
<div
|
|
806
|
+
class="view container"
|
|
807
|
+
>
|
|
808
|
+
<div
|
|
809
|
+
class="view row inputBorder error"
|
|
810
|
+
>
|
|
811
|
+
<div
|
|
812
|
+
class="view row"
|
|
813
|
+
>
|
|
814
|
+
<div
|
|
815
|
+
class="view content"
|
|
816
|
+
>
|
|
817
|
+
<select
|
|
818
|
+
class="select empty input prefix"
|
|
819
|
+
name="name-prefix"
|
|
820
|
+
>
|
|
821
|
+
<option
|
|
822
|
+
value="+34"
|
|
823
|
+
>
|
|
824
|
+
+34
|
|
825
|
+
</option>
|
|
826
|
+
<option
|
|
827
|
+
value="+44"
|
|
828
|
+
>
|
|
829
|
+
+44
|
|
830
|
+
</option>
|
|
831
|
+
<option
|
|
832
|
+
value="+001"
|
|
833
|
+
>
|
|
834
|
+
+001
|
|
835
|
+
</option>
|
|
836
|
+
</select>
|
|
837
|
+
</div>
|
|
838
|
+
<span
|
|
839
|
+
class="icon headline-3 expand"
|
|
840
|
+
>
|
|
841
|
+
<svg
|
|
842
|
+
fill="currentColor"
|
|
843
|
+
height="1em"
|
|
844
|
+
stroke="currentColor"
|
|
845
|
+
stroke-width="0"
|
|
846
|
+
viewBox="0 0 24 24"
|
|
847
|
+
width="1em"
|
|
848
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
849
|
+
>
|
|
850
|
+
<path
|
|
851
|
+
d="M24 24H0V0h24v24z"
|
|
852
|
+
fill="none"
|
|
853
|
+
opacity=".87"
|
|
854
|
+
/>
|
|
855
|
+
<path
|
|
856
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
857
|
+
/>
|
|
858
|
+
</svg>
|
|
859
|
+
</span>
|
|
860
|
+
</div>
|
|
861
|
+
<div
|
|
862
|
+
class="view forceRow separator"
|
|
863
|
+
/>
|
|
864
|
+
<div
|
|
865
|
+
class="view row wide"
|
|
866
|
+
>
|
|
867
|
+
<div
|
|
868
|
+
class="view wide content"
|
|
869
|
+
>
|
|
870
|
+
<input
|
|
871
|
+
class="input input"
|
|
872
|
+
name="name-phone"
|
|
873
|
+
type="tel"
|
|
874
|
+
value=""
|
|
875
|
+
/>
|
|
876
|
+
</div>
|
|
877
|
+
</div>
|
|
878
|
+
<span
|
|
879
|
+
class="icon headline-3 icon error"
|
|
880
|
+
>
|
|
881
|
+
<svg
|
|
882
|
+
fill="currentColor"
|
|
883
|
+
height="1em"
|
|
884
|
+
stroke="currentColor"
|
|
885
|
+
stroke-width="0"
|
|
886
|
+
viewBox="0 0 24 24"
|
|
887
|
+
width="1em"
|
|
888
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
889
|
+
>
|
|
890
|
+
<path
|
|
891
|
+
d="M0 0h24v24H0V0z"
|
|
892
|
+
fill="none"
|
|
893
|
+
/>
|
|
894
|
+
<path
|
|
895
|
+
d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
|
|
896
|
+
/>
|
|
897
|
+
</svg>
|
|
898
|
+
</span>
|
|
899
|
+
</div>
|
|
900
|
+
</div>
|
|
901
|
+
</DocumentFragment>
|
|
902
|
+
`;
|
|
903
|
+
|
|
904
|
+
exports[`component:<InputPhone> prop:showState (false) & success 1`] = `
|
|
905
|
+
<DocumentFragment>
|
|
906
|
+
<div
|
|
907
|
+
class="view container"
|
|
908
|
+
>
|
|
909
|
+
<div
|
|
910
|
+
class="view row inputBorder"
|
|
911
|
+
>
|
|
912
|
+
<div
|
|
913
|
+
class="view row"
|
|
914
|
+
>
|
|
915
|
+
<div
|
|
916
|
+
class="view content"
|
|
917
|
+
>
|
|
918
|
+
<select
|
|
919
|
+
class="select empty input prefix"
|
|
920
|
+
name="name-prefix"
|
|
921
|
+
>
|
|
922
|
+
<option
|
|
923
|
+
value="+34"
|
|
924
|
+
>
|
|
925
|
+
+34
|
|
926
|
+
</option>
|
|
927
|
+
<option
|
|
928
|
+
value="+44"
|
|
929
|
+
>
|
|
930
|
+
+44
|
|
931
|
+
</option>
|
|
932
|
+
<option
|
|
933
|
+
value="+001"
|
|
934
|
+
>
|
|
935
|
+
+001
|
|
936
|
+
</option>
|
|
937
|
+
</select>
|
|
938
|
+
</div>
|
|
939
|
+
<span
|
|
940
|
+
class="icon headline-3 expand"
|
|
941
|
+
>
|
|
942
|
+
<svg
|
|
943
|
+
fill="currentColor"
|
|
944
|
+
height="1em"
|
|
945
|
+
stroke="currentColor"
|
|
946
|
+
stroke-width="0"
|
|
947
|
+
viewBox="0 0 24 24"
|
|
948
|
+
width="1em"
|
|
949
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
950
|
+
>
|
|
951
|
+
<path
|
|
952
|
+
d="M24 24H0V0h24v24z"
|
|
953
|
+
fill="none"
|
|
954
|
+
opacity=".87"
|
|
955
|
+
/>
|
|
956
|
+
<path
|
|
957
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
958
|
+
/>
|
|
959
|
+
</svg>
|
|
960
|
+
</span>
|
|
961
|
+
</div>
|
|
962
|
+
<div
|
|
963
|
+
class="view forceRow separator"
|
|
964
|
+
/>
|
|
965
|
+
<div
|
|
966
|
+
class="view row wide"
|
|
967
|
+
>
|
|
968
|
+
<div
|
|
969
|
+
class="view wide content"
|
|
970
|
+
>
|
|
971
|
+
<input
|
|
972
|
+
class="input input"
|
|
973
|
+
name="name-phone"
|
|
974
|
+
type="tel"
|
|
975
|
+
value=""
|
|
976
|
+
/>
|
|
977
|
+
</div>
|
|
978
|
+
</div>
|
|
979
|
+
<span
|
|
980
|
+
class="icon headline-3 icon success"
|
|
981
|
+
>
|
|
982
|
+
<svg
|
|
983
|
+
fill="currentColor"
|
|
984
|
+
height="1em"
|
|
985
|
+
stroke="currentColor"
|
|
986
|
+
stroke-width="0"
|
|
987
|
+
viewBox="0 0 24 24"
|
|
988
|
+
width="1em"
|
|
989
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
990
|
+
>
|
|
991
|
+
<path
|
|
992
|
+
d="M0 0h24v24H0V0z"
|
|
993
|
+
fill="none"
|
|
994
|
+
/>
|
|
995
|
+
<path
|
|
996
|
+
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
|
|
997
|
+
/>
|
|
998
|
+
</svg>
|
|
999
|
+
</span>
|
|
1000
|
+
</div>
|
|
1001
|
+
</div>
|
|
1002
|
+
</DocumentFragment>
|
|
1003
|
+
`;
|
|
1004
|
+
|
|
1005
|
+
exports[`component:<InputPhone> prop:showState (false) & warning 1`] = `
|
|
1006
|
+
<DocumentFragment>
|
|
1007
|
+
<div
|
|
1008
|
+
class="view container"
|
|
1009
|
+
>
|
|
1010
|
+
<div
|
|
1011
|
+
class="view row inputBorder"
|
|
1012
|
+
>
|
|
1013
|
+
<div
|
|
1014
|
+
class="view row"
|
|
1015
|
+
>
|
|
1016
|
+
<div
|
|
1017
|
+
class="view content"
|
|
1018
|
+
>
|
|
1019
|
+
<select
|
|
1020
|
+
class="select empty input prefix"
|
|
1021
|
+
name="name-prefix"
|
|
1022
|
+
>
|
|
1023
|
+
<option
|
|
1024
|
+
value="+34"
|
|
1025
|
+
>
|
|
1026
|
+
+34
|
|
1027
|
+
</option>
|
|
1028
|
+
<option
|
|
1029
|
+
value="+44"
|
|
1030
|
+
>
|
|
1031
|
+
+44
|
|
1032
|
+
</option>
|
|
1033
|
+
<option
|
|
1034
|
+
value="+001"
|
|
1035
|
+
>
|
|
1036
|
+
+001
|
|
1037
|
+
</option>
|
|
1038
|
+
</select>
|
|
1039
|
+
</div>
|
|
1040
|
+
<span
|
|
1041
|
+
class="icon headline-3 expand"
|
|
1042
|
+
>
|
|
1043
|
+
<svg
|
|
1044
|
+
fill="currentColor"
|
|
1045
|
+
height="1em"
|
|
1046
|
+
stroke="currentColor"
|
|
1047
|
+
stroke-width="0"
|
|
1048
|
+
viewBox="0 0 24 24"
|
|
1049
|
+
width="1em"
|
|
1050
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1051
|
+
>
|
|
1052
|
+
<path
|
|
1053
|
+
d="M24 24H0V0h24v24z"
|
|
1054
|
+
fill="none"
|
|
1055
|
+
opacity=".87"
|
|
1056
|
+
/>
|
|
1057
|
+
<path
|
|
1058
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
1059
|
+
/>
|
|
1060
|
+
</svg>
|
|
1061
|
+
</span>
|
|
1062
|
+
</div>
|
|
1063
|
+
<div
|
|
1064
|
+
class="view forceRow separator"
|
|
1065
|
+
/>
|
|
1066
|
+
<div
|
|
1067
|
+
class="view row wide"
|
|
1068
|
+
>
|
|
1069
|
+
<div
|
|
1070
|
+
class="view wide content"
|
|
1071
|
+
>
|
|
1072
|
+
<input
|
|
1073
|
+
class="input input"
|
|
1074
|
+
name="name-phone"
|
|
1075
|
+
type="tel"
|
|
1076
|
+
value=""
|
|
1077
|
+
/>
|
|
1078
|
+
</div>
|
|
1079
|
+
</div>
|
|
1080
|
+
<span
|
|
1081
|
+
class="icon headline-3 icon warning"
|
|
1082
|
+
>
|
|
1083
|
+
<svg
|
|
1084
|
+
fill="currentColor"
|
|
1085
|
+
height="1em"
|
|
1086
|
+
stroke="currentColor"
|
|
1087
|
+
stroke-width="0"
|
|
1088
|
+
viewBox="0 0 24 24"
|
|
1089
|
+
width="1em"
|
|
1090
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1091
|
+
>
|
|
1092
|
+
<path
|
|
1093
|
+
d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
|
|
1094
|
+
/>
|
|
1095
|
+
</svg>
|
|
1096
|
+
</span>
|
|
1097
|
+
</div>
|
|
1098
|
+
</div>
|
|
1099
|
+
</DocumentFragment>
|
|
1100
|
+
`;
|
|
1101
|
+
|
|
1102
|
+
exports[`component:<InputPhone> prop:success 1`] = `
|
|
1103
|
+
<DocumentFragment>
|
|
1104
|
+
<div
|
|
1105
|
+
class="view container"
|
|
1106
|
+
>
|
|
1107
|
+
<div
|
|
1108
|
+
class="view row inputBorder"
|
|
1109
|
+
>
|
|
1110
|
+
<div
|
|
1111
|
+
class="view row"
|
|
1112
|
+
>
|
|
1113
|
+
<div
|
|
1114
|
+
class="view content"
|
|
1115
|
+
>
|
|
1116
|
+
<select
|
|
1117
|
+
class="select empty input prefix"
|
|
1118
|
+
name="name-prefix"
|
|
1119
|
+
>
|
|
1120
|
+
<option
|
|
1121
|
+
value="+34"
|
|
1122
|
+
>
|
|
1123
|
+
+34
|
|
1124
|
+
</option>
|
|
1125
|
+
<option
|
|
1126
|
+
value="+44"
|
|
1127
|
+
>
|
|
1128
|
+
+44
|
|
1129
|
+
</option>
|
|
1130
|
+
<option
|
|
1131
|
+
value="+001"
|
|
1132
|
+
>
|
|
1133
|
+
+001
|
|
1134
|
+
</option>
|
|
1135
|
+
</select>
|
|
1136
|
+
</div>
|
|
1137
|
+
<span
|
|
1138
|
+
class="icon headline-3 expand"
|
|
1139
|
+
>
|
|
1140
|
+
<svg
|
|
1141
|
+
fill="currentColor"
|
|
1142
|
+
height="1em"
|
|
1143
|
+
stroke="currentColor"
|
|
1144
|
+
stroke-width="0"
|
|
1145
|
+
viewBox="0 0 24 24"
|
|
1146
|
+
width="1em"
|
|
1147
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1148
|
+
>
|
|
1149
|
+
<path
|
|
1150
|
+
d="M24 24H0V0h24v24z"
|
|
1151
|
+
fill="none"
|
|
1152
|
+
opacity=".87"
|
|
1153
|
+
/>
|
|
1154
|
+
<path
|
|
1155
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
1156
|
+
/>
|
|
1157
|
+
</svg>
|
|
1158
|
+
</span>
|
|
1159
|
+
</div>
|
|
1160
|
+
<div
|
|
1161
|
+
class="view forceRow separator"
|
|
1162
|
+
/>
|
|
1163
|
+
<div
|
|
1164
|
+
class="view row wide"
|
|
1165
|
+
>
|
|
1166
|
+
<div
|
|
1167
|
+
class="view wide content"
|
|
1168
|
+
>
|
|
1169
|
+
<input
|
|
1170
|
+
class="input input"
|
|
1171
|
+
name="name-phone"
|
|
1172
|
+
type="tel"
|
|
1173
|
+
value=""
|
|
1174
|
+
/>
|
|
1175
|
+
</div>
|
|
1176
|
+
</div>
|
|
1177
|
+
<span
|
|
1178
|
+
class="icon headline-3 icon success"
|
|
1179
|
+
>
|
|
1180
|
+
<svg
|
|
1181
|
+
fill="currentColor"
|
|
1182
|
+
height="1em"
|
|
1183
|
+
stroke="currentColor"
|
|
1184
|
+
stroke-width="0"
|
|
1185
|
+
viewBox="0 0 24 24"
|
|
1186
|
+
width="1em"
|
|
1187
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1188
|
+
>
|
|
1189
|
+
<path
|
|
1190
|
+
d="M0 0h24v24H0V0z"
|
|
1191
|
+
fill="none"
|
|
1192
|
+
/>
|
|
1193
|
+
<path
|
|
1194
|
+
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
|
|
1195
|
+
/>
|
|
1196
|
+
</svg>
|
|
1197
|
+
</span>
|
|
1198
|
+
</div>
|
|
1199
|
+
</div>
|
|
1200
|
+
</DocumentFragment>
|
|
1201
|
+
`;
|
|
1202
|
+
|
|
1203
|
+
exports[`component:<InputPhone> prop:value 1`] = `
|
|
1204
|
+
<DocumentFragment>
|
|
1205
|
+
<div
|
|
1206
|
+
class="view container"
|
|
1207
|
+
>
|
|
1208
|
+
<div
|
|
1209
|
+
class="view row inputBorder"
|
|
1210
|
+
>
|
|
1211
|
+
<div
|
|
1212
|
+
class="view row"
|
|
1213
|
+
>
|
|
1214
|
+
<div
|
|
1215
|
+
class="view content"
|
|
1216
|
+
>
|
|
1217
|
+
<select
|
|
1218
|
+
class="select input prefix"
|
|
1219
|
+
name="name-prefix"
|
|
1220
|
+
>
|
|
1221
|
+
<option
|
|
1222
|
+
value="+34"
|
|
1223
|
+
>
|
|
1224
|
+
+34
|
|
1225
|
+
</option>
|
|
1226
|
+
<option
|
|
1227
|
+
value="+44"
|
|
1228
|
+
>
|
|
1229
|
+
+44
|
|
1230
|
+
</option>
|
|
1231
|
+
<option
|
|
1232
|
+
value="+001"
|
|
1233
|
+
>
|
|
1234
|
+
+001
|
|
1235
|
+
</option>
|
|
1236
|
+
</select>
|
|
1237
|
+
</div>
|
|
1238
|
+
<span
|
|
1239
|
+
class="icon headline-3 expand"
|
|
1240
|
+
>
|
|
1241
|
+
<svg
|
|
1242
|
+
fill="currentColor"
|
|
1243
|
+
height="1em"
|
|
1244
|
+
stroke="currentColor"
|
|
1245
|
+
stroke-width="0"
|
|
1246
|
+
viewBox="0 0 24 24"
|
|
1247
|
+
width="1em"
|
|
1248
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1249
|
+
>
|
|
1250
|
+
<path
|
|
1251
|
+
d="M24 24H0V0h24v24z"
|
|
1252
|
+
fill="none"
|
|
1253
|
+
opacity=".87"
|
|
1254
|
+
/>
|
|
1255
|
+
<path
|
|
1256
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
1257
|
+
/>
|
|
1258
|
+
</svg>
|
|
1259
|
+
</span>
|
|
1260
|
+
</div>
|
|
1261
|
+
<div
|
|
1262
|
+
class="view forceRow separator"
|
|
1263
|
+
/>
|
|
1264
|
+
<div
|
|
1265
|
+
class="view row wide"
|
|
1266
|
+
>
|
|
1267
|
+
<div
|
|
1268
|
+
class="view wide content"
|
|
1269
|
+
>
|
|
1270
|
+
<input
|
|
1271
|
+
class="input input"
|
|
1272
|
+
name="name-phone"
|
|
1273
|
+
type="tel"
|
|
1274
|
+
value="212123789"
|
|
1275
|
+
/>
|
|
1276
|
+
</div>
|
|
1277
|
+
</div>
|
|
1278
|
+
</div>
|
|
1279
|
+
</div>
|
|
1280
|
+
</DocumentFragment>
|
|
1281
|
+
`;
|
|
1282
|
+
|
|
1283
|
+
exports[`component:<InputPhone> prop:value:without prefixes 1`] = `
|
|
1284
|
+
<DocumentFragment>
|
|
1285
|
+
<div
|
|
1286
|
+
class="view container"
|
|
1287
|
+
>
|
|
1288
|
+
<div
|
|
1289
|
+
class="view row inputBorder"
|
|
1290
|
+
>
|
|
1291
|
+
<div
|
|
1292
|
+
class="view row wide"
|
|
1293
|
+
>
|
|
1294
|
+
<div
|
|
1295
|
+
class="view wide content"
|
|
1296
|
+
>
|
|
1297
|
+
<input
|
|
1298
|
+
class="input input"
|
|
1299
|
+
name="name-phone"
|
|
1300
|
+
type="tel"
|
|
1301
|
+
value="212123789"
|
|
1302
|
+
/>
|
|
1303
|
+
</div>
|
|
1304
|
+
</div>
|
|
1305
|
+
</div>
|
|
1306
|
+
</div>
|
|
1307
|
+
</DocumentFragment>
|
|
1308
|
+
`;
|
|
1309
|
+
|
|
1310
|
+
exports[`component:<InputPhone> prop:warning 1`] = `
|
|
1311
|
+
<DocumentFragment>
|
|
1312
|
+
<div
|
|
1313
|
+
class="view container"
|
|
1314
|
+
>
|
|
1315
|
+
<div
|
|
1316
|
+
class="view row inputBorder"
|
|
1317
|
+
>
|
|
1318
|
+
<div
|
|
1319
|
+
class="view row"
|
|
1320
|
+
>
|
|
1321
|
+
<div
|
|
1322
|
+
class="view content"
|
|
1323
|
+
>
|
|
1324
|
+
<select
|
|
1325
|
+
class="select empty input prefix"
|
|
1326
|
+
name="name-prefix"
|
|
1327
|
+
>
|
|
1328
|
+
<option
|
|
1329
|
+
value="+34"
|
|
1330
|
+
>
|
|
1331
|
+
+34
|
|
1332
|
+
</option>
|
|
1333
|
+
<option
|
|
1334
|
+
value="+44"
|
|
1335
|
+
>
|
|
1336
|
+
+44
|
|
1337
|
+
</option>
|
|
1338
|
+
<option
|
|
1339
|
+
value="+001"
|
|
1340
|
+
>
|
|
1341
|
+
+001
|
|
1342
|
+
</option>
|
|
1343
|
+
</select>
|
|
1344
|
+
</div>
|
|
1345
|
+
<span
|
|
1346
|
+
class="icon headline-3 expand"
|
|
1347
|
+
>
|
|
1348
|
+
<svg
|
|
1349
|
+
fill="currentColor"
|
|
1350
|
+
height="1em"
|
|
1351
|
+
stroke="currentColor"
|
|
1352
|
+
stroke-width="0"
|
|
1353
|
+
viewBox="0 0 24 24"
|
|
1354
|
+
width="1em"
|
|
1355
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1356
|
+
>
|
|
1357
|
+
<path
|
|
1358
|
+
d="M24 24H0V0h24v24z"
|
|
1359
|
+
fill="none"
|
|
1360
|
+
opacity=".87"
|
|
1361
|
+
/>
|
|
1362
|
+
<path
|
|
1363
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
1364
|
+
/>
|
|
1365
|
+
</svg>
|
|
1366
|
+
</span>
|
|
1367
|
+
</div>
|
|
1368
|
+
<div
|
|
1369
|
+
class="view forceRow separator"
|
|
1370
|
+
/>
|
|
1371
|
+
<div
|
|
1372
|
+
class="view row wide"
|
|
1373
|
+
>
|
|
1374
|
+
<div
|
|
1375
|
+
class="view wide content"
|
|
1376
|
+
>
|
|
1377
|
+
<input
|
|
1378
|
+
class="input input"
|
|
1379
|
+
name="name-phone"
|
|
1380
|
+
type="tel"
|
|
1381
|
+
value=""
|
|
1382
|
+
/>
|
|
1383
|
+
</div>
|
|
1384
|
+
</div>
|
|
1385
|
+
<span
|
|
1386
|
+
class="icon headline-3 icon warning"
|
|
1387
|
+
>
|
|
1388
|
+
<svg
|
|
1389
|
+
fill="currentColor"
|
|
1390
|
+
height="1em"
|
|
1391
|
+
stroke="currentColor"
|
|
1392
|
+
stroke-width="0"
|
|
1393
|
+
viewBox="0 0 24 24"
|
|
1394
|
+
width="1em"
|
|
1395
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1396
|
+
>
|
|
1397
|
+
<path
|
|
1398
|
+
d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
|
|
1399
|
+
/>
|
|
1400
|
+
</svg>
|
|
1401
|
+
</span>
|
|
1402
|
+
</div>
|
|
1403
|
+
</div>
|
|
1404
|
+
</DocumentFragment>
|
|
1405
|
+
`;
|
|
1406
|
+
|
|
1407
|
+
exports[`component:<InputPhone> renders 1`] = `
|
|
1408
|
+
<DocumentFragment>
|
|
1409
|
+
<div
|
|
1410
|
+
class="view container"
|
|
1411
|
+
>
|
|
1412
|
+
<div
|
|
1413
|
+
class="view row inputBorder"
|
|
1414
|
+
>
|
|
1415
|
+
<div
|
|
1416
|
+
class="view row"
|
|
1417
|
+
>
|
|
1418
|
+
<div
|
|
1419
|
+
class="view content"
|
|
1420
|
+
>
|
|
1421
|
+
<select
|
|
1422
|
+
class="select empty input prefix"
|
|
1423
|
+
name="name-prefix"
|
|
1424
|
+
>
|
|
1425
|
+
<option
|
|
1426
|
+
value="+34"
|
|
1427
|
+
>
|
|
1428
|
+
+34
|
|
1429
|
+
</option>
|
|
1430
|
+
<option
|
|
1431
|
+
value="+44"
|
|
1432
|
+
>
|
|
1433
|
+
+44
|
|
1434
|
+
</option>
|
|
1435
|
+
<option
|
|
1436
|
+
value="+001"
|
|
1437
|
+
>
|
|
1438
|
+
+001
|
|
1439
|
+
</option>
|
|
1440
|
+
</select>
|
|
1441
|
+
</div>
|
|
1442
|
+
<span
|
|
1443
|
+
class="icon headline-3 expand"
|
|
1444
|
+
>
|
|
1445
|
+
<svg
|
|
1446
|
+
fill="currentColor"
|
|
1447
|
+
height="1em"
|
|
1448
|
+
stroke="currentColor"
|
|
1449
|
+
stroke-width="0"
|
|
1450
|
+
viewBox="0 0 24 24"
|
|
1451
|
+
width="1em"
|
|
1452
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1453
|
+
>
|
|
1454
|
+
<path
|
|
1455
|
+
d="M24 24H0V0h24v24z"
|
|
1456
|
+
fill="none"
|
|
1457
|
+
opacity=".87"
|
|
1458
|
+
/>
|
|
1459
|
+
<path
|
|
1460
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
1461
|
+
/>
|
|
1462
|
+
</svg>
|
|
1463
|
+
</span>
|
|
1464
|
+
</div>
|
|
1465
|
+
<div
|
|
1466
|
+
class="view forceRow separator"
|
|
1467
|
+
/>
|
|
1468
|
+
<div
|
|
1469
|
+
class="view row wide"
|
|
1470
|
+
>
|
|
1471
|
+
<div
|
|
1472
|
+
class="view wide content"
|
|
1473
|
+
>
|
|
1474
|
+
<input
|
|
1475
|
+
class="input input"
|
|
1476
|
+
name="name-phone"
|
|
1477
|
+
type="tel"
|
|
1478
|
+
value=""
|
|
1479
|
+
/>
|
|
1480
|
+
</div>
|
|
1481
|
+
</div>
|
|
1482
|
+
</div>
|
|
1483
|
+
</div>
|
|
1484
|
+
</DocumentFragment>
|
|
1485
|
+
`;
|
|
1486
|
+
|
|
1487
|
+
exports[`component:<InputPhone> testID 1`] = `
|
|
1488
|
+
<DocumentFragment>
|
|
1489
|
+
<div
|
|
1490
|
+
class="view container"
|
|
1491
|
+
>
|
|
1492
|
+
<div
|
|
1493
|
+
class="view row inputBorder"
|
|
1494
|
+
>
|
|
1495
|
+
<div
|
|
1496
|
+
class="view row"
|
|
1497
|
+
>
|
|
1498
|
+
<div
|
|
1499
|
+
class="view content"
|
|
1500
|
+
>
|
|
1501
|
+
<select
|
|
1502
|
+
class="select empty input prefix"
|
|
1503
|
+
data-testid="mirai-select"
|
|
1504
|
+
name="name-prefix"
|
|
1505
|
+
>
|
|
1506
|
+
<option
|
|
1507
|
+
value="+34"
|
|
1508
|
+
>
|
|
1509
|
+
+34
|
|
1510
|
+
</option>
|
|
1511
|
+
<option
|
|
1512
|
+
value="+44"
|
|
1513
|
+
>
|
|
1514
|
+
+44
|
|
1515
|
+
</option>
|
|
1516
|
+
<option
|
|
1517
|
+
value="+001"
|
|
1518
|
+
>
|
|
1519
|
+
+001
|
|
1520
|
+
</option>
|
|
1521
|
+
</select>
|
|
1522
|
+
</div>
|
|
1523
|
+
<span
|
|
1524
|
+
class="icon headline-3 expand"
|
|
1525
|
+
>
|
|
1526
|
+
<svg
|
|
1527
|
+
fill="currentColor"
|
|
1528
|
+
height="1em"
|
|
1529
|
+
stroke="currentColor"
|
|
1530
|
+
stroke-width="0"
|
|
1531
|
+
viewBox="0 0 24 24"
|
|
1532
|
+
width="1em"
|
|
1533
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1534
|
+
>
|
|
1535
|
+
<path
|
|
1536
|
+
d="M24 24H0V0h24v24z"
|
|
1537
|
+
fill="none"
|
|
1538
|
+
opacity=".87"
|
|
1539
|
+
/>
|
|
1540
|
+
<path
|
|
1541
|
+
d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
|
|
1542
|
+
/>
|
|
1543
|
+
</svg>
|
|
1544
|
+
</span>
|
|
1545
|
+
</div>
|
|
1546
|
+
<div
|
|
1547
|
+
class="view forceRow separator"
|
|
1548
|
+
/>
|
|
1549
|
+
<div
|
|
1550
|
+
class="view row wide"
|
|
1551
|
+
>
|
|
1552
|
+
<div
|
|
1553
|
+
class="view wide content"
|
|
1554
|
+
>
|
|
1555
|
+
<input
|
|
1556
|
+
class="input input"
|
|
1557
|
+
data-testid="mirai-input"
|
|
1558
|
+
name="name-phone"
|
|
1559
|
+
type="tel"
|
|
1560
|
+
value=""
|
|
1561
|
+
/>
|
|
1562
|
+
</div>
|
|
1563
|
+
</div>
|
|
1564
|
+
</div>
|
|
1565
|
+
</div>
|
|
1566
|
+
</DocumentFragment>
|
|
1567
|
+
`;
|
|
1568
|
+
|
|
1569
|
+
exports[`component:<InputPhone> testID:without prefixes 1`] = `
|
|
1570
|
+
<DocumentFragment>
|
|
1571
|
+
<div
|
|
1572
|
+
class="view container"
|
|
1573
|
+
>
|
|
1574
|
+
<div
|
|
1575
|
+
class="view row inputBorder"
|
|
1576
|
+
>
|
|
1577
|
+
<div
|
|
1578
|
+
class="view row wide"
|
|
1579
|
+
>
|
|
1580
|
+
<div
|
|
1581
|
+
class="view wide content"
|
|
1582
|
+
>
|
|
1583
|
+
<input
|
|
1584
|
+
class="input input"
|
|
1585
|
+
data-testid="mirai-input"
|
|
1586
|
+
name="name-phone"
|
|
1587
|
+
type="tel"
|
|
1588
|
+
value=""
|
|
1589
|
+
/>
|
|
1590
|
+
</div>
|
|
1591
|
+
</div>
|
|
1592
|
+
</div>
|
|
1593
|
+
</div>
|
|
1594
|
+
</DocumentFragment>
|
|
1595
|
+
`;
|