@mirai/ui 1.0.63 → 1.0.65

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 (41) hide show
  1. package/README.md +8 -1
  2. package/build/components/InputDate/InputDate.js +28 -12
  3. package/build/components/InputDate/InputDate.js.map +1 -1
  4. package/build/components/InputDate/InputDate.module.css +9 -16
  5. package/build/components/InputDate/InputDate.stories.js +11 -1
  6. package/build/components/InputDate/InputDate.stories.js.map +1 -1
  7. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +148 -167
  8. package/build/components/InputNumber/InputNumber.module.css +6 -2
  9. package/build/components/InputOption/InputOption.js +1 -0
  10. package/build/components/InputOption/InputOption.js.map +1 -1
  11. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +3 -3
  12. package/build/components/InputSelect/InputSelect.js +17 -7
  13. package/build/components/InputSelect/InputSelect.js.map +1 -1
  14. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +217 -163
  15. package/build/components/InputText/InputText.js +13 -10
  16. package/build/components/InputText/InputText.js.map +1 -1
  17. package/build/components/InputText/InputText.module.css +11 -11
  18. package/build/components/InputText/InputText.stories.js +1 -0
  19. package/build/components/InputText/InputText.stories.js.map +1 -1
  20. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +116 -88
  21. package/build/components/Menu/Menu.js +37 -16
  22. package/build/components/Menu/Menu.js.map +1 -1
  23. package/build/components/Menu/Menu.module.css +3 -0
  24. package/build/components/Menu/Menu.stories.js +1 -0
  25. package/build/components/Menu/Menu.stories.js.map +1 -1
  26. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +35 -19
  27. package/build/components/Modal/Modal.js +5 -2
  28. package/build/components/Modal/Modal.js.map +1 -1
  29. package/build/components/Modal/Modal.module.css +9 -20
  30. package/build/components/Modal/Modal.stories.js +1 -0
  31. package/build/components/Modal/Modal.stories.js.map +1 -1
  32. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +24 -12
  33. package/build/components/Notification/Notification.module.css +0 -13
  34. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +6 -2
  35. package/build/hooks/useDevice.js +1 -1
  36. package/build/hooks/useDevice.js.map +1 -1
  37. package/build/primitives/Icon/Icon.constants.js +2 -2
  38. package/build/primitives/Icon/Icon.constants.js.map +1 -1
  39. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +6 -2
  40. package/build/theme/default.theme.css +20 -20
  41. package/package.json +1 -1
package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap CHANGED
@@ -3,10 +3,10 @@
3
3
  exports[`component:<InputDate> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="view mirai"
6
+ class="view inputContainer mirai"
7
7
  >
8
8
  <span
9
- class="text paragraph label"
9
+ class="text small label text hint"
10
10
  />
11
11
  <div
12
12
  class="view row"
@@ -21,15 +21,11 @@ exports[`component:<InputDate> inherit:className 1`] = `
21
21
  class="input input"
22
22
  maxlength="2"
23
23
  name="name:DD"
24
+ placeholder="DD"
24
25
  type="text"
25
26
  value=""
26
27
  />
27
28
  </div>
28
- <span
29
- class="text small text hint"
30
- >
31
- DD
32
- </span>
33
29
  </div>
34
30
  <div
35
31
  class="view inputContainer input M"
@@ -41,18 +37,14 @@ exports[`component:<InputDate> inherit:className 1`] = `
41
37
  class="input input"
42
38
  maxlength="2"
43
39
  name="name:MM"
40
+ placeholder="MM"
44
41
  type="text"
45
42
  value=""
46
43
  />
47
44
  </div>
48
- <span
49
- class="text small text hint"
50
- >
51
- MM
52
- </span>
53
45
  </div>
54
46
  <div
55
- class="view inputContainer input Y"
47
+ class="view inputContainer input Y state"
56
48
  >
57
49
  <div
58
50
  class="view row inputBorder"
@@ -61,15 +53,11 @@ exports[`component:<InputDate> inherit:className 1`] = `
61
53
  class="input input"
62
54
  maxlength="4"
63
55
  name="name:YYYY"
56
+ placeholder="YYYY"
64
57
  type="text"
65
58
  value=""
66
59
  />
67
60
  </div>
68
- <span
69
- class="text small text hint"
70
- >
71
- YYYY
72
- </span>
73
61
  </div>
74
62
  </div>
75
63
  </div>
@@ -79,10 +67,10 @@ exports[`component:<InputDate> inherit:className 1`] = `
79
67
  exports[`component:<InputDate> prop:disabled 1`] = `
80
68
  <DocumentFragment>
81
69
  <div
82
- class="view"
70
+ class="view inputContainer"
83
71
  >
84
72
  <span
85
- class="text paragraph label disabled"
73
+ class="text small label text hint disabled"
86
74
  />
87
75
  <div
88
76
  class="view row"
@@ -98,15 +86,11 @@ exports[`component:<InputDate> prop:disabled 1`] = `
98
86
  disabled=""
99
87
  maxlength="2"
100
88
  name="name:DD"
89
+ placeholder="DD"
101
90
  type="text"
102
91
  value=""
103
92
  />
104
93
  </div>
105
- <span
106
- class="text small text hint disabled"
107
- >
108
- DD
109
- </span>
110
94
  </div>
111
95
  <div
112
96
  class="view inputContainer input M"
@@ -119,18 +103,14 @@ exports[`component:<InputDate> prop:disabled 1`] = `
119
103
  disabled=""
120
104
  maxlength="2"
121
105
  name="name:MM"
106
+ placeholder="MM"
122
107
  type="text"
123
108
  value=""
124
109
  />
125
110
  </div>
126
- <span
127
- class="text small text hint disabled"
128
- >
129
- MM
130
- </span>
131
111
  </div>
132
112
  <div
133
- class="view inputContainer input Y"
113
+ class="view inputContainer input Y state"
134
114
  >
135
115
  <div
136
116
  class="view row inputBorder disabled"
@@ -140,15 +120,11 @@ exports[`component:<InputDate> prop:disabled 1`] = `
140
120
  disabled=""
141
121
  maxlength="4"
142
122
  name="name:YYYY"
123
+ placeholder="YYYY"
143
124
  type="text"
144
125
  value=""
145
126
  />
146
127
  </div>
147
- <span
148
- class="text small text hint disabled"
149
- >
150
- YYYY
151
- </span>
152
128
  </div>
153
129
  </div>
154
130
  </div>
@@ -158,10 +134,10 @@ exports[`component:<InputDate> prop:disabled 1`] = `
158
134
  exports[`component:<InputDate> prop:error 1`] = `
159
135
  <DocumentFragment>
160
136
  <div
161
- class="view"
137
+ class="view inputContainer"
162
138
  >
163
139
  <span
164
- class="text paragraph label error"
140
+ class="text small label text hint error"
165
141
  />
166
142
  <div
167
143
  class="view row"
@@ -176,15 +152,11 @@ exports[`component:<InputDate> prop:error 1`] = `
176
152
  class="input input"
177
153
  maxlength="2"
178
154
  name="name:DD"
155
+ placeholder="DD"
179
156
  type="text"
180
157
  value=""
181
158
  />
182
159
  </div>
183
- <span
184
- class="text small text hint error"
185
- >
186
- DD
187
- </span>
188
160
  </div>
189
161
  <div
190
162
  class="view inputContainer input M"
@@ -196,18 +168,14 @@ exports[`component:<InputDate> prop:error 1`] = `
196
168
  class="input input"
197
169
  maxlength="2"
198
170
  name="name:MM"
171
+ placeholder="MM"
199
172
  type="text"
200
173
  value=""
201
174
  />
202
175
  </div>
203
- <span
204
- class="text small text hint error"
205
- >
206
- MM
207
- </span>
208
176
  </div>
209
177
  <div
210
- class="view inputContainer input Y"
178
+ class="view inputContainer input Y state"
211
179
  >
212
180
  <div
213
181
  class="view row inputBorder error"
@@ -216,15 +184,36 @@ exports[`component:<InputDate> prop:error 1`] = `
216
184
  class="input input"
217
185
  maxlength="4"
218
186
  name="name:YYYY"
187
+ placeholder="YYYY"
219
188
  type="text"
220
189
  value=""
221
190
  />
191
+ <div
192
+ class="view row icons"
193
+ >
194
+ <span
195
+ class="icon headline-3 icon error"
196
+ >
197
+ <svg
198
+ fill="currentColor"
199
+ height="1em"
200
+ stroke="currentColor"
201
+ stroke-width="0"
202
+ viewBox="0 0 24 24"
203
+ width="1em"
204
+ xmlns="http://www.w3.org/2000/svg"
205
+ >
206
+ <path
207
+ d="M0 0h24v24H0V0z"
208
+ fill="none"
209
+ />
210
+ <path
211
+ 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"
212
+ />
213
+ </svg>
214
+ </span>
215
+ </div>
222
216
  </div>
223
- <span
224
- class="text small text hint error"
225
- >
226
- YYYY
227
- </span>
228
217
  </div>
229
218
  </div>
230
219
  </div>
@@ -234,10 +223,10 @@ exports[`component:<InputDate> prop:error 1`] = `
234
223
  exports[`component:<InputDate> prop:format 1`] = `
235
224
  <DocumentFragment>
236
225
  <div
237
- class="view"
226
+ class="view inputContainer"
238
227
  >
239
228
  <span
240
- class="text paragraph label"
229
+ class="text small label text hint"
241
230
  />
242
231
  <div
243
232
  class="view row"
@@ -252,15 +241,11 @@ exports[`component:<InputDate> prop:format 1`] = `
252
241
  class="input input"
253
242
  maxlength="2"
254
243
  name="name:MM"
244
+ placeholder="MM"
255
245
  type="text"
256
246
  value=""
257
247
  />
258
248
  </div>
259
- <span
260
- class="text small text hint"
261
- >
262
- MM
263
- </span>
264
249
  </div>
265
250
  <div
266
251
  class="view inputContainer input D"
@@ -272,18 +257,14 @@ exports[`component:<InputDate> prop:format 1`] = `
272
257
  class="input input"
273
258
  maxlength="2"
274
259
  name="name:DD"
260
+ placeholder="DD"
275
261
  type="text"
276
262
  value=""
277
263
  />
278
264
  </div>
279
- <span
280
- class="text small text hint"
281
- >
282
- DD
283
- </span>
284
265
  </div>
285
266
  <div
286
- class="view inputContainer input Y"
267
+ class="view inputContainer input Y state"
287
268
  >
288
269
  <div
289
270
  class="view row inputBorder"
@@ -292,15 +273,11 @@ exports[`component:<InputDate> prop:format 1`] = `
292
273
  class="input input"
293
274
  maxlength="4"
294
275
  name="name:YYYY"
276
+ placeholder="YYYY"
295
277
  type="text"
296
278
  value=""
297
279
  />
298
280
  </div>
299
- <span
300
- class="text small text hint"
301
- >
302
- YYYY
303
- </span>
304
281
  </div>
305
282
  </div>
306
283
  </div>
@@ -310,10 +287,10 @@ exports[`component:<InputDate> prop:format 1`] = `
310
287
  exports[`component:<InputDate> prop:label 1`] = `
311
288
  <DocumentFragment>
312
289
  <div
313
- class="view"
290
+ class="view inputContainer"
314
291
  >
315
292
  <span
316
- class="text paragraph label"
293
+ class="text small label text hint"
317
294
  >
318
295
  label
319
296
  </span>
@@ -330,15 +307,11 @@ exports[`component:<InputDate> prop:label 1`] = `
330
307
  class="input input"
331
308
  maxlength="2"
332
309
  name="name:DD"
310
+ placeholder="DD"
333
311
  type="text"
334
312
  value=""
335
313
  />
336
314
  </div>
337
- <span
338
- class="text small text hint"
339
- >
340
- DD
341
- </span>
342
315
  </div>
343
316
  <div
344
317
  class="view inputContainer input M"
@@ -350,18 +323,14 @@ exports[`component:<InputDate> prop:label 1`] = `
350
323
  class="input input"
351
324
  maxlength="2"
352
325
  name="name:MM"
326
+ placeholder="MM"
353
327
  type="text"
354
328
  value=""
355
329
  />
356
330
  </div>
357
- <span
358
- class="text small text hint"
359
- >
360
- MM
361
- </span>
362
331
  </div>
363
332
  <div
364
- class="view inputContainer input Y"
333
+ class="view inputContainer input Y state"
365
334
  >
366
335
  <div
367
336
  class="view row inputBorder"
@@ -370,15 +339,11 @@ exports[`component:<InputDate> prop:label 1`] = `
370
339
  class="input input"
371
340
  maxlength="4"
372
341
  name="name:YYYY"
342
+ placeholder="YYYY"
373
343
  type="text"
374
344
  value=""
375
345
  />
376
346
  </div>
377
- <span
378
- class="text small text hint"
379
- >
380
- YYYY
381
- </span>
382
347
  </div>
383
348
  </div>
384
349
  </div>
@@ -388,10 +353,10 @@ exports[`component:<InputDate> prop:label 1`] = `
388
353
  exports[`component:<InputDate> prop:labels 1`] = `
389
354
  <DocumentFragment>
390
355
  <div
391
- class="view"
356
+ class="view inputContainer"
392
357
  >
393
358
  <span
394
- class="text paragraph label"
359
+ class="text small label text hint"
395
360
  >
396
361
  Year
397
362
  </span>
@@ -408,10 +373,74 @@ exports[`component:<InputDate> prop:labels 1`] = `
408
373
  class="input input"
409
374
  maxlength="2"
410
375
  name="name:DD"
376
+ placeholder="DD"
377
+ type="text"
378
+ value=""
379
+ />
380
+ </div>
381
+ </div>
382
+ <div
383
+ class="view inputContainer input M"
384
+ >
385
+ <div
386
+ class="view row inputBorder"
387
+ >
388
+ <input
389
+ class="input input"
390
+ maxlength="2"
391
+ name="name:MM"
392
+ placeholder="MM"
393
+ type="text"
394
+ value=""
395
+ />
396
+ </div>
397
+ </div>
398
+ <div
399
+ class="view inputContainer input Y state"
400
+ >
401
+ <div
402
+ class="view row inputBorder"
403
+ >
404
+ <input
405
+ class="input input"
406
+ maxlength="4"
407
+ name="name:YYYY"
408
+ placeholder="YYYY"
411
409
  type="text"
412
410
  value=""
413
411
  />
414
412
  </div>
413
+ </div>
414
+ </div>
415
+ </div>
416
+ </DocumentFragment>
417
+ `;
418
+
419
+ exports[`component:<InputDate> prop:placeholder (false) 1`] = `
420
+ <DocumentFragment>
421
+ <div
422
+ class="view inputContainer"
423
+ >
424
+ <span
425
+ class="text small label text hint"
426
+ />
427
+ <div
428
+ class="view row"
429
+ >
430
+ <div
431
+ class="view inputContainer input D"
432
+ >
433
+ <div
434
+ class="view row inputBorder"
435
+ >
436
+ <input
437
+ class="input input"
438
+ maxlength="2"
439
+ name="name:DD"
440
+ type="text"
441
+ value="10"
442
+ />
443
+ </div>
415
444
  <span
416
445
  class="text small text hint"
417
446
  >
@@ -429,7 +458,7 @@ exports[`component:<InputDate> prop:labels 1`] = `
429
458
  maxlength="2"
430
459
  name="name:MM"
431
460
  type="text"
432
- value=""
461
+ value="04"
433
462
  />
434
463
  </div>
435
464
  <span
@@ -439,7 +468,7 @@ exports[`component:<InputDate> prop:labels 1`] = `
439
468
  </span>
440
469
  </div>
441
470
  <div
442
- class="view inputContainer input Y"
471
+ class="view inputContainer input Y state"
443
472
  >
444
473
  <div
445
474
  class="view row inputBorder"
@@ -449,7 +478,7 @@ exports[`component:<InputDate> prop:labels 1`] = `
449
478
  maxlength="4"
450
479
  name="name:YYYY"
451
480
  type="text"
452
- value=""
481
+ value="1980"
453
482
  />
454
483
  </div>
455
484
  <span
@@ -466,10 +495,10 @@ exports[`component:<InputDate> prop:labels 1`] = `
466
495
  exports[`component:<InputDate> prop:value & prop:format 1`] = `
467
496
  <DocumentFragment>
468
497
  <div
469
- class="view"
498
+ class="view inputContainer"
470
499
  >
471
500
  <span
472
- class="text paragraph label"
501
+ class="text small label text hint"
473
502
  />
474
503
  <div
475
504
  class="view row"
@@ -484,15 +513,11 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
484
513
  class="input input"
485
514
  maxlength="2"
486
515
  name="name:MM"
516
+ placeholder="MM"
487
517
  type="text"
488
518
  value="04"
489
519
  />
490
520
  </div>
491
- <span
492
- class="text small text hint"
493
- >
494
- MM
495
- </span>
496
521
  </div>
497
522
  <div
498
523
  class="view inputContainer input D"
@@ -504,18 +529,14 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
504
529
  class="input input"
505
530
  maxlength="2"
506
531
  name="name:DD"
532
+ placeholder="DD"
507
533
  type="text"
508
534
  value="10"
509
535
  />
510
536
  </div>
511
- <span
512
- class="text small text hint"
513
- >
514
- DD
515
- </span>
516
537
  </div>
517
538
  <div
518
- class="view inputContainer input Y"
539
+ class="view inputContainer input Y state"
519
540
  >
520
541
  <div
521
542
  class="view row inputBorder"
@@ -524,15 +545,11 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
524
545
  class="input input"
525
546
  maxlength="4"
526
547
  name="name:YYYY"
548
+ placeholder="YYYY"
527
549
  type="text"
528
550
  value="1980"
529
551
  />
530
552
  </div>
531
- <span
532
- class="text small text hint"
533
- >
534
- YYYY
535
- </span>
536
553
  </div>
537
554
  </div>
538
555
  </div>
@@ -542,10 +559,10 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
542
559
  exports[`component:<InputDate> prop:value 1`] = `
543
560
  <DocumentFragment>
544
561
  <div
545
- class="view"
562
+ class="view inputContainer"
546
563
  >
547
564
  <span
548
- class="text paragraph label"
565
+ class="text small label text hint"
549
566
  />
550
567
  <div
551
568
  class="view row"
@@ -560,15 +577,11 @@ exports[`component:<InputDate> prop:value 1`] = `
560
577
  class="input input"
561
578
  maxlength="2"
562
579
  name="name:DD"
580
+ placeholder="DD"
563
581
  type="text"
564
582
  value="10"
565
583
  />
566
584
  </div>
567
- <span
568
- class="text small text hint"
569
- >
570
- DD
571
- </span>
572
585
  </div>
573
586
  <div
574
587
  class="view inputContainer input M"
@@ -580,18 +593,14 @@ exports[`component:<InputDate> prop:value 1`] = `
580
593
  class="input input"
581
594
  maxlength="2"
582
595
  name="name:MM"
596
+ placeholder="MM"
583
597
  type="text"
584
598
  value="04"
585
599
  />
586
600
  </div>
587
- <span
588
- class="text small text hint"
589
- >
590
- MM
591
- </span>
592
601
  </div>
593
602
  <div
594
- class="view inputContainer input Y"
603
+ class="view inputContainer input Y state"
595
604
  >
596
605
  <div
597
606
  class="view row inputBorder"
@@ -600,15 +609,11 @@ exports[`component:<InputDate> prop:value 1`] = `
600
609
  class="input input"
601
610
  maxlength="4"
602
611
  name="name:YYYY"
612
+ placeholder="YYYY"
603
613
  type="text"
604
614
  value="1980"
605
615
  />
606
616
  </div>
607
- <span
608
- class="text small text hint"
609
- >
610
- YYYY
611
- </span>
612
617
  </div>
613
618
  </div>
614
619
  </div>
@@ -618,10 +623,10 @@ exports[`component:<InputDate> prop:value 1`] = `
618
623
  exports[`component:<InputDate> renders 1`] = `
619
624
  <DocumentFragment>
620
625
  <div
621
- class="view"
626
+ class="view inputContainer"
622
627
  >
623
628
  <span
624
- class="text paragraph label"
629
+ class="text small label text hint"
625
630
  />
626
631
  <div
627
632
  class="view row"
@@ -636,15 +641,11 @@ exports[`component:<InputDate> renders 1`] = `
636
641
  class="input input"
637
642
  maxlength="2"
638
643
  name="name:DD"
644
+ placeholder="DD"
639
645
  type="text"
640
646
  value=""
641
647
  />
642
648
  </div>
643
- <span
644
- class="text small text hint"
645
- >
646
- DD
647
- </span>
648
649
  </div>
649
650
  <div
650
651
  class="view inputContainer input M"
@@ -656,18 +657,14 @@ exports[`component:<InputDate> renders 1`] = `
656
657
  class="input input"
657
658
  maxlength="2"
658
659
  name="name:MM"
660
+ placeholder="MM"
659
661
  type="text"
660
662
  value=""
661
663
  />
662
664
  </div>
663
- <span
664
- class="text small text hint"
665
- >
666
- MM
667
- </span>
668
665
  </div>
669
666
  <div
670
- class="view inputContainer input Y"
667
+ class="view inputContainer input Y state"
671
668
  >
672
669
  <div
673
670
  class="view row inputBorder"
@@ -676,15 +673,11 @@ exports[`component:<InputDate> renders 1`] = `
676
673
  class="input input"
677
674
  maxlength="4"
678
675
  name="name:YYYY"
676
+ placeholder="YYYY"
679
677
  type="text"
680
678
  value=""
681
679
  />
682
680
  </div>
683
- <span
684
- class="text small text hint"
685
- >
686
- YYYY
687
- </span>
688
681
  </div>
689
682
  </div>
690
683
  </div>
@@ -694,11 +687,11 @@ exports[`component:<InputDate> renders 1`] = `
694
687
  exports[`component:<InputDate> testID 1`] = `
695
688
  <DocumentFragment>
696
689
  <div
697
- class="view"
690
+ class="view inputContainer"
698
691
  data-testid="mirai"
699
692
  >
700
693
  <span
701
- class="text paragraph label"
694
+ class="text small label text hint"
702
695
  />
703
696
  <div
704
697
  class="view row"
@@ -714,15 +707,11 @@ exports[`component:<InputDate> testID 1`] = `
714
707
  data-testid="mirai-DD"
715
708
  maxlength="2"
716
709
  name="name:DD"
710
+ placeholder="DD"
717
711
  type="text"
718
712
  value=""
719
713
  />
720
714
  </div>
721
- <span
722
- class="text small text hint"
723
- >
724
- DD
725
- </span>
726
715
  </div>
727
716
  <div
728
717
  class="view inputContainer input M"
@@ -735,18 +724,14 @@ exports[`component:<InputDate> testID 1`] = `
735
724
  data-testid="mirai-MM"
736
725
  maxlength="2"
737
726
  name="name:MM"
727
+ placeholder="MM"
738
728
  type="text"
739
729
  value=""
740
730
  />
741
731
  </div>
742
- <span
743
- class="text small text hint"
744
- >
745
- MM
746
- </span>
747
732
  </div>
748
733
  <div
749
- class="view inputContainer input Y"
734
+ class="view inputContainer input Y state"
750
735
  >
751
736
  <div
752
737
  class="view row inputBorder"
@@ -756,15 +741,11 @@ exports[`component:<InputDate> testID 1`] = `
756
741
  data-testid="mirai-YYYY"
757
742
  maxlength="4"
758
743
  name="name:YYYY"
744
+ placeholder="YYYY"
759
745
  type="text"
760
746
  value=""
761
747
  />
762
748
  </div>
763
- <span
764
- class="text small text hint"
765
- >
766
- YYYY
767
- </span>
768
749
  </div>
769
750
  </div>
770
751
  </div>