@mirai/ui 1.0.128 → 1.0.129

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