@mirai/ui 1.0.118 → 1.0.120

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 (61) hide show
  1. package/README.md +23 -2
  2. package/build/components/Calendar/Calendar.Month.js +6 -3
  3. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  4. package/build/components/Calendar/Calendar.Week.js +1 -1
  5. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  6. package/build/components/Calendar/Calendar.Weekdays.js +5 -1
  7. package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
  8. package/build/components/Calendar/Calendar.module.css +1 -0
  9. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +528 -528
  10. package/build/components/Form/Form.stories.js +11 -2
  11. package/build/components/Form/Form.stories.js.map +1 -1
  12. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +14 -10
  13. package/build/components/InputDate/InputDate.js +21 -16
  14. package/build/components/InputDate/InputDate.js.map +1 -1
  15. package/build/components/InputDate/InputDate.module.css +8 -6
  16. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +597 -512
  17. package/build/components/InputOption/InputOption.js +2 -4
  18. package/build/components/InputOption/InputOption.js.map +1 -1
  19. package/build/components/InputOption/InputOption.module.css +2 -16
  20. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +1 -1
  21. package/build/components/InputSelect/InputSelect.js +23 -22
  22. package/build/components/InputSelect/InputSelect.js.map +1 -1
  23. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +503 -495
  24. package/build/components/InputText/InputText.js +24 -21
  25. package/build/components/InputText/InputText.js.map +1 -1
  26. package/build/components/InputText/InputText.module.css +14 -35
  27. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +223 -191
  28. package/build/components/InputText/partials/InputText.Hint.js +33 -0
  29. package/build/components/InputText/partials/InputText.Hint.js.map +1 -0
  30. package/build/components/InputText/partials/InputText.IconState.js +33 -0
  31. package/build/components/InputText/partials/InputText.IconState.js.map +1 -0
  32. package/build/components/InputText/partials/InputText.Label.js +39 -0
  33. package/build/components/InputText/partials/InputText.Label.js.map +1 -0
  34. package/build/components/InputText/partials/index.js +39 -0
  35. package/build/components/InputText/partials/index.js.map +1 -0
  36. package/build/components/Menu/Menu.Option.js +6 -2
  37. package/build/components/Menu/Menu.Option.js.map +1 -1
  38. package/build/components/Menu/Menu.module.css +6 -3
  39. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +93 -69
  40. package/build/components/Modal/Modal.js +1 -1
  41. package/build/components/Modal/Modal.js.map +1 -1
  42. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +4 -4
  43. package/build/components/Table/Table.Row.js +5 -2
  44. package/build/components/Table/Table.Row.js.map +1 -1
  45. package/build/components/Table/Table.module.css +7 -2
  46. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +1829 -669
  47. package/build/primitives/Text/Text.module.css +4 -4
  48. package/build/primitives/View/View.js +5 -2
  49. package/build/primitives/View/View.js.map +1 -1
  50. package/build/primitives/View/View.module.css +11 -3
  51. package/build/primitives/View/View.stories.js +1 -0
  52. package/build/primitives/View/View.stories.js.map +1 -1
  53. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +8 -0
  54. package/build/theme/default.theme.css +1 -1
  55. package/build/theme/index.js +11 -0
  56. package/build/theme/index.js.map +1 -1
  57. package/build/theme/theme.constants.js +21 -1
  58. package/build/theme/theme.constants.js.map +1 -1
  59. package/build/theme/theme.js +23 -1
  60. package/build/theme/theme.js.map +1 -1
  61. package/package.json +1 -1
package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap CHANGED
@@ -6,7 +6,7 @@ exports[`component:<InputDate> inherit:className 1`] = `
6
6
  class="view inputContainer mirai"
7
7
  >
8
8
  <div
9
- class="view row"
9
+ class="view row inputs"
10
10
  >
11
11
  <div
12
12
  class="view inputContainer input D"
@@ -14,18 +14,22 @@ exports[`component:<InputDate> inherit:className 1`] = `
14
14
  <div
15
15
  class="view row inputBorder"
16
16
  >
17
- <span
18
- class="text paragraph text label"
17
+ <div
18
+ class="view wide content"
19
19
  >
20
- DD
21
- </span>
22
- <input
23
- class="input input withLabel"
24
- maxlength="2"
25
- name="name:DD"
26
- type="text"
27
- value=""
28
- />
20
+ <span
21
+ class="text paragraph text label"
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
+ />
32
+ </div>
29
33
  </div>
30
34
  </div>
31
35
  <div
@@ -34,18 +38,22 @@ exports[`component:<InputDate> inherit:className 1`] = `
34
38
  <div
35
39
  class="view row inputBorder"
36
40
  >
37
- <span
38
- class="text paragraph text label"
41
+ <div
42
+ class="view wide content"
39
43
  >
40
- MM
41
- </span>
42
- <input
43
- class="input input withLabel"
44
- maxlength="2"
45
- name="name:MM"
46
- type="text"
47
- value=""
48
- />
44
+ <span
45
+ class="text paragraph text label"
46
+ >
47
+ MM
48
+ </span>
49
+ <input
50
+ class="input input withLabel"
51
+ maxlength="2"
52
+ name="name:MM"
53
+ type="text"
54
+ value=""
55
+ />
56
+ </div>
49
57
  </div>
50
58
  </div>
51
59
  <div
@@ -54,18 +62,22 @@ exports[`component:<InputDate> inherit:className 1`] = `
54
62
  <div
55
63
  class="view row inputBorder"
56
64
  >
57
- <span
58
- class="text paragraph text label"
65
+ <div
66
+ class="view wide content"
59
67
  >
60
- YYYY
61
- </span>
62
- <input
63
- class="input input withLabel"
64
- maxlength="4"
65
- name="name:YYYY"
66
- type="text"
67
- value=""
68
- />
68
+ <span
69
+ class="text paragraph text label"
70
+ >
71
+ YYYY
72
+ </span>
73
+ <input
74
+ class="input input withLabel"
75
+ maxlength="4"
76
+ name="name:YYYY"
77
+ type="text"
78
+ value=""
79
+ />
80
+ </div>
69
81
  </div>
70
82
  </div>
71
83
  </div>
@@ -79,7 +91,7 @@ exports[`component:<InputDate> prop:disabled 1`] = `
79
91
  class="view inputContainer"
80
92
  >
81
93
  <div
82
- class="view row"
94
+ class="view row inputs"
83
95
  >
84
96
  <div
85
97
  class="view inputContainer input D"
@@ -87,19 +99,23 @@ exports[`component:<InputDate> prop:disabled 1`] = `
87
99
  <div
88
100
  class="view row inputBorder disabled"
89
101
  >
90
- <span
91
- class="text paragraph text label disabled"
102
+ <div
103
+ class="view wide content"
92
104
  >
93
- DD
94
- </span>
95
- <input
96
- class="input input withLabel"
97
- disabled=""
98
- maxlength="2"
99
- name="name:DD"
100
- type="text"
101
- value=""
102
- />
105
+ <span
106
+ class="text paragraph text label disabled"
107
+ >
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
+ />
118
+ </div>
103
119
  </div>
104
120
  </div>
105
121
  <div
@@ -108,19 +124,23 @@ exports[`component:<InputDate> prop:disabled 1`] = `
108
124
  <div
109
125
  class="view row inputBorder disabled"
110
126
  >
111
- <span
112
- class="text paragraph text label disabled"
127
+ <div
128
+ class="view wide content"
113
129
  >
114
- MM
115
- </span>
116
- <input
117
- class="input input withLabel"
118
- disabled=""
119
- maxlength="2"
120
- name="name:MM"
121
- type="text"
122
- value=""
123
- />
130
+ <span
131
+ class="text paragraph text label disabled"
132
+ >
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
+ />
143
+ </div>
124
144
  </div>
125
145
  </div>
126
146
  <div
@@ -129,19 +149,23 @@ exports[`component:<InputDate> prop:disabled 1`] = `
129
149
  <div
130
150
  class="view row inputBorder disabled"
131
151
  >
132
- <span
133
- class="text paragraph text label disabled"
152
+ <div
153
+ class="view wide content"
134
154
  >
135
- YYYY
136
- </span>
137
- <input
138
- class="input input withLabel"
139
- disabled=""
140
- maxlength="4"
141
- name="name:YYYY"
142
- type="text"
143
- value=""
144
- />
155
+ <span
156
+ class="text paragraph text label disabled"
157
+ >
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
+ />
168
+ </div>
145
169
  </div>
146
170
  </div>
147
171
  </div>
@@ -155,7 +179,7 @@ exports[`component:<InputDate> prop:error 1`] = `
155
179
  class="view inputContainer"
156
180
  >
157
181
  <div
158
- class="view row"
182
+ class="view row inputs"
159
183
  >
160
184
  <div
161
185
  class="view inputContainer input D"
@@ -163,42 +187,21 @@ exports[`component:<InputDate> prop:error 1`] = `
163
187
  <div
164
188
  class="view row inputBorder error"
165
189
  >
166
- <span
167
- class="text paragraph text label error withValue"
168
- >
169
- DD
170
- </span>
171
- <input
172
- class="input input withLabel"
173
- maxlength="2"
174
- name="name:DD"
175
- type="text"
176
- value=""
177
- />
178
190
  <div
179
- class="view row icons"
191
+ class="view wide content"
180
192
  >
181
193
  <span
182
- class="icon headline-3 icon error"
194
+ class="text paragraph text label error withValue"
183
195
  >
184
- <svg
185
- fill="currentColor"
186
- height="1em"
187
- stroke="currentColor"
188
- stroke-width="0"
189
- viewBox="0 0 24 24"
190
- width="1em"
191
- xmlns="http://www.w3.org/2000/svg"
192
- >
193
- <path
194
- d="M0 0h24v24H0V0z"
195
- fill="none"
196
- />
197
- <path
198
- 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"
199
- />
200
- </svg>
196
+ DD
201
197
  </span>
198
+ <input
199
+ class="input input withLabel"
200
+ maxlength="2"
201
+ name="name:DD"
202
+ type="text"
203
+ value=""
204
+ />
202
205
  </div>
203
206
  </div>
204
207
  </div>
@@ -208,42 +211,21 @@ exports[`component:<InputDate> prop:error 1`] = `
208
211
  <div
209
212
  class="view row inputBorder error"
210
213
  >
211
- <span
212
- class="text paragraph text label error withValue"
213
- >
214
- MM
215
- </span>
216
- <input
217
- class="input input withLabel"
218
- maxlength="2"
219
- name="name:MM"
220
- type="text"
221
- value=""
222
- />
223
214
  <div
224
- class="view row icons"
215
+ class="view wide content"
225
216
  >
226
217
  <span
227
- class="icon headline-3 icon error"
218
+ class="text paragraph text label error withValue"
228
219
  >
229
- <svg
230
- fill="currentColor"
231
- height="1em"
232
- stroke="currentColor"
233
- stroke-width="0"
234
- viewBox="0 0 24 24"
235
- width="1em"
236
- xmlns="http://www.w3.org/2000/svg"
237
- >
238
- <path
239
- d="M0 0h24v24H0V0z"
240
- fill="none"
241
- />
242
- <path
243
- 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"
244
- />
245
- </svg>
220
+ MM
246
221
  </span>
222
+ <input
223
+ class="input input withLabel"
224
+ maxlength="2"
225
+ name="name:MM"
226
+ type="text"
227
+ value=""
228
+ />
247
229
  </div>
248
230
  </div>
249
231
  </div>
@@ -253,42 +235,21 @@ exports[`component:<InputDate> prop:error 1`] = `
253
235
  <div
254
236
  class="view row inputBorder error"
255
237
  >
256
- <span
257
- class="text paragraph text label error withValue"
258
- >
259
- YYYY
260
- </span>
261
- <input
262
- class="input input withLabel"
263
- maxlength="4"
264
- name="name:YYYY"
265
- type="text"
266
- value=""
267
- />
268
238
  <div
269
- class="view row icons"
239
+ class="view wide content"
270
240
  >
271
241
  <span
272
- class="icon headline-3 icon error"
242
+ class="text paragraph text label error withValue"
273
243
  >
274
- <svg
275
- fill="currentColor"
276
- height="1em"
277
- stroke="currentColor"
278
- stroke-width="0"
279
- viewBox="0 0 24 24"
280
- width="1em"
281
- xmlns="http://www.w3.org/2000/svg"
282
- >
283
- <path
284
- d="M0 0h24v24H0V0z"
285
- fill="none"
286
- />
287
- <path
288
- 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"
289
- />
290
- </svg>
244
+ YYYY
291
245
  </span>
246
+ <input
247
+ class="input input withLabel"
248
+ maxlength="4"
249
+ name="name:YYYY"
250
+ type="text"
251
+ value=""
252
+ />
292
253
  </div>
293
254
  </div>
294
255
  </div>
@@ -324,7 +285,7 @@ exports[`component:<InputDate> prop:format 1`] = `
324
285
  class="view inputContainer"
325
286
  >
326
287
  <div
327
- class="view row"
288
+ class="view row inputs"
328
289
  >
329
290
  <div
330
291
  class="view inputContainer input M"
@@ -332,18 +293,22 @@ exports[`component:<InputDate> prop:format 1`] = `
332
293
  <div
333
294
  class="view row inputBorder"
334
295
  >
335
- <span
336
- class="text paragraph text label"
296
+ <div
297
+ class="view wide content"
337
298
  >
338
- MM
339
- </span>
340
- <input
341
- class="input input withLabel"
342
- maxlength="2"
343
- name="name:MM"
344
- type="text"
345
- value=""
346
- />
299
+ <span
300
+ class="text paragraph text label"
301
+ >
302
+ MM
303
+ </span>
304
+ <input
305
+ class="input input withLabel"
306
+ maxlength="2"
307
+ name="name:MM"
308
+ type="text"
309
+ value=""
310
+ />
311
+ </div>
347
312
  </div>
348
313
  </div>
349
314
  <div
@@ -352,18 +317,22 @@ exports[`component:<InputDate> prop:format 1`] = `
352
317
  <div
353
318
  class="view row inputBorder"
354
319
  >
355
- <span
356
- class="text paragraph text label"
320
+ <div
321
+ class="view wide content"
357
322
  >
358
- DD
359
- </span>
360
- <input
361
- class="input input withLabel"
362
- maxlength="2"
363
- name="name:DD"
364
- type="text"
365
- value=""
366
- />
323
+ <span
324
+ class="text paragraph text label"
325
+ >
326
+ DD
327
+ </span>
328
+ <input
329
+ class="input input withLabel"
330
+ maxlength="2"
331
+ name="name:DD"
332
+ type="text"
333
+ value=""
334
+ />
335
+ </div>
367
336
  </div>
368
337
  </div>
369
338
  <div
@@ -372,18 +341,22 @@ exports[`component:<InputDate> prop:format 1`] = `
372
341
  <div
373
342
  class="view row inputBorder"
374
343
  >
375
- <span
376
- class="text paragraph text label"
344
+ <div
345
+ class="view wide content"
377
346
  >
378
- YYYY
379
- </span>
380
- <input
381
- class="input input withLabel"
382
- maxlength="4"
383
- name="name:YYYY"
384
- type="text"
385
- value=""
386
- />
347
+ <span
348
+ class="text paragraph text label"
349
+ >
350
+ YYYY
351
+ </span>
352
+ <input
353
+ class="input input withLabel"
354
+ maxlength="4"
355
+ name="name:YYYY"
356
+ type="text"
357
+ value=""
358
+ />
359
+ </div>
387
360
  </div>
388
361
  </div>
389
362
  </div>
@@ -396,13 +369,17 @@ exports[`component:<InputDate> prop:label 1`] = `
396
369
  <div
397
370
  class="view inputContainer"
398
371
  >
399
- <span
400
- class="text small label text hint"
401
- >
402
- label
403
- </span>
404
372
  <div
405
373
  class="view row"
374
+ >
375
+ <span
376
+ class="text paragraph text label"
377
+ >
378
+ label
379
+ </span>
380
+ </div>
381
+ <div
382
+ class="view row inputs"
406
383
  >
407
384
  <div
408
385
  class="view inputContainer input D"
@@ -410,18 +387,22 @@ exports[`component:<InputDate> prop:label 1`] = `
410
387
  <div
411
388
  class="view row inputBorder"
412
389
  >
413
- <span
414
- class="text paragraph text label"
390
+ <div
391
+ class="view wide content"
415
392
  >
416
- DD
417
- </span>
418
- <input
419
- class="input input withLabel"
420
- maxlength="2"
421
- name="name:DD"
422
- type="text"
423
- value=""
424
- />
393
+ <span
394
+ class="text paragraph text label"
395
+ >
396
+ DD
397
+ </span>
398
+ <input
399
+ class="input input withLabel"
400
+ maxlength="2"
401
+ name="name:DD"
402
+ type="text"
403
+ value=""
404
+ />
405
+ </div>
425
406
  </div>
426
407
  </div>
427
408
  <div
@@ -430,18 +411,22 @@ exports[`component:<InputDate> prop:label 1`] = `
430
411
  <div
431
412
  class="view row inputBorder"
432
413
  >
433
- <span
434
- class="text paragraph text label"
414
+ <div
415
+ class="view wide content"
435
416
  >
436
- MM
437
- </span>
438
- <input
439
- class="input input withLabel"
440
- maxlength="2"
441
- name="name:MM"
442
- type="text"
443
- value=""
444
- />
417
+ <span
418
+ class="text paragraph text label"
419
+ >
420
+ MM
421
+ </span>
422
+ <input
423
+ class="input input withLabel"
424
+ maxlength="2"
425
+ name="name:MM"
426
+ type="text"
427
+ value=""
428
+ />
429
+ </div>
445
430
  </div>
446
431
  </div>
447
432
  <div
@@ -450,18 +435,22 @@ exports[`component:<InputDate> prop:label 1`] = `
450
435
  <div
451
436
  class="view row inputBorder"
452
437
  >
453
- <span
454
- class="text paragraph text label"
438
+ <div
439
+ class="view wide content"
455
440
  >
456
- YYYY
457
- </span>
458
- <input
459
- class="input input withLabel"
460
- maxlength="4"
461
- name="name:YYYY"
462
- type="text"
463
- value=""
464
- />
441
+ <span
442
+ class="text paragraph text label"
443
+ >
444
+ YYYY
445
+ </span>
446
+ <input
447
+ class="input input withLabel"
448
+ maxlength="4"
449
+ name="name:YYYY"
450
+ type="text"
451
+ value=""
452
+ />
453
+ </div>
465
454
  </div>
466
455
  </div>
467
456
  </div>
@@ -475,7 +464,7 @@ exports[`component:<InputDate> prop:labels 1`] = `
475
464
  class="view inputContainer"
476
465
  >
477
466
  <div
478
- class="view row"
467
+ class="view row inputs"
479
468
  >
480
469
  <div
481
470
  class="view inputContainer input D"
@@ -483,18 +472,22 @@ exports[`component:<InputDate> prop:labels 1`] = `
483
472
  <div
484
473
  class="view row inputBorder"
485
474
  >
486
- <span
487
- class="text paragraph text label"
475
+ <div
476
+ class="view wide content"
488
477
  >
489
- Day
490
- </span>
491
- <input
492
- class="input input withLabel"
493
- maxlength="2"
494
- name="name:DD"
495
- type="text"
496
- value=""
497
- />
478
+ <span
479
+ class="text paragraph text label"
480
+ >
481
+ Day
482
+ </span>
483
+ <input
484
+ class="input input withLabel"
485
+ maxlength="2"
486
+ name="name:DD"
487
+ type="text"
488
+ value=""
489
+ />
490
+ </div>
498
491
  </div>
499
492
  </div>
500
493
  <div
@@ -503,18 +496,22 @@ exports[`component:<InputDate> prop:labels 1`] = `
503
496
  <div
504
497
  class="view row inputBorder"
505
498
  >
506
- <span
507
- class="text paragraph text label"
499
+ <div
500
+ class="view wide content"
508
501
  >
509
- Month
510
- </span>
511
- <input
512
- class="input input withLabel"
513
- maxlength="2"
514
- name="name:MM"
515
- type="text"
516
- value=""
517
- />
502
+ <span
503
+ class="text paragraph text label"
504
+ >
505
+ Month
506
+ </span>
507
+ <input
508
+ class="input input withLabel"
509
+ maxlength="2"
510
+ name="name:MM"
511
+ type="text"
512
+ value=""
513
+ />
514
+ </div>
518
515
  </div>
519
516
  </div>
520
517
  <div
@@ -523,18 +520,22 @@ exports[`component:<InputDate> prop:labels 1`] = `
523
520
  <div
524
521
  class="view row inputBorder"
525
522
  >
526
- <span
527
- class="text paragraph text label"
523
+ <div
524
+ class="view wide content"
528
525
  >
529
- Year
530
- </span>
531
- <input
532
- class="input input withLabel"
533
- maxlength="4"
534
- name="name:YYYY"
535
- type="text"
536
- value=""
537
- />
526
+ <span
527
+ class="text paragraph text label"
528
+ >
529
+ Year
530
+ </span>
531
+ <input
532
+ class="input input withLabel"
533
+ maxlength="4"
534
+ name="name:YYYY"
535
+ type="text"
536
+ value=""
537
+ />
538
+ </div>
538
539
  </div>
539
540
  </div>
540
541
  </div>
@@ -548,7 +549,7 @@ exports[`component:<InputDate> prop:placeholder (false) 1`] = `
548
549
  class="view inputContainer"
549
550
  >
550
551
  <div
551
- class="view row"
552
+ class="view row inputs"
552
553
  >
553
554
  <div
554
555
  class="view inputContainer input D"
@@ -556,18 +557,22 @@ exports[`component:<InputDate> prop:placeholder (false) 1`] = `
556
557
  <div
557
558
  class="view row inputBorder"
558
559
  >
559
- <span
560
- class="text paragraph text label withValue"
560
+ <div
561
+ class="view wide content"
561
562
  >
562
- DD
563
- </span>
564
- <input
565
- class="input input withLabel"
566
- maxlength="2"
567
- name="name:DD"
568
- type="text"
569
- value="10"
570
- />
563
+ <span
564
+ class="text paragraph text label withValue"
565
+ >
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
+ />
575
+ </div>
571
576
  </div>
572
577
  </div>
573
578
  <div
@@ -576,18 +581,22 @@ exports[`component:<InputDate> prop:placeholder (false) 1`] = `
576
581
  <div
577
582
  class="view row inputBorder"
578
583
  >
579
- <span
580
- class="text paragraph text label withValue"
584
+ <div
585
+ class="view wide content"
581
586
  >
582
- MM
583
- </span>
584
- <input
585
- class="input input withLabel"
586
- maxlength="2"
587
- name="name:MM"
588
- type="text"
589
- value="04"
590
- />
587
+ <span
588
+ class="text paragraph text label withValue"
589
+ >
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
+ />
599
+ </div>
591
600
  </div>
592
601
  </div>
593
602
  <div
@@ -596,18 +605,22 @@ exports[`component:<InputDate> prop:placeholder (false) 1`] = `
596
605
  <div
597
606
  class="view row inputBorder"
598
607
  >
599
- <span
600
- class="text paragraph text label withValue"
608
+ <div
609
+ class="view wide content"
601
610
  >
602
- YYYY
603
- </span>
604
- <input
605
- class="input input withLabel"
606
- maxlength="4"
607
- name="name:YYYY"
608
- type="text"
609
- value="1980"
610
- />
611
+ <span
612
+ class="text paragraph text label withValue"
613
+ >
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
+ />
623
+ </div>
611
624
  </div>
612
625
  </div>
613
626
  </div>
@@ -621,7 +634,7 @@ exports[`component:<InputDate> prop:success 1`] = `
621
634
  class="view inputContainer"
622
635
  >
623
636
  <div
624
- class="view row"
637
+ class="view row inputs"
625
638
  >
626
639
  <div
627
640
  class="view inputContainer input D"
@@ -629,18 +642,22 @@ exports[`component:<InputDate> prop:success 1`] = `
629
642
  <div
630
643
  class="view row inputBorder"
631
644
  >
632
- <span
633
- class="text paragraph text label"
645
+ <div
646
+ class="view wide content"
634
647
  >
635
- DD
636
- </span>
637
- <input
638
- class="input input withLabel"
639
- maxlength="2"
640
- name="name:DD"
641
- type="text"
642
- value=""
643
- />
648
+ <span
649
+ class="text paragraph text label"
650
+ >
651
+ DD
652
+ </span>
653
+ <input
654
+ class="input input withLabel"
655
+ maxlength="2"
656
+ name="name:DD"
657
+ type="text"
658
+ value=""
659
+ />
660
+ </div>
644
661
  </div>
645
662
  </div>
646
663
  <div
@@ -649,18 +666,22 @@ exports[`component:<InputDate> prop:success 1`] = `
649
666
  <div
650
667
  class="view row inputBorder"
651
668
  >
652
- <span
653
- class="text paragraph text label"
669
+ <div
670
+ class="view wide content"
654
671
  >
655
- MM
656
- </span>
657
- <input
658
- class="input input withLabel"
659
- maxlength="2"
660
- name="name:MM"
661
- type="text"
662
- value=""
663
- />
672
+ <span
673
+ class="text paragraph text label"
674
+ >
675
+ MM
676
+ </span>
677
+ <input
678
+ class="input input withLabel"
679
+ maxlength="2"
680
+ name="name:MM"
681
+ type="text"
682
+ value=""
683
+ />
684
+ </div>
664
685
  </div>
665
686
  </div>
666
687
  <div
@@ -669,18 +690,22 @@ exports[`component:<InputDate> prop:success 1`] = `
669
690
  <div
670
691
  class="view row inputBorder"
671
692
  >
672
- <span
673
- class="text paragraph text label"
693
+ <div
694
+ class="view wide content"
674
695
  >
675
- YYYY
676
- </span>
677
- <input
678
- class="input input withLabel"
679
- maxlength="4"
680
- name="name:YYYY"
681
- type="text"
682
- value=""
683
- />
696
+ <span
697
+ class="text paragraph text label"
698
+ >
699
+ YYYY
700
+ </span>
701
+ <input
702
+ class="input input withLabel"
703
+ maxlength="4"
704
+ name="name:YYYY"
705
+ type="text"
706
+ value=""
707
+ />
708
+ </div>
684
709
  </div>
685
710
  </div>
686
711
  <span
@@ -715,7 +740,7 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
715
740
  class="view inputContainer"
716
741
  >
717
742
  <div
718
- class="view row"
743
+ class="view row inputs"
719
744
  >
720
745
  <div
721
746
  class="view inputContainer input M"
@@ -723,18 +748,22 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
723
748
  <div
724
749
  class="view row inputBorder"
725
750
  >
726
- <span
727
- class="text paragraph text label withValue"
751
+ <div
752
+ class="view wide content"
728
753
  >
729
- MM
730
- </span>
731
- <input
732
- class="input input withLabel"
733
- maxlength="2"
734
- name="name:MM"
735
- type="text"
736
- value="04"
737
- />
754
+ <span
755
+ class="text paragraph text label withValue"
756
+ >
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
+ />
766
+ </div>
738
767
  </div>
739
768
  </div>
740
769
  <div
@@ -743,18 +772,22 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
743
772
  <div
744
773
  class="view row inputBorder"
745
774
  >
746
- <span
747
- class="text paragraph text label withValue"
775
+ <div
776
+ class="view wide content"
748
777
  >
749
- DD
750
- </span>
751
- <input
752
- class="input input withLabel"
753
- maxlength="2"
754
- name="name:DD"
755
- type="text"
756
- value="10"
757
- />
778
+ <span
779
+ class="text paragraph text label withValue"
780
+ >
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
+ />
790
+ </div>
758
791
  </div>
759
792
  </div>
760
793
  <div
@@ -763,18 +796,22 @@ exports[`component:<InputDate> prop:value & prop:format 1`] = `
763
796
  <div
764
797
  class="view row inputBorder"
765
798
  >
766
- <span
767
- class="text paragraph text label withValue"
799
+ <div
800
+ class="view wide content"
768
801
  >
769
- YYYY
770
- </span>
771
- <input
772
- class="input input withLabel"
773
- maxlength="4"
774
- name="name:YYYY"
775
- type="text"
776
- value="1980"
777
- />
802
+ <span
803
+ class="text paragraph text label withValue"
804
+ >
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
+ />
814
+ </div>
778
815
  </div>
779
816
  </div>
780
817
  </div>
@@ -788,7 +825,7 @@ exports[`component:<InputDate> prop:value 1`] = `
788
825
  class="view inputContainer"
789
826
  >
790
827
  <div
791
- class="view row"
828
+ class="view row inputs"
792
829
  >
793
830
  <div
794
831
  class="view inputContainer input D"
@@ -796,18 +833,22 @@ exports[`component:<InputDate> prop:value 1`] = `
796
833
  <div
797
834
  class="view row inputBorder"
798
835
  >
799
- <span
800
- class="text paragraph text label withValue"
836
+ <div
837
+ class="view wide content"
801
838
  >
802
- DD
803
- </span>
804
- <input
805
- class="input input withLabel"
806
- maxlength="2"
807
- name="name:DD"
808
- type="text"
809
- value="10"
810
- />
839
+ <span
840
+ class="text paragraph text label withValue"
841
+ >
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
+ />
851
+ </div>
811
852
  </div>
812
853
  </div>
813
854
  <div
@@ -816,18 +857,22 @@ exports[`component:<InputDate> prop:value 1`] = `
816
857
  <div
817
858
  class="view row inputBorder"
818
859
  >
819
- <span
820
- class="text paragraph text label withValue"
860
+ <div
861
+ class="view wide content"
821
862
  >
822
- MM
823
- </span>
824
- <input
825
- class="input input withLabel"
826
- maxlength="2"
827
- name="name:MM"
828
- type="text"
829
- value="04"
830
- />
863
+ <span
864
+ class="text paragraph text label withValue"
865
+ >
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
+ />
875
+ </div>
831
876
  </div>
832
877
  </div>
833
878
  <div
@@ -836,18 +881,22 @@ exports[`component:<InputDate> prop:value 1`] = `
836
881
  <div
837
882
  class="view row inputBorder"
838
883
  >
839
- <span
840
- class="text paragraph text label withValue"
884
+ <div
885
+ class="view wide content"
841
886
  >
842
- YYYY
843
- </span>
844
- <input
845
- class="input input withLabel"
846
- maxlength="4"
847
- name="name:YYYY"
848
- type="text"
849
- value="1980"
850
- />
887
+ <span
888
+ class="text paragraph text label withValue"
889
+ >
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
+ />
899
+ </div>
851
900
  </div>
852
901
  </div>
853
902
  </div>
@@ -861,7 +910,7 @@ exports[`component:<InputDate> prop:warning 1`] = `
861
910
  class="view inputContainer"
862
911
  >
863
912
  <div
864
- class="view row"
913
+ class="view row inputs"
865
914
  >
866
915
  <div
867
916
  class="view inputContainer input D"
@@ -869,18 +918,22 @@ exports[`component:<InputDate> prop:warning 1`] = `
869
918
  <div
870
919
  class="view row inputBorder"
871
920
  >
872
- <span
873
- class="text paragraph text label"
921
+ <div
922
+ class="view wide content"
874
923
  >
875
- DD
876
- </span>
877
- <input
878
- class="input input withLabel"
879
- maxlength="2"
880
- name="name:DD"
881
- type="text"
882
- value=""
883
- />
924
+ <span
925
+ class="text paragraph text label"
926
+ >
927
+ DD
928
+ </span>
929
+ <input
930
+ class="input input withLabel"
931
+ maxlength="2"
932
+ name="name:DD"
933
+ type="text"
934
+ value=""
935
+ />
936
+ </div>
884
937
  </div>
885
938
  </div>
886
939
  <div
@@ -889,18 +942,22 @@ exports[`component:<InputDate> prop:warning 1`] = `
889
942
  <div
890
943
  class="view row inputBorder"
891
944
  >
892
- <span
893
- class="text paragraph text label"
945
+ <div
946
+ class="view wide content"
894
947
  >
895
- MM
896
- </span>
897
- <input
898
- class="input input withLabel"
899
- maxlength="2"
900
- name="name:MM"
901
- type="text"
902
- value=""
903
- />
948
+ <span
949
+ class="text paragraph text label"
950
+ >
951
+ MM
952
+ </span>
953
+ <input
954
+ class="input input withLabel"
955
+ maxlength="2"
956
+ name="name:MM"
957
+ type="text"
958
+ value=""
959
+ />
960
+ </div>
904
961
  </div>
905
962
  </div>
906
963
  <div
@@ -909,18 +966,22 @@ exports[`component:<InputDate> prop:warning 1`] = `
909
966
  <div
910
967
  class="view row inputBorder"
911
968
  >
912
- <span
913
- class="text paragraph text label"
969
+ <div
970
+ class="view wide content"
914
971
  >
915
- YYYY
916
- </span>
917
- <input
918
- class="input input withLabel"
919
- maxlength="4"
920
- name="name:YYYY"
921
- type="text"
922
- value=""
923
- />
972
+ <span
973
+ class="text paragraph text label"
974
+ >
975
+ YYYY
976
+ </span>
977
+ <input
978
+ class="input input withLabel"
979
+ maxlength="4"
980
+ name="name:YYYY"
981
+ type="text"
982
+ value=""
983
+ />
984
+ </div>
924
985
  </div>
925
986
  </div>
926
987
  <span
@@ -951,7 +1012,7 @@ exports[`component:<InputDate> renders 1`] = `
951
1012
  class="view inputContainer"
952
1013
  >
953
1014
  <div
954
- class="view row"
1015
+ class="view row inputs"
955
1016
  >
956
1017
  <div
957
1018
  class="view inputContainer input D"
@@ -959,18 +1020,22 @@ exports[`component:<InputDate> renders 1`] = `
959
1020
  <div
960
1021
  class="view row inputBorder"
961
1022
  >
962
- <span
963
- class="text paragraph text label"
1023
+ <div
1024
+ class="view wide content"
964
1025
  >
965
- DD
966
- </span>
967
- <input
968
- class="input input withLabel"
969
- maxlength="2"
970
- name="name:DD"
971
- type="text"
972
- value=""
973
- />
1026
+ <span
1027
+ class="text paragraph text label"
1028
+ >
1029
+ DD
1030
+ </span>
1031
+ <input
1032
+ class="input input withLabel"
1033
+ maxlength="2"
1034
+ name="name:DD"
1035
+ type="text"
1036
+ value=""
1037
+ />
1038
+ </div>
974
1039
  </div>
975
1040
  </div>
976
1041
  <div
@@ -979,18 +1044,22 @@ exports[`component:<InputDate> renders 1`] = `
979
1044
  <div
980
1045
  class="view row inputBorder"
981
1046
  >
982
- <span
983
- class="text paragraph text label"
1047
+ <div
1048
+ class="view wide content"
984
1049
  >
985
- MM
986
- </span>
987
- <input
988
- class="input input withLabel"
989
- maxlength="2"
990
- name="name:MM"
991
- type="text"
992
- value=""
993
- />
1050
+ <span
1051
+ class="text paragraph text label"
1052
+ >
1053
+ MM
1054
+ </span>
1055
+ <input
1056
+ class="input input withLabel"
1057
+ maxlength="2"
1058
+ name="name:MM"
1059
+ type="text"
1060
+ value=""
1061
+ />
1062
+ </div>
994
1063
  </div>
995
1064
  </div>
996
1065
  <div
@@ -999,18 +1068,22 @@ exports[`component:<InputDate> renders 1`] = `
999
1068
  <div
1000
1069
  class="view row inputBorder"
1001
1070
  >
1002
- <span
1003
- class="text paragraph text label"
1071
+ <div
1072
+ class="view wide content"
1004
1073
  >
1005
- YYYY
1006
- </span>
1007
- <input
1008
- class="input input withLabel"
1009
- maxlength="4"
1010
- name="name:YYYY"
1011
- type="text"
1012
- value=""
1013
- />
1074
+ <span
1075
+ class="text paragraph text label"
1076
+ >
1077
+ YYYY
1078
+ </span>
1079
+ <input
1080
+ class="input input withLabel"
1081
+ maxlength="4"
1082
+ name="name:YYYY"
1083
+ type="text"
1084
+ value=""
1085
+ />
1086
+ </div>
1014
1087
  </div>
1015
1088
  </div>
1016
1089
  </div>
@@ -1025,7 +1098,7 @@ exports[`component:<InputDate> testID 1`] = `
1025
1098
  data-testid="mirai"
1026
1099
  >
1027
1100
  <div
1028
- class="view row"
1101
+ class="view row inputs"
1029
1102
  >
1030
1103
  <div
1031
1104
  class="view inputContainer input D"
@@ -1033,19 +1106,23 @@ exports[`component:<InputDate> testID 1`] = `
1033
1106
  <div
1034
1107
  class="view row inputBorder"
1035
1108
  >
1036
- <span
1037
- class="text paragraph text label"
1109
+ <div
1110
+ class="view wide content"
1038
1111
  >
1039
- DD
1040
- </span>
1041
- <input
1042
- class="input input withLabel"
1043
- data-testid="mirai-DD"
1044
- maxlength="2"
1045
- name="name:DD"
1046
- type="text"
1047
- value=""
1048
- />
1112
+ <span
1113
+ class="text paragraph text label"
1114
+ >
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
+ />
1125
+ </div>
1049
1126
  </div>
1050
1127
  </div>
1051
1128
  <div
@@ -1054,19 +1131,23 @@ exports[`component:<InputDate> testID 1`] = `
1054
1131
  <div
1055
1132
  class="view row inputBorder"
1056
1133
  >
1057
- <span
1058
- class="text paragraph text label"
1134
+ <div
1135
+ class="view wide content"
1059
1136
  >
1060
- MM
1061
- </span>
1062
- <input
1063
- class="input input withLabel"
1064
- data-testid="mirai-MM"
1065
- maxlength="2"
1066
- name="name:MM"
1067
- type="text"
1068
- value=""
1069
- />
1137
+ <span
1138
+ class="text paragraph text label"
1139
+ >
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
+ />
1150
+ </div>
1070
1151
  </div>
1071
1152
  </div>
1072
1153
  <div
@@ -1075,19 +1156,23 @@ exports[`component:<InputDate> testID 1`] = `
1075
1156
  <div
1076
1157
  class="view row inputBorder"
1077
1158
  >
1078
- <span
1079
- class="text paragraph text label"
1159
+ <div
1160
+ class="view wide content"
1080
1161
  >
1081
- YYYY
1082
- </span>
1083
- <input
1084
- class="input input withLabel"
1085
- data-testid="mirai-YYYY"
1086
- maxlength="4"
1087
- name="name:YYYY"
1088
- type="text"
1089
- value=""
1090
- />
1162
+ <span
1163
+ class="text paragraph text label"
1164
+ >
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
+ />
1175
+ </div>
1091
1176
  </div>
1092
1177
  </div>
1093
1178
  </div>