@mirai/core 0.3.336 → 0.3.337

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 (92) hide show
  1. package/build/components/BannerLoyalty/BannerLoyalty.js +3 -1
  2. package/build/components/BannerLoyalty/BannerLoyalty.js.map +1 -1
  3. package/build/components/BannerLoyalty/BannerLoyalty.module.css +1 -0
  4. package/build/components/BannerLoyalty/__tests__/__snapshots__/BannerLoyalty.test.js.snap +34 -34
  5. package/build/components/Booking/__tests__/__snapshots__/Booking.test.js.snap +270 -260
  6. package/build/components/Booking/components/Field/__tests__/__snapshots__/Field.test.js.snap +36 -36
  7. package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Menu.test.js.snap +164 -148
  8. package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Modal.test.js.snap +128 -104
  9. package/build/components/BookingQuery/__tests__/__snapshots__/BookingQuery.test.js.snap +332 -290
  10. package/build/components/Chat/Chat.js +2 -1
  11. package/build/components/Chat/Chat.js.map +1 -1
  12. package/build/components/Chat/components/Avatar/__tests__/__snapshots__/Avatar.test.jsx.snap +30 -30
  13. package/build/components/Chat/components/Input/__tests__/__snapshots__/Input.test.jsx.snap +27 -24
  14. package/build/components/Chat/components/InputRich/__tests__/__snapshots__/InputRich.test.jsx.snap +75 -68
  15. package/build/components/Chat/components/Message/__tests__/__snapshots__/Message.test.jsx.snap +74 -74
  16. package/build/components/Checkout/__tests__/__snapshots__/Checkout.test.js.snap +392 -376
  17. package/build/components/Checkout/components/InputRadio/InputRadio.module.css +4 -0
  18. package/build/components/Checkout/components/InputRadio/__tests__/__snapshots__/InputRadio.test.js.snap +124 -100
  19. package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Confirmation.test.js.snap +606 -588
  20. package/build/components/Checkout/partials/__tests__/__snapshots__/Checkout.Form.test.js.snap +824 -748
  21. package/build/components/Deals/__tests__/__snapshots__/Deals.Calendar.test.js.snap +1761 -1758
  22. package/build/components/Deals/__tests__/__snapshots__/Deals.test.js.snap +2794 -2760
  23. package/build/components/Finder/__tests__/__snapshots__/Finder.test.js.snap +8106 -7994
  24. package/build/components/Finder/components/Calendar/__tests__/__snapshots__/Calendar.test.js.snap +4325 -4318
  25. package/build/components/Finder/components/Places/__tests__/__snapshots__/Places.test.js.snap +139 -115
  26. package/build/components/Profile/components/Bookings/__tests__/__snapshots__/Bookings.test.js.snap +6 -6
  27. package/build/components/Rates/Rates.Footer.js +5 -2
  28. package/build/components/Rates/Rates.Footer.js.map +1 -1
  29. package/build/components/Rates/Rates.RoomSelector.js +7 -14
  30. package/build/components/Rates/Rates.RoomSelector.js.map +1 -1
  31. package/build/components/Rates/Rates.js +13 -7
  32. package/build/components/Rates/Rates.js.map +1 -1
  33. package/build/components/Rates/Rates.module.css +7 -51
  34. package/build/components/Rates/components/Filters/Filters.js +1 -0
  35. package/build/components/Rates/components/Filters/Filters.js.map +1 -1
  36. package/build/components/Rates/components/Item/Item.Rates.js +24 -15
  37. package/build/components/Rates/components/Item/Item.Rates.js.map +1 -1
  38. package/build/components/Rates/components/Item/Item.module.css +9 -10
  39. package/build/components/Rates/components/Item/components/{ModalRateInfo/ModalRateInfo.js → ModalCancellationInfo/ModalCancellationInfo.js} +7 -7
  40. package/build/components/Rates/components/Item/components/ModalCancellationInfo/ModalCancellationInfo.js.map +1 -0
  41. package/build/components/Rates/components/Item/components/ModalCancellationInfo/index.js +17 -0
  42. package/build/components/Rates/components/Item/components/ModalCancellationInfo/index.js.map +1 -0
  43. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js +1 -0
  44. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js.map +1 -1
  45. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.js +81 -0
  46. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.js.map +1 -0
  47. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.module.css +24 -0
  48. package/build/components/Rates/components/Item/components/ModalOfferInfo/index.js +17 -0
  49. package/build/components/Rates/components/Item/components/ModalOfferInfo/index.js.map +1 -0
  50. package/build/components/Rates/components/Item/components/Option/Option.module.css +1 -1
  51. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js +7 -16
  52. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js.map +1 -1
  53. package/build/components/Rates/components/Item/components/index.js +15 -4
  54. package/build/components/Rates/components/Item/components/index.js.map +1 -1
  55. package/build/components/Rates/components/Item/index.js +12 -5
  56. package/build/components/Rates/components/Item/index.js.map +1 -1
  57. package/build/components/Session/__tests__/__snapshots__/Session.test.js.snap +351 -305
  58. package/build/components/Signup/__tests__/__snapshots__/Signup.test.js.snap +303 -270
  59. package/build/components/__shared__/BookingDates/__tests__/__snapshots__/BookingDates.test.js.snap +74 -74
  60. package/build/components/__shared__/BookingDetails/__tests__/__snapshots__/BookingDetails.test.js.snap +1068 -1063
  61. package/build/components/__shared__/BookingSummary/_tests__/__snapshots__/BookingSummary.test.js.snap +316 -316
  62. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.Row.test.js.snap +200 -200
  63. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.test.js.snap +320 -320
  64. package/build/components/__shared__/BookingTerms/__tests__/__snapshots__/BookingTerms.test.js.snap +156 -144
  65. package/build/components/__shared__/ButtonMore/__tests__/__snapshots__/ButtonMore.test.js.snap +15 -12
  66. package/build/components/__shared__/ButtonPayment/__tests__/__snapshots__/ButtonPayment.test.js.snap +43 -32
  67. package/build/components/__shared__/ButtonPayment/components/FormAddon/__tests__/__snapshots__/FormAddon.test.js.snap +12 -12
  68. package/build/components/__shared__/ButtonPayment/components/FormCheckout/__tests__/__snapshots__/FormCheckout.test.js.snap +129 -129
  69. package/build/components/__shared__/ButtonPayment/components/FormPaycomet/__tests__/__snapshots__/FormPaycomet.test.js.snap +46 -45
  70. package/build/components/__shared__/ButtonPayment/components/FormSipay/__tests__/__snapshots__/FormSipay.test.js.snap +30 -30
  71. package/build/components/__shared__/ButtonPayment/components/InputField/__tests__/__snapshots__/InputField.test.js.snap +51 -51
  72. package/build/components/__shared__/Countdown/__tests__/__snapshots__/Countdown.test.js.snap +8 -8
  73. package/build/components/__shared__/Field/__tests__/__snapshots__/Field.test.js.snap +266 -219
  74. package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap +556 -513
  75. package/build/components/__shared__/FieldPromocode/__tests__/__snapshots__/FieldPromocode.test.jsx.snap +63 -59
  76. package/build/components/__shared__/Footer/__tests__/__snapshots__/Footer.test.js.snap +68 -60
  77. package/build/components/__shared__/Occupation/__tests__/__snapshots__/Occupation.test.js.snap +783 -732
  78. package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap +334 -308
  79. package/build/components/__shared__/Payment/components/Aplazame/__tests__/__snapshots__/Aplazame.test.js.snap +8 -6
  80. package/build/components/__shared__/Payment/components/Card/__tests__/__snapshots__/Card.test.js.snap +254 -231
  81. package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap +140 -140
  82. package/build/components/__shared__/Payment/components/Tpv/__tests__/__snapshots__/Tpv.test.js.snap +30 -27
  83. package/build/components/__shared__/SelectEnvironment/__tests__/__snapshots__/SelectEnvironment.test.js.snap +53 -53
  84. package/build/components/__shared__/TextRequiredFields/__tests__/__snapshots__/TextRequiredFields.test.js.snap +6 -6
  85. package/build/components/helpers/__tests__/__snapshots__/parseHtml.test.js.snap +108 -104
  86. package/package.json +3 -3
  87. package/build/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.js.map +0 -1
  88. package/build/components/Rates/components/Item/components/ModalRateInfo/index.js +0 -17
  89. package/build/components/Rates/components/Item/components/ModalRateInfo/index.js.map +0 -1
  90. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.Tooltip.js +0 -49
  91. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.Tooltip.js.map +0 -1
  92. /package/build/components/Rates/components/Item/components/{ModalRateInfo/ModalRateInfo.module.css → ModalCancellationInfo/ModalCancellationInfo.module.css} +0 -0
package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap CHANGED
@@ -2,13 +2,14 @@
2
2
 
3
3
  exports[`component:<FieldOccupation> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <span
5
+ <ui_layer
6
6
  class="container"
7
7
  >
8
- <div
8
+ <ui_pressable
9
9
  class="pressable mirai"
10
+ tabindex="0"
10
11
  >
11
- <span
12
+ <ui_icon
12
13
  class="icon headline-3"
13
14
  >
14
15
  <svg
@@ -28,72 +29,73 @@ exports[`component:<FieldOccupation> inherit:className 1`] = `
28
29
  d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
29
30
  />
30
31
  </svg>
31
- </span>
32
- <div
32
+ </ui_icon>
33
+ <ui_view
33
34
  class="view"
34
35
  >
35
- <span
36
+ <ui_text
36
37
  class="text small"
37
38
  >
38
39
  finder.label.who
39
- </span>
40
- <span
40
+ </ui_text>
41
+ <ui_text
41
42
  class="text action"
42
43
  >
43
44
  · 1 common.label.accommodation_type
44
- </span>
45
- </div>
46
- </div>
47
- </span>
48
- <div
45
+ </ui_text>
46
+ </ui_view>
47
+ </ui_pressable>
48
+ </ui_layer>
49
+ <ui_layer_content
49
50
  class="layer hidden"
50
51
  style="left: 0px; top: 0px;"
51
52
  >
52
- <div
53
+ <ui_view
53
54
  class="view"
54
55
  >
55
- <div
56
+ <ui_scrollview
56
57
  class="scrollview vertical notIndicator"
57
58
  >
58
- <div
59
+ <ui_view
59
60
  class="view wide"
60
61
  >
61
- <div
62
+ <ui_view
62
63
  class="view row"
63
64
  >
64
- <span
65
+ <ui_text
65
66
  class="text action"
66
67
  >
67
68
  finder.label.place
68
- <span
69
+ <ui_text
69
70
  style="text-decoration: underline;"
70
71
  >
71
72
  type
72
- </span>
73
+ </ui_text>
73
74
  count.room
74
- </span>
75
- </div>
76
- <div
75
+ </ui_text>
76
+ </ui_view>
77
+ <ui_input_number
77
78
  class="view row inputNumber"
78
79
  >
79
- <div
80
+ <ui_view
80
81
  class="view texts"
81
82
  >
82
- <span
83
+ <label
83
84
  class="text paragraph text label"
84
85
  >
85
86
  common.label.occupation_type_adult
86
- </span>
87
- <span
87
+ </label>
88
+ <ui_text
88
89
  class="text small text hint hint"
89
90
  >
90
91
  common.label.age_from
91
- </span>
92
- </div>
92
+ </ui_text>
93
+ </ui_view>
93
94
  <button
94
95
  class="pressable button small squared secondary"
96
+ tabindex="0"
95
97
  >
96
- <span
98
+ <ui_icon
97
99
  class="icon headline-3"
98
100
  >
99
101
  <svg
@@ -113,17 +115,18 @@ exports[`component:<FieldOccupation> inherit:className 1`] = `
113
115
  d="M19 13H5v-2h14v2z"
114
116
  />
115
117
  </svg>
116
- </span>
118
+ </ui_icon>
117
119
  </button>
118
- <span
120
+ <ui_text
119
121
  class="text paragraph value"
120
122
  >
121
123
  2
122
- </span>
124
+ </ui_text>
123
125
  <button
124
126
  class="pressable button small squared secondary"
127
+ tabindex="0"
125
128
  >
126
- <span
129
+ <ui_icon
127
130
  class="icon headline-3"
128
131
  >
129
132
  <svg
@@ -143,37 +146,37 @@ exports[`component:<FieldOccupation> inherit:className 1`] = `
143
146
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
144
147
  />
145
148
  </svg>
146
- </span>
149
+ </ui_icon>
147
150
  </button>
148
- </div>
149
- <div
151
+ </ui_input_number>
152
+ <ui_input_number
150
153
  class="view row inputNumber"
151
154
  >
152
- <div
155
+ <ui_view
153
156
  class="view texts"
154
157
  >
155
- <span
158
+ <label
156
159
  class="text paragraph text label"
157
160
  >
158
161
  common.label.occupation_type_child
159
- </span>
160
- <span
162
+ </label>
163
+ <ui_text
161
164
  class="text small text hint hint"
162
165
  >
163
166
  common.label.age
164
- <span
167
+ <ui_text
165
168
  style="text-decoration: underline;"
166
169
  >
167
170
  up
168
- </span>
171
+ </ui_text>
169
172
  to
170
- </span>
171
- </div>
173
+ </ui_text>
174
+ </ui_view>
172
175
  <button
173
176
  class="pressable disabled button small squared disabled"
174
177
  disabled=""
175
178
  >
176
- <span
179
+ <ui_icon
177
180
  class="icon headline-3"
178
181
  >
179
182
  <svg
@@ -193,17 +196,18 @@ exports[`component:<FieldOccupation> inherit:className 1`] = `
193
196
  d="M19 13H5v-2h14v2z"
194
197
  />
195
198
  </svg>
196
- </span>
199
+ </ui_icon>
197
200
  </button>
198
- <span
201
+ <ui_text
199
202
  class="text paragraph value"
200
203
  >
201
204
  0
202
- </span>
205
+ </ui_text>
203
206
  <button
204
207
  class="pressable button small squared secondary"
208
+ tabindex="0"
205
209
  >
206
- <span
210
+ <ui_icon
207
211
  class="icon headline-3"
208
212
  >
209
213
  <svg
@@ -223,78 +227,80 @@ exports[`component:<FieldOccupation> inherit:className 1`] = `
223
227
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
224
228
  />
225
229
  </svg>
226
- </span>
230
+ </ui_icon>
227
231
  </button>
228
- </div>
229
- </div>
230
- </div>
231
- <div
232
+ </ui_input_number>
233
+ </ui_view>
234
+ </ui_scrollview>
235
+ <ui_view
232
236
  class="view row"
233
237
  >
234
238
  <button
235
239
  class="pressable button secondary"
240
+ tabindex="0"
236
241
  >
237
242
  finder.action.add_place_type.room
238
243
  </button>
239
- </div>
240
- </div>
241
- </div>
244
+ </ui_view>
245
+ </ui_view>
246
+ </ui_layer_content>
242
247
  </DocumentFragment>
243
248
  `;
244
249
 
245
250
  exports[`component:<FieldOccupation> prop:compacted 1`] = `
246
251
  <DocumentFragment>
247
- <span
252
+ <ui_layer
248
253
  class="container"
249
254
  />
250
- <div
255
+ <ui_layer_content
251
256
  class="layer hidden"
252
257
  >
253
- <div
258
+ <ui_view
254
259
  class="view"
255
260
  >
256
- <div
261
+ <ui_scrollview
257
262
  class="scrollview vertical notIndicator"
258
263
  >
259
- <div
264
+ <ui_view
260
265
  class="view wide"
261
266
  >
262
- <div
267
+ <ui_view
263
268
  class="view row"
264
269
  >
265
- <span
270
+ <ui_text
266
271
  class="text action"
267
272
  >
268
273
  finder.label.place
269
- <span
274
+ <ui_text
270
275
  style="text-decoration: underline;"
271
276
  >
272
277
  type
273
- </span>
278
+ </ui_text>
274
279
  count.room
275
- </span>
276
- </div>
277
- <div
280
+ </ui_text>
281
+ </ui_view>
282
+ <ui_input_number
278
283
  class="view row inputNumber"
279
284
  >
280
- <div
285
+ <ui_view
281
286
  class="view texts"
282
287
  >
283
- <span
288
+ <label
284
289
  class="text paragraph text label"
285
290
  >
286
291
  common.label.occupation_type_adult
287
- </span>
288
- <span
292
+ </label>
293
+ <ui_text
289
294
  class="text small text hint hint"
290
295
  >
291
296
  common.label.age_from
292
- </span>
293
- </div>
297
+ </ui_text>
298
+ </ui_view>
294
299
  <button
295
300
  class="pressable button small squared secondary"
301
+ tabindex="0"
296
302
  >
297
- <span
303
+ <ui_icon
298
304
  class="icon headline-3"
299
305
  >
300
306
  <svg
@@ -314,17 +320,18 @@ exports[`component:<FieldOccupation> prop:compacted 1`] = `
314
320
  d="M19 13H5v-2h14v2z"
315
321
  />
316
322
  </svg>
317
- </span>
323
+ </ui_icon>
318
324
  </button>
319
- <span
325
+ <ui_text
320
326
  class="text paragraph value"
321
327
  >
322
328
  2
323
- </span>
329
+ </ui_text>
324
330
  <button
325
331
  class="pressable button small squared secondary"
332
+ tabindex="0"
326
333
  >
327
- <span
334
+ <ui_icon
328
335
  class="icon headline-3"
329
336
  >
330
337
  <svg
@@ -344,37 +351,37 @@ exports[`component:<FieldOccupation> prop:compacted 1`] = `
344
351
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
345
352
  />
346
353
  </svg>
347
- </span>
354
+ </ui_icon>
348
355
  </button>
349
- </div>
350
- <div
356
+ </ui_input_number>
357
+ <ui_input_number
351
358
  class="view row inputNumber"
352
359
  >
353
- <div
360
+ <ui_view
354
361
  class="view texts"
355
362
  >
356
- <span
363
+ <label
357
364
  class="text paragraph text label"
358
365
  >
359
366
  common.label.occupation_type_child
360
- </span>
361
- <span
367
+ </label>
368
+ <ui_text
362
369
  class="text small text hint hint"
363
370
  >
364
371
  common.label.age
365
- <span
372
+ <ui_text
366
373
  style="text-decoration: underline;"
367
374
  >
368
375
  up
369
- </span>
376
+ </ui_text>
370
377
  to
371
- </span>
372
- </div>
378
+ </ui_text>
379
+ </ui_view>
373
380
  <button
374
381
  class="pressable disabled button small squared disabled"
375
382
  disabled=""
376
383
  >
377
- <span
384
+ <ui_icon
378
385
  class="icon headline-3"
379
386
  >
380
387
  <svg
@@ -394,17 +401,18 @@ exports[`component:<FieldOccupation> prop:compacted 1`] = `
394
401
  d="M19 13H5v-2h14v2z"
395
402
  />
396
403
  </svg>
397
- </span>
404
+ </ui_icon>
398
405
  </button>
399
- <span
406
+ <ui_text
400
407
  class="text paragraph value"
401
408
  >
402
409
  0
403
- </span>
410
+ </ui_text>
404
411
  <button
405
412
  class="pressable button small squared secondary"
413
+ tabindex="0"
406
414
  >
407
- <span
415
+ <ui_icon
408
416
  class="icon headline-3"
409
417
  >
410
418
  <svg
@@ -424,34 +432,36 @@ exports[`component:<FieldOccupation> prop:compacted 1`] = `
424
432
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
425
433
  />
426
434
  </svg>
427
- </span>
435
+ </ui_icon>
428
436
  </button>
429
- </div>
430
- </div>
431
- </div>
432
- <div
437
+ </ui_input_number>
438
+ </ui_view>
439
+ </ui_scrollview>
440
+ <ui_view
433
441
  class="view row"
434
442
  >
435
443
  <button
436
444
  class="pressable button secondary"
445
+ tabindex="0"
437
446
  >
438
447
  finder.action.add_place_type.room
439
448
  </button>
440
- </div>
441
- </div>
442
- </div>
449
+ </ui_view>
450
+ </ui_view>
451
+ </ui_layer_content>
443
452
  </DocumentFragment>
444
453
  `;
445
454
 
446
455
  exports[`component:<FieldOccupation> prop:minRooms 1`] = `
447
456
  <DocumentFragment>
448
- <span
457
+ <ui_layer
449
458
  class="container"
450
459
  >
451
- <div
460
+ <ui_pressable
452
461
  class="pressable"
462
+ tabindex="0"
453
463
  >
454
- <span
464
+ <ui_icon
455
465
  class="icon headline-3"
456
466
  >
457
467
  <svg
@@ -471,78 +481,79 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
471
481
  d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
472
482
  />
473
483
  </svg>
474
- </span>
475
- <div
484
+ </ui_icon>
485
+ <ui_view
476
486
  class="view"
477
487
  >
478
- <span
488
+ <ui_text
479
489
  class="text small"
480
490
  >
481
491
  finder.label.who
482
- </span>
483
- <span
492
+ </ui_text>
493
+ <ui_text
484
494
  class="text action"
485
495
  >
486
496
  · 2 common.label.accomodation
487
- <span
497
+ <ui_text
488
498
  style="text-decoration: underline;"
489
499
  >
490
500
  type
491
- </span>
501
+ </ui_text>
492
502
  plural
493
- </span>
494
- </div>
495
- </div>
496
- </span>
497
- <div
503
+ </ui_text>
504
+ </ui_view>
505
+ </ui_pressable>
506
+ </ui_layer>
507
+ <ui_layer_content
498
508
  class="layer hidden"
499
509
  style="left: 0px; top: 0px;"
500
510
  >
501
- <div
511
+ <ui_view
502
512
  class="view"
503
513
  >
504
- <div
514
+ <ui_scrollview
505
515
  class="scrollview vertical notIndicator"
506
516
  >
507
- <div
517
+ <ui_view
508
518
  class="view wide"
509
519
  >
510
- <div
520
+ <ui_view
511
521
  class="view row"
512
522
  >
513
- <span
523
+ <ui_text
514
524
  class="text action"
515
525
  >
516
526
  finder.label.place
517
- <span
527
+ <ui_text
518
528
  style="text-decoration: underline;"
519
529
  >
520
530
  type
521
- </span>
531
+ </ui_text>
522
532
  count.room
523
- </span>
524
- </div>
525
- <div
533
+ </ui_text>
534
+ </ui_view>
535
+ <ui_input_number
526
536
  class="view row inputNumber"
527
537
  >
528
- <div
538
+ <ui_view
529
539
  class="view texts"
530
540
  >
531
- <span
541
+ <label
532
542
  class="text paragraph text label"
533
543
  >
534
544
  common.label.occupation_type_adult
535
- </span>
536
- <span
545
+ </label>
546
+ <ui_text
537
547
  class="text small text hint hint"
538
548
  >
539
549
  common.label.age_from
540
- </span>
541
- </div>
550
+ </ui_text>
551
+ </ui_view>
542
552
  <button
543
553
  class="pressable button small squared secondary"
554
+ tabindex="0"
544
555
  >
545
- <span
556
+ <ui_icon
546
557
  class="icon headline-3"
547
558
  >
548
559
  <svg
@@ -562,17 +573,18 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
562
573
  d="M19 13H5v-2h14v2z"
563
574
  />
564
575
  </svg>
565
- </span>
576
+ </ui_icon>
566
577
  </button>
567
- <span
578
+ <ui_text
568
579
  class="text paragraph value"
569
580
  >
570
581
  2
571
- </span>
582
+ </ui_text>
572
583
  <button
573
584
  class="pressable button small squared secondary"
585
+ tabindex="0"
574
586
  >
575
- <span
587
+ <ui_icon
576
588
  class="icon headline-3"
577
589
  >
578
590
  <svg
@@ -592,37 +604,37 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
592
604
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
593
605
  />
594
606
  </svg>
595
- </span>
607
+ </ui_icon>
596
608
  </button>
597
- </div>
598
- <div
609
+ </ui_input_number>
610
+ <ui_input_number
599
611
  class="view row inputNumber"
600
612
  >
601
- <div
613
+ <ui_view
602
614
  class="view texts"
603
615
  >
604
- <span
616
+ <label
605
617
  class="text paragraph text label"
606
618
  >
607
619
  common.label.occupation_type_child
608
- </span>
609
- <span
620
+ </label>
621
+ <ui_text
610
622
  class="text small text hint hint"
611
623
  >
612
624
  common.label.age
613
- <span
625
+ <ui_text
614
626
  style="text-decoration: underline;"
615
627
  >
616
628
  up
617
- </span>
629
+ </ui_text>
618
630
  to
619
- </span>
620
- </div>
631
+ </ui_text>
632
+ </ui_view>
621
633
  <button
622
634
  class="pressable disabled button small squared disabled"
623
635
  disabled=""
624
636
  >
625
- <span
637
+ <ui_icon
626
638
  class="icon headline-3"
627
639
  >
628
640
  <svg
@@ -642,17 +654,18 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
642
654
  d="M19 13H5v-2h14v2z"
643
655
  />
644
656
  </svg>
645
- </span>
657
+ </ui_icon>
646
658
  </button>
647
- <span
659
+ <ui_text
648
660
  class="text paragraph value"
649
661
  >
650
662
  0
651
- </span>
663
+ </ui_text>
652
664
  <button
653
665
  class="pressable button small squared secondary"
666
+ tabindex="0"
654
667
  >
655
- <span
668
+ <ui_icon
656
669
  class="icon headline-3"
657
670
  >
658
671
  <svg
@@ -672,49 +685,50 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
672
685
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
673
686
  />
674
687
  </svg>
675
- </span>
688
+ </ui_icon>
676
689
  </button>
677
- </div>
678
- </div>
679
- <div
690
+ </ui_input_number>
691
+ </ui_view>
692
+ <ui_view
680
693
  class="view wide"
681
694
  >
682
- <div
695
+ <ui_view
683
696
  class="view row"
684
697
  >
685
- <span
698
+ <ui_text
686
699
  class="text action"
687
700
  >
688
701
  finder.label.place
689
- <span
702
+ <ui_text
690
703
  style="text-decoration: underline;"
691
704
  >
692
705
  type
693
- </span>
706
+ </ui_text>
694
707
  count.room
695
- </span>
696
- </div>
697
- <div
708
+ </ui_text>
709
+ </ui_view>
710
+ <ui_input_number
698
711
  class="view row inputNumber"
699
712
  >
700
- <div
713
+ <ui_view
701
714
  class="view texts"
702
715
  >
703
- <span
716
+ <label
704
717
  class="text paragraph text label"
705
718
  >
706
719
  common.label.occupation_type_adult
707
- </span>
708
- <span
720
+ </label>
721
+ <ui_text
709
722
  class="text small text hint hint"
710
723
  >
711
724
  common.label.age_from
712
- </span>
713
- </div>
725
+ </ui_text>
726
+ </ui_view>
714
727
  <button
715
728
  class="pressable button small squared secondary"
729
+ tabindex="0"
716
730
  >
717
- <span
731
+ <ui_icon
718
732
  class="icon headline-3"
719
733
  >
720
734
  <svg
@@ -734,17 +748,18 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
734
748
  d="M19 13H5v-2h14v2z"
735
749
  />
736
750
  </svg>
737
- </span>
751
+ </ui_icon>
738
752
  </button>
739
- <span
753
+ <ui_text
740
754
  class="text paragraph value"
741
755
  >
742
756
  2
743
- </span>
757
+ </ui_text>
744
758
  <button
745
759
  class="pressable button small squared secondary"
760
+ tabindex="0"
746
761
  >
747
- <span
762
+ <ui_icon
748
763
  class="icon headline-3"
749
764
  >
750
765
  <svg
@@ -764,37 +779,37 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
764
779
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
765
780
  />
766
781
  </svg>
767
- </span>
782
+ </ui_icon>
768
783
  </button>
769
- </div>
770
- <div
784
+ </ui_input_number>
785
+ <ui_input_number
771
786
  class="view row inputNumber"
772
787
  >
773
- <div
788
+ <ui_view
774
789
  class="view texts"
775
790
  >
776
- <span
791
+ <label
777
792
  class="text paragraph text label"
778
793
  >
779
794
  common.label.occupation_type_child
780
- </span>
781
- <span
795
+ </label>
796
+ <ui_text
782
797
  class="text small text hint hint"
783
798
  >
784
799
  common.label.age
785
- <span
800
+ <ui_text
786
801
  style="text-decoration: underline;"
787
802
  >
788
803
  up
789
- </span>
804
+ </ui_text>
790
805
  to
791
- </span>
792
- </div>
806
+ </ui_text>
807
+ </ui_view>
793
808
  <button
794
809
  class="pressable disabled button small squared disabled"
795
810
  disabled=""
796
811
  >
797
- <span
812
+ <ui_icon
798
813
  class="icon headline-3"
799
814
  >
800
815
  <svg
@@ -814,17 +829,18 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
814
829
  d="M19 13H5v-2h14v2z"
815
830
  />
816
831
  </svg>
817
- </span>
832
+ </ui_icon>
818
833
  </button>
819
- <span
834
+ <ui_text
820
835
  class="text paragraph value"
821
836
  >
822
837
  0
823
- </span>
838
+ </ui_text>
824
839
  <button
825
840
  class="pressable button small squared secondary"
841
+ tabindex="0"
826
842
  >
827
- <span
843
+ <ui_icon
828
844
  class="icon headline-3"
829
845
  >
830
846
  <svg
@@ -844,34 +860,36 @@ exports[`component:<FieldOccupation> prop:minRooms 1`] = `
844
860
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
845
861
  />
846
862
  </svg>
847
- </span>
863
+ </ui_icon>
848
864
  </button>
849
- </div>
850
- </div>
851
- </div>
852
- <div
865
+ </ui_input_number>
866
+ </ui_view>
867
+ </ui_scrollview>
868
+ <ui_view
853
869
  class="view row"
854
870
  >
855
871
  <button
856
872
  class="pressable button secondary"
873
+ tabindex="0"
857
874
  >
858
875
  finder.action.add_place_type.room
859
876
  </button>
860
- </div>
861
- </div>
862
- </div>
877
+ </ui_view>
878
+ </ui_view>
879
+ </ui_layer_content>
863
880
  </DocumentFragment>
864
881
  `;
865
882
 
866
883
  exports[`component:<FieldOccupation> prop:value 1`] = `
867
884
  <DocumentFragment>
868
- <span
885
+ <ui_layer
869
886
  class="container"
870
887
  >
871
- <div
888
+ <ui_pressable
872
889
  class="pressable"
890
+ tabindex="0"
873
891
  >
874
- <span
892
+ <ui_icon
875
893
  class="icon headline-3"
876
894
  >
877
895
  <svg
@@ -891,84 +909,85 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
891
909
  d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
892
910
  />
893
911
  </svg>
894
- </span>
895
- <div
912
+ </ui_icon>
913
+ <ui_view
896
914
  class="view"
897
915
  >
898
- <span
916
+ <ui_text
899
917
  class="text small"
900
918
  >
901
919
  finder.label.who
902
- </span>
903
- <span
920
+ </ui_text>
921
+ <ui_text
904
922
  class="text action"
905
923
  >
906
924
  2 common.label.guest
907
- <span
925
+ <ui_text
908
926
  style="text-decoration: underline;"
909
927
  >
910
928
  type
911
- </span>
929
+ </ui_text>
912
930
  plural, 1 common.label.guest
913
- <span
931
+ <ui_text
914
932
  style="text-decoration: underline;"
915
933
  >
916
934
  type · 1 common.label.accommodation
917
- </span>
935
+ </ui_text>
918
936
  type
919
- </span>
920
- </div>
921
- </div>
922
- </span>
923
- <div
937
+ </ui_text>
938
+ </ui_view>
939
+ </ui_pressable>
940
+ </ui_layer>
941
+ <ui_layer_content
924
942
  class="layer hidden"
925
943
  style="left: 0px; top: 0px;"
926
944
  >
927
- <div
945
+ <ui_view
928
946
  class="view"
929
947
  >
930
- <div
948
+ <ui_scrollview
931
949
  class="scrollview vertical notIndicator"
932
950
  >
933
- <div
951
+ <ui_view
934
952
  class="view wide"
935
953
  >
936
- <div
954
+ <ui_view
937
955
  class="view row"
938
956
  >
939
- <span
957
+ <ui_text
940
958
  class="text action"
941
959
  >
942
960
  finder.label.place
943
- <span
961
+ <ui_text
944
962
  style="text-decoration: underline;"
945
963
  >
946
964
  type
947
- </span>
965
+ </ui_text>
948
966
  count.room
949
- </span>
950
- </div>
951
- <div
967
+ </ui_text>
968
+ </ui_view>
969
+ <ui_input_number
952
970
  class="view row inputNumber"
953
971
  >
954
- <div
972
+ <ui_view
955
973
  class="view texts"
956
974
  >
957
- <span
975
+ <label
958
976
  class="text paragraph text label"
959
977
  >
960
978
  common.label.occupation_type_adult
961
- </span>
962
- <span
979
+ </label>
980
+ <ui_text
963
981
  class="text small text hint hint"
964
982
  >
965
983
  common.label.age_from
966
- </span>
967
- </div>
984
+ </ui_text>
985
+ </ui_view>
968
986
  <button
969
987
  class="pressable button small squared secondary"
988
+ tabindex="0"
970
989
  >
971
- <span
990
+ <ui_icon
972
991
  class="icon headline-3"
973
992
  >
974
993
  <svg
@@ -988,17 +1007,18 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
988
1007
  d="M19 13H5v-2h14v2z"
989
1008
  />
990
1009
  </svg>
991
- </span>
1010
+ </ui_icon>
992
1011
  </button>
993
- <span
1012
+ <ui_text
994
1013
  class="text paragraph value"
995
1014
  >
996
1015
  2
997
- </span>
1016
+ </ui_text>
998
1017
  <button
999
1018
  class="pressable button small squared secondary"
1019
+ tabindex="0"
1000
1020
  >
1001
- <span
1021
+ <ui_icon
1002
1022
  class="icon headline-3"
1003
1023
  >
1004
1024
  <svg
@@ -1018,36 +1038,37 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
1018
1038
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1019
1039
  />
1020
1040
  </svg>
1021
- </span>
1041
+ </ui_icon>
1022
1042
  </button>
1023
- </div>
1024
- <div
1043
+ </ui_input_number>
1044
+ <ui_input_number
1025
1045
  class="view row inputNumber"
1026
1046
  >
1027
- <div
1047
+ <ui_view
1028
1048
  class="view texts"
1029
1049
  >
1030
- <span
1050
+ <label
1031
1051
  class="text paragraph text label"
1032
1052
  >
1033
1053
  common.label.occupation_type_child
1034
- </span>
1035
- <span
1054
+ </label>
1055
+ <ui_text
1036
1056
  class="text small text hint hint"
1037
1057
  >
1038
1058
  common.label.age
1039
- <span
1059
+ <ui_text
1040
1060
  style="text-decoration: underline;"
1041
1061
  >
1042
1062
  up
1043
- </span>
1063
+ </ui_text>
1044
1064
  to
1045
- </span>
1046
- </div>
1065
+ </ui_text>
1066
+ </ui_view>
1047
1067
  <button
1048
1068
  class="pressable button small squared secondary"
1069
+ tabindex="0"
1049
1070
  >
1050
- <span
1071
+ <ui_icon
1051
1072
  class="icon headline-3"
1052
1073
  >
1053
1074
  <svg
@@ -1067,17 +1088,18 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
1067
1088
  d="M19 13H5v-2h14v2z"
1068
1089
  />
1069
1090
  </svg>
1070
- </span>
1091
+ </ui_icon>
1071
1092
  </button>
1072
- <span
1093
+ <ui_text
1073
1094
  class="text paragraph value"
1074
1095
  >
1075
1096
  1
1076
- </span>
1097
+ </ui_text>
1077
1098
  <button
1078
1099
  class="pressable button small squared secondary"
1100
+ tabindex="0"
1079
1101
  >
1080
- <span
1102
+ <ui_icon
1081
1103
  class="icon headline-3"
1082
1104
  >
1083
1105
  <svg
@@ -1097,22 +1119,22 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
1097
1119
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1098
1120
  />
1099
1121
  </svg>
1100
- </span>
1122
+ </ui_icon>
1101
1123
  </button>
1102
- </div>
1103
- <div
1124
+ </ui_input_number>
1125
+ <ui_view
1104
1126
  class="view"
1105
1127
  >
1106
- <div
1128
+ <ui_view
1107
1129
  class="view row"
1108
1130
  >
1109
- <div
1131
+ <ui_view
1110
1132
  class="view inputContainer"
1111
1133
  >
1112
- <div
1134
+ <ui_view
1113
1135
  class="view row inputBorder"
1114
1136
  >
1115
- <div
1137
+ <ui_view
1116
1138
  class="view wide content"
1117
1139
  >
1118
1140
  <select
@@ -1215,8 +1237,8 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
1215
1237
  17
1216
1238
  </option>
1217
1239
  </select>
1218
- </div>
1219
- <span
1240
+ </ui_view>
1241
+ <ui_icon
1220
1242
  class="icon headline-3 icon expand"
1221
1243
  >
1222
1244
  <svg
@@ -1237,41 +1259,43 @@ exports[`component:<FieldOccupation> prop:value 1`] = `
1237
1259
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
1238
1260
  />
1239
1261
  </svg>
1240
- </span>
1241
- </div>
1242
- </div>
1243
- </div>
1244
- <span
1262
+ </ui_icon>
1263
+ </ui_view>
1264
+ </ui_view>
1265
+ </ui_view>
1266
+ <ui_text
1245
1267
  class="text light small"
1246
1268
  >
1247
1269
  common.label.age_hint
1248
- </span>
1249
- </div>
1250
- </div>
1251
- </div>
1252
- <div
1270
+ </ui_text>
1271
+ </ui_view>
1272
+ </ui_view>
1273
+ </ui_scrollview>
1274
+ <ui_view
1253
1275
  class="view row"
1254
1276
  >
1255
1277
  <button
1256
1278
  class="pressable button secondary"
1279
+ tabindex="0"
1257
1280
  >
1258
1281
  finder.action.add_place_type.room
1259
1282
  </button>
1260
- </div>
1261
- </div>
1262
- </div>
1283
+ </ui_view>
1284
+ </ui_view>
1285
+ </ui_layer_content>
1263
1286
  </DocumentFragment>
1264
1287
  `;
1265
1288
 
1266
1289
  exports[`component:<FieldOccupation> prop:visible 1`] = `
1267
1290
  <DocumentFragment>
1268
- <span
1291
+ <ui_layer
1269
1292
  class="container"
1270
1293
  >
1271
- <div
1294
+ <ui_pressable
1272
1295
  class="pressable"
1296
+ tabindex="0"
1273
1297
  >
1274
- <span
1298
+ <ui_icon
1275
1299
  class="icon headline-3"
1276
1300
  >
1277
1301
  <svg
@@ -1291,72 +1315,73 @@ exports[`component:<FieldOccupation> prop:visible 1`] = `
1291
1315
  d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
1292
1316
  />
1293
1317
  </svg>
1294
- </span>
1295
- <div
1318
+ </ui_icon>
1319
+ <ui_view
1296
1320
  class="view"
1297
1321
  >
1298
- <span
1322
+ <ui_text
1299
1323
  class="text small"
1300
1324
  >
1301
1325
  finder.label.who
1302
- </span>
1303
- <span
1326
+ </ui_text>
1327
+ <ui_text
1304
1328
  class="text action"
1305
1329
  >
1306
1330
  · 1 common.label.accommodation_type
1307
- </span>
1308
- </div>
1309
- </div>
1310
- </span>
1311
- <div
1331
+ </ui_text>
1332
+ </ui_view>
1333
+ </ui_pressable>
1334
+ </ui_layer>
1335
+ <ui_layer_content
1312
1336
  class="layer"
1313
1337
  style="left: 0px; top: 0px;"
1314
1338
  >
1315
- <div
1339
+ <ui_view
1316
1340
  class="view"
1317
1341
  >
1318
- <div
1342
+ <ui_scrollview
1319
1343
  class="scrollview vertical notIndicator"
1320
1344
  >
1321
- <div
1345
+ <ui_view
1322
1346
  class="view wide"
1323
1347
  >
1324
- <div
1348
+ <ui_view
1325
1349
  class="view row"
1326
1350
  >
1327
- <span
1351
+ <ui_text
1328
1352
  class="text action"
1329
1353
  >
1330
1354
  finder.label.place
1331
- <span
1355
+ <ui_text
1332
1356
  style="text-decoration: underline;"
1333
1357
  >
1334
1358
  type
1335
- </span>
1359
+ </ui_text>
1336
1360
  count.room
1337
- </span>
1338
- </div>
1339
- <div
1361
+ </ui_text>
1362
+ </ui_view>
1363
+ <ui_input_number
1340
1364
  class="view row inputNumber"
1341
1365
  >
1342
- <div
1366
+ <ui_view
1343
1367
  class="view texts"
1344
1368
  >
1345
- <span
1369
+ <label
1346
1370
  class="text paragraph text label"
1347
1371
  >
1348
1372
  common.label.occupation_type_adult
1349
- </span>
1350
- <span
1373
+ </label>
1374
+ <ui_text
1351
1375
  class="text small text hint hint"
1352
1376
  >
1353
1377
  common.label.age_from
1354
- </span>
1355
- </div>
1378
+ </ui_text>
1379
+ </ui_view>
1356
1380
  <button
1357
1381
  class="pressable button small squared secondary"
1382
+ tabindex="0"
1358
1383
  >
1359
- <span
1384
+ <ui_icon
1360
1385
  class="icon headline-3"
1361
1386
  >
1362
1387
  <svg
@@ -1376,17 +1401,18 @@ exports[`component:<FieldOccupation> prop:visible 1`] = `
1376
1401
  d="M19 13H5v-2h14v2z"
1377
1402
  />
1378
1403
  </svg>
1379
- </span>
1404
+ </ui_icon>
1380
1405
  </button>
1381
- <span
1406
+ <ui_text
1382
1407
  class="text paragraph value"
1383
1408
  >
1384
1409
  2
1385
- </span>
1410
+ </ui_text>
1386
1411
  <button
1387
1412
  class="pressable button small squared secondary"
1413
+ tabindex="0"
1388
1414
  >
1389
- <span
1415
+ <ui_icon
1390
1416
  class="icon headline-3"
1391
1417
  >
1392
1418
  <svg
@@ -1406,37 +1432,37 @@ exports[`component:<FieldOccupation> prop:visible 1`] = `
1406
1432
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1407
1433
  />
1408
1434
  </svg>
1409
- </span>
1435
+ </ui_icon>
1410
1436
  </button>
1411
- </div>
1412
- <div
1437
+ </ui_input_number>
1438
+ <ui_input_number
1413
1439
  class="view row inputNumber"
1414
1440
  >
1415
- <div
1441
+ <ui_view
1416
1442
  class="view texts"
1417
1443
  >
1418
- <span
1444
+ <label
1419
1445
  class="text paragraph text label"
1420
1446
  >
1421
1447
  common.label.occupation_type_child
1422
- </span>
1423
- <span
1448
+ </label>
1449
+ <ui_text
1424
1450
  class="text small text hint hint"
1425
1451
  >
1426
1452
  common.label.age
1427
- <span
1453
+ <ui_text
1428
1454
  style="text-decoration: underline;"
1429
1455
  >
1430
1456
  up
1431
- </span>
1457
+ </ui_text>
1432
1458
  to
1433
- </span>
1434
- </div>
1459
+ </ui_text>
1460
+ </ui_view>
1435
1461
  <button
1436
1462
  class="pressable disabled button small squared disabled"
1437
1463
  disabled=""
1438
1464
  >
1439
- <span
1465
+ <ui_icon
1440
1466
  class="icon headline-3"
1441
1467
  >
1442
1468
  <svg
@@ -1456,17 +1482,18 @@ exports[`component:<FieldOccupation> prop:visible 1`] = `
1456
1482
  d="M19 13H5v-2h14v2z"
1457
1483
  />
1458
1484
  </svg>
1459
- </span>
1485
+ </ui_icon>
1460
1486
  </button>
1461
- <span
1487
+ <ui_text
1462
1488
  class="text paragraph value"
1463
1489
  >
1464
1490
  0
1465
- </span>
1491
+ </ui_text>
1466
1492
  <button
1467
1493
  class="pressable button small squared secondary"
1494
+ tabindex="0"
1468
1495
  >
1469
- <span
1496
+ <ui_icon
1470
1497
  class="icon headline-3"
1471
1498
  >
1472
1499
  <svg
@@ -1486,34 +1513,36 @@ exports[`component:<FieldOccupation> prop:visible 1`] = `
1486
1513
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1487
1514
  />
1488
1515
  </svg>
1489
- </span>
1516
+ </ui_icon>
1490
1517
  </button>
1491
- </div>
1492
- </div>
1493
- </div>
1494
- <div
1518
+ </ui_input_number>
1519
+ </ui_view>
1520
+ </ui_scrollview>
1521
+ <ui_view
1495
1522
  class="view row"
1496
1523
  >
1497
1524
  <button
1498
1525
  class="pressable button secondary"
1526
+ tabindex="0"
1499
1527
  >
1500
1528
  finder.action.add_place_type.room
1501
1529
  </button>
1502
- </div>
1503
- </div>
1504
- </div>
1530
+ </ui_view>
1531
+ </ui_view>
1532
+ </ui_layer_content>
1505
1533
  </DocumentFragment>
1506
1534
  `;
1507
1535
 
1508
1536
  exports[`component:<FieldOccupation> prop:warning 1`] = `
1509
1537
  <DocumentFragment>
1510
- <span
1538
+ <ui_layer
1511
1539
  class="container"
1512
1540
  >
1513
- <div
1541
+ <ui_pressable
1514
1542
  class="pressable"
1543
+ tabindex="0"
1515
1544
  >
1516
- <span
1545
+ <ui_icon
1517
1546
  class="icon headline-3"
1518
1547
  >
1519
1548
  <svg
@@ -1533,22 +1562,22 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
1533
1562
  d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
1534
1563
  />
1535
1564
  </svg>
1536
- </span>
1537
- <div
1565
+ </ui_icon>
1566
+ <ui_view
1538
1567
  class="view"
1539
1568
  >
1540
- <span
1569
+ <ui_text
1541
1570
  class="text small"
1542
1571
  >
1543
1572
  finder.label.who
1544
- </span>
1545
- <span
1573
+ </ui_text>
1574
+ <ui_text
1546
1575
  class="text action"
1547
1576
  >
1548
1577
  · 1 common.label.accommodation_type
1549
- </span>
1550
- </div>
1551
- <span
1578
+ </ui_text>
1579
+ </ui_view>
1580
+ <ui_icon
1552
1581
  class="icon headline-3"
1553
1582
  >
1554
1583
  <svg
@@ -1564,58 +1593,59 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
1564
1593
  d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
1565
1594
  />
1566
1595
  </svg>
1567
- </span>
1568
- </div>
1569
- </span>
1570
- <div
1596
+ </ui_icon>
1597
+ </ui_pressable>
1598
+ </ui_layer>
1599
+ <ui_layer_content
1571
1600
  class="layer hidden"
1572
1601
  style="left: 0px; top: 0px;"
1573
1602
  >
1574
- <div
1603
+ <ui_view
1575
1604
  class="view"
1576
1605
  >
1577
- <div
1606
+ <ui_scrollview
1578
1607
  class="scrollview vertical notIndicator"
1579
1608
  >
1580
- <div
1609
+ <ui_view
1581
1610
  class="view wide"
1582
1611
  >
1583
- <div
1612
+ <ui_view
1584
1613
  class="view row"
1585
1614
  >
1586
- <span
1615
+ <ui_text
1587
1616
  class="text action"
1588
1617
  >
1589
1618
  finder.label.place
1590
- <span
1619
+ <ui_text
1591
1620
  style="text-decoration: underline;"
1592
1621
  >
1593
1622
  type
1594
- </span>
1623
+ </ui_text>
1595
1624
  count.room
1596
- </span>
1597
- </div>
1598
- <div
1625
+ </ui_text>
1626
+ </ui_view>
1627
+ <ui_input_number
1599
1628
  class="view row inputNumber"
1600
1629
  >
1601
- <div
1630
+ <ui_view
1602
1631
  class="view texts"
1603
1632
  >
1604
- <span
1633
+ <label
1605
1634
  class="text paragraph text label"
1606
1635
  >
1607
1636
  common.label.occupation_type_adult
1608
- </span>
1609
- <span
1637
+ </label>
1638
+ <ui_text
1610
1639
  class="text small text hint hint"
1611
1640
  >
1612
1641
  common.label.age_from
1613
- </span>
1614
- </div>
1642
+ </ui_text>
1643
+ </ui_view>
1615
1644
  <button
1616
1645
  class="pressable button small squared secondary"
1646
+ tabindex="0"
1617
1647
  >
1618
- <span
1648
+ <ui_icon
1619
1649
  class="icon headline-3"
1620
1650
  >
1621
1651
  <svg
@@ -1635,17 +1665,18 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
1635
1665
  d="M19 13H5v-2h14v2z"
1636
1666
  />
1637
1667
  </svg>
1638
- </span>
1668
+ </ui_icon>
1639
1669
  </button>
1640
- <span
1670
+ <ui_text
1641
1671
  class="text paragraph value"
1642
1672
  >
1643
1673
  2
1644
- </span>
1674
+ </ui_text>
1645
1675
  <button
1646
1676
  class="pressable button small squared secondary"
1677
+ tabindex="0"
1647
1678
  >
1648
- <span
1679
+ <ui_icon
1649
1680
  class="icon headline-3"
1650
1681
  >
1651
1682
  <svg
@@ -1665,37 +1696,37 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
1665
1696
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1666
1697
  />
1667
1698
  </svg>
1668
- </span>
1699
+ </ui_icon>
1669
1700
  </button>
1670
- </div>
1671
- <div
1701
+ </ui_input_number>
1702
+ <ui_input_number
1672
1703
  class="view row inputNumber"
1673
1704
  >
1674
- <div
1705
+ <ui_view
1675
1706
  class="view texts"
1676
1707
  >
1677
- <span
1708
+ <label
1678
1709
  class="text paragraph text label"
1679
1710
  >
1680
1711
  common.label.occupation_type_child
1681
- </span>
1682
- <span
1712
+ </label>
1713
+ <ui_text
1683
1714
  class="text small text hint hint"
1684
1715
  >
1685
1716
  common.label.age
1686
- <span
1717
+ <ui_text
1687
1718
  style="text-decoration: underline;"
1688
1719
  >
1689
1720
  up
1690
- </span>
1721
+ </ui_text>
1691
1722
  to
1692
- </span>
1693
- </div>
1723
+ </ui_text>
1724
+ </ui_view>
1694
1725
  <button
1695
1726
  class="pressable disabled button small squared disabled"
1696
1727
  disabled=""
1697
1728
  >
1698
- <span
1729
+ <ui_icon
1699
1730
  class="icon headline-3"
1700
1731
  >
1701
1732
  <svg
@@ -1715,17 +1746,18 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
1715
1746
  d="M19 13H5v-2h14v2z"
1716
1747
  />
1717
1748
  </svg>
1718
- </span>
1749
+ </ui_icon>
1719
1750
  </button>
1720
- <span
1751
+ <ui_text
1721
1752
  class="text paragraph value"
1722
1753
  >
1723
1754
  0
1724
- </span>
1755
+ </ui_text>
1725
1756
  <button
1726
1757
  class="pressable button small squared secondary"
1758
+ tabindex="0"
1727
1759
  >
1728
- <span
1760
+ <ui_icon
1729
1761
  class="icon headline-3"
1730
1762
  >
1731
1763
  <svg
@@ -1745,34 +1777,36 @@ exports[`component:<FieldOccupation> prop:warning 1`] = `
1745
1777
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1746
1778
  />
1747
1779
  </svg>
1748
- </span>
1780
+ </ui_icon>
1749
1781
  </button>
1750
- </div>
1751
- </div>
1752
- </div>
1753
- <div
1782
+ </ui_input_number>
1783
+ </ui_view>
1784
+ </ui_scrollview>
1785
+ <ui_view
1754
1786
  class="view row"
1755
1787
  >
1756
1788
  <button
1757
1789
  class="pressable button secondary"
1790
+ tabindex="0"
1758
1791
  >
1759
1792
  finder.action.add_place_type.room
1760
1793
  </button>
1761
- </div>
1762
- </div>
1763
- </div>
1794
+ </ui_view>
1795
+ </ui_view>
1796
+ </ui_layer_content>
1764
1797
  </DocumentFragment>
1765
1798
  `;
1766
1799
 
1767
1800
  exports[`component:<FieldOccupation> renders 1`] = `
1768
1801
  <DocumentFragment>
1769
- <span
1802
+ <ui_layer
1770
1803
  class="container"
1771
1804
  >
1772
- <div
1805
+ <ui_pressable
1773
1806
  class="pressable"
1807
+ tabindex="0"
1774
1808
  >
1775
- <span
1809
+ <ui_icon
1776
1810
  class="icon headline-3"
1777
1811
  >
1778
1812
  <svg
@@ -1792,72 +1826,73 @@ exports[`component:<FieldOccupation> renders 1`] = `
1792
1826
  d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
1793
1827
  />
1794
1828
  </svg>
1795
- </span>
1796
- <div
1829
+ </ui_icon>
1830
+ <ui_view
1797
1831
  class="view"
1798
1832
  >
1799
- <span
1833
+ <ui_text
1800
1834
  class="text small"
1801
1835
  >
1802
1836
  finder.label.who
1803
- </span>
1804
- <span
1837
+ </ui_text>
1838
+ <ui_text
1805
1839
  class="text action"
1806
1840
  >
1807
1841
  · 1 common.label.accommodation_type
1808
- </span>
1809
- </div>
1810
- </div>
1811
- </span>
1812
- <div
1842
+ </ui_text>
1843
+ </ui_view>
1844
+ </ui_pressable>
1845
+ </ui_layer>
1846
+ <ui_layer_content
1813
1847
  class="layer hidden"
1814
1848
  style="left: 0px; top: 0px;"
1815
1849
  >
1816
- <div
1850
+ <ui_view
1817
1851
  class="view"
1818
1852
  >
1819
- <div
1853
+ <ui_scrollview
1820
1854
  class="scrollview vertical notIndicator"
1821
1855
  >
1822
- <div
1856
+ <ui_view
1823
1857
  class="view wide"
1824
1858
  >
1825
- <div
1859
+ <ui_view
1826
1860
  class="view row"
1827
1861
  >
1828
- <span
1862
+ <ui_text
1829
1863
  class="text action"
1830
1864
  >
1831
1865
  finder.label.place
1832
- <span
1866
+ <ui_text
1833
1867
  style="text-decoration: underline;"
1834
1868
  >
1835
1869
  type
1836
- </span>
1870
+ </ui_text>
1837
1871
  count.room
1838
- </span>
1839
- </div>
1840
- <div
1872
+ </ui_text>
1873
+ </ui_view>
1874
+ <ui_input_number
1841
1875
  class="view row inputNumber"
1842
1876
  >
1843
- <div
1877
+ <ui_view
1844
1878
  class="view texts"
1845
1879
  >
1846
- <span
1880
+ <label
1847
1881
  class="text paragraph text label"
1848
1882
  >
1849
1883
  common.label.occupation_type_adult
1850
- </span>
1851
- <span
1884
+ </label>
1885
+ <ui_text
1852
1886
  class="text small text hint hint"
1853
1887
  >
1854
1888
  common.label.age_from
1855
- </span>
1856
- </div>
1889
+ </ui_text>
1890
+ </ui_view>
1857
1891
  <button
1858
1892
  class="pressable button small squared secondary"
1893
+ tabindex="0"
1859
1894
  >
1860
- <span
1895
+ <ui_icon
1861
1896
  class="icon headline-3"
1862
1897
  >
1863
1898
  <svg
@@ -1877,17 +1912,18 @@ exports[`component:<FieldOccupation> renders 1`] = `
1877
1912
  d="M19 13H5v-2h14v2z"
1878
1913
  />
1879
1914
  </svg>
1880
- </span>
1915
+ </ui_icon>
1881
1916
  </button>
1882
- <span
1917
+ <ui_text
1883
1918
  class="text paragraph value"
1884
1919
  >
1885
1920
  2
1886
- </span>
1921
+ </ui_text>
1887
1922
  <button
1888
1923
  class="pressable button small squared secondary"
1924
+ tabindex="0"
1889
1925
  >
1890
- <span
1926
+ <ui_icon
1891
1927
  class="icon headline-3"
1892
1928
  >
1893
1929
  <svg
@@ -1907,37 +1943,37 @@ exports[`component:<FieldOccupation> renders 1`] = `
1907
1943
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1908
1944
  />
1909
1945
  </svg>
1910
- </span>
1946
+ </ui_icon>
1911
1947
  </button>
1912
- </div>
1913
- <div
1948
+ </ui_input_number>
1949
+ <ui_input_number
1914
1950
  class="view row inputNumber"
1915
1951
  >
1916
- <div
1952
+ <ui_view
1917
1953
  class="view texts"
1918
1954
  >
1919
- <span
1955
+ <label
1920
1956
  class="text paragraph text label"
1921
1957
  >
1922
1958
  common.label.occupation_type_child
1923
- </span>
1924
- <span
1959
+ </label>
1960
+ <ui_text
1925
1961
  class="text small text hint hint"
1926
1962
  >
1927
1963
  common.label.age
1928
- <span
1964
+ <ui_text
1929
1965
  style="text-decoration: underline;"
1930
1966
  >
1931
1967
  up
1932
- </span>
1968
+ </ui_text>
1933
1969
  to
1934
- </span>
1935
- </div>
1970
+ </ui_text>
1971
+ </ui_view>
1936
1972
  <button
1937
1973
  class="pressable disabled button small squared disabled"
1938
1974
  disabled=""
1939
1975
  >
1940
- <span
1976
+ <ui_icon
1941
1977
  class="icon headline-3"
1942
1978
  >
1943
1979
  <svg
@@ -1957,17 +1993,18 @@ exports[`component:<FieldOccupation> renders 1`] = `
1957
1993
  d="M19 13H5v-2h14v2z"
1958
1994
  />
1959
1995
  </svg>
1960
- </span>
1996
+ </ui_icon>
1961
1997
  </button>
1962
- <span
1998
+ <ui_text
1963
1999
  class="text paragraph value"
1964
2000
  >
1965
2001
  0
1966
- </span>
2002
+ </ui_text>
1967
2003
  <button
1968
2004
  class="pressable button small squared secondary"
2005
+ tabindex="0"
1969
2006
  >
1970
- <span
2007
+ <ui_icon
1971
2008
  class="icon headline-3"
1972
2009
  >
1973
2010
  <svg
@@ -1987,35 +2024,37 @@ exports[`component:<FieldOccupation> renders 1`] = `
1987
2024
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1988
2025
  />
1989
2026
  </svg>
1990
- </span>
2027
+ </ui_icon>
1991
2028
  </button>
1992
- </div>
1993
- </div>
1994
- </div>
1995
- <div
2029
+ </ui_input_number>
2030
+ </ui_view>
2031
+ </ui_scrollview>
2032
+ <ui_view
1996
2033
  class="view row"
1997
2034
  >
1998
2035
  <button
1999
2036
  class="pressable button secondary"
2037
+ tabindex="0"
2000
2038
  >
2001
2039
  finder.action.add_place_type.room
2002
2040
  </button>
2003
- </div>
2004
- </div>
2005
- </div>
2041
+ </ui_view>
2042
+ </ui_view>
2043
+ </ui_layer_content>
2006
2044
  </DocumentFragment>
2007
2045
  `;
2008
2046
 
2009
2047
  exports[`component:<FieldOccupation> testID 1`] = `
2010
2048
  <DocumentFragment>
2011
- <span
2049
+ <ui_layer
2012
2050
  class="container"
2013
2051
  >
2014
- <div
2052
+ <ui_pressable
2015
2053
  class="pressable"
2016
2054
  data-testid="mirai-field"
2055
+ tabindex="0"
2017
2056
  >
2018
- <span
2057
+ <ui_icon
2019
2058
  class="icon headline-3"
2020
2059
  >
2021
2060
  <svg
@@ -2035,73 +2074,74 @@ exports[`component:<FieldOccupation> testID 1`] = `
2035
2074
  d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87zM15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24zM9 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zM9 13c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4zm6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2v1z"
2036
2075
  />
2037
2076
  </svg>
2038
- </span>
2039
- <div
2077
+ </ui_icon>
2078
+ <ui_view
2040
2079
  class="view"
2041
2080
  >
2042
- <span
2081
+ <ui_text
2043
2082
  class="text small"
2044
2083
  >
2045
2084
  finder.label.who
2046
- </span>
2047
- <span
2085
+ </ui_text>
2086
+ <ui_text
2048
2087
  class="text action"
2049
2088
  >
2050
2089
  · 1 common.label.accommodation_type
2051
- </span>
2052
- </div>
2053
- </div>
2054
- </span>
2055
- <div
2090
+ </ui_text>
2091
+ </ui_view>
2092
+ </ui_pressable>
2093
+ </ui_layer>
2094
+ <ui_layer_content
2056
2095
  class="layer hidden"
2057
2096
  style="left: 0px; top: 0px;"
2058
2097
  >
2059
- <div
2098
+ <ui_view
2060
2099
  class="view"
2061
2100
  data-testid="mirai"
2062
2101
  >
2063
- <div
2102
+ <ui_scrollview
2064
2103
  class="scrollview vertical notIndicator"
2065
2104
  >
2066
- <div
2105
+ <ui_view
2067
2106
  class="view wide"
2068
2107
  >
2069
- <div
2108
+ <ui_view
2070
2109
  class="view row"
2071
2110
  >
2072
- <span
2111
+ <ui_text
2073
2112
  class="text action"
2074
2113
  >
2075
2114
  finder.label.place
2076
- <span
2115
+ <ui_text
2077
2116
  style="text-decoration: underline;"
2078
2117
  >
2079
2118
  type
2080
- </span>
2119
+ </ui_text>
2081
2120
  count.room
2082
- </span>
2083
- </div>
2084
- <div
2121
+ </ui_text>
2122
+ </ui_view>
2123
+ <ui_input_number
2085
2124
  class="view row inputNumber"
2086
2125
  >
2087
- <div
2126
+ <ui_view
2088
2127
  class="view texts"
2089
2128
  >
2090
- <span
2129
+ <label
2091
2130
  class="text paragraph text label"
2092
2131
  >
2093
2132
  common.label.occupation_type_adult
2094
- </span>
2095
- <span
2133
+ </label>
2134
+ <ui_text
2096
2135
  class="text small text hint hint"
2097
2136
  >
2098
2137
  common.label.age_from
2099
- </span>
2100
- </div>
2138
+ </ui_text>
2139
+ </ui_view>
2101
2140
  <button
2102
2141
  class="pressable button small squared secondary"
2142
+ tabindex="0"
2103
2143
  >
2104
- <span
2144
+ <ui_icon
2105
2145
  class="icon headline-3"
2106
2146
  >
2107
2147
  <svg
@@ -2121,17 +2161,18 @@ exports[`component:<FieldOccupation> testID 1`] = `
2121
2161
  d="M19 13H5v-2h14v2z"
2122
2162
  />
2123
2163
  </svg>
2124
- </span>
2164
+ </ui_icon>
2125
2165
  </button>
2126
- <span
2166
+ <ui_text
2127
2167
  class="text paragraph value"
2128
2168
  >
2129
2169
  2
2130
- </span>
2170
+ </ui_text>
2131
2171
  <button
2132
2172
  class="pressable button small squared secondary"
2173
+ tabindex="0"
2133
2174
  >
2134
- <span
2175
+ <ui_icon
2135
2176
  class="icon headline-3"
2136
2177
  >
2137
2178
  <svg
@@ -2151,37 +2192,37 @@ exports[`component:<FieldOccupation> testID 1`] = `
2151
2192
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
2152
2193
  />
2153
2194
  </svg>
2154
- </span>
2195
+ </ui_icon>
2155
2196
  </button>
2156
- </div>
2157
- <div
2197
+ </ui_input_number>
2198
+ <ui_input_number
2158
2199
  class="view row inputNumber"
2159
2200
  >
2160
- <div
2201
+ <ui_view
2161
2202
  class="view texts"
2162
2203
  >
2163
- <span
2204
+ <label
2164
2205
  class="text paragraph text label"
2165
2206
  >
2166
2207
  common.label.occupation_type_child
2167
- </span>
2168
- <span
2208
+ </label>
2209
+ <ui_text
2169
2210
  class="text small text hint hint"
2170
2211
  >
2171
2212
  common.label.age
2172
- <span
2213
+ <ui_text
2173
2214
  style="text-decoration: underline;"
2174
2215
  >
2175
2216
  up
2176
- </span>
2217
+ </ui_text>
2177
2218
  to
2178
- </span>
2179
- </div>
2219
+ </ui_text>
2220
+ </ui_view>
2180
2221
  <button
2181
2222
  class="pressable disabled button small squared disabled"
2182
2223
  disabled=""
2183
2224
  >
2184
- <span
2225
+ <ui_icon
2185
2226
  class="icon headline-3"
2186
2227
  >
2187
2228
  <svg
@@ -2201,17 +2242,18 @@ exports[`component:<FieldOccupation> testID 1`] = `
2201
2242
  d="M19 13H5v-2h14v2z"
2202
2243
  />
2203
2244
  </svg>
2204
- </span>
2245
+ </ui_icon>
2205
2246
  </button>
2206
- <span
2247
+ <ui_text
2207
2248
  class="text paragraph value"
2208
2249
  >
2209
2250
  0
2210
- </span>
2251
+ </ui_text>
2211
2252
  <button
2212
2253
  class="pressable button small squared secondary"
2254
+ tabindex="0"
2213
2255
  >
2214
- <span
2256
+ <ui_icon
2215
2257
  class="icon headline-3"
2216
2258
  >
2217
2259
  <svg
@@ -2231,22 +2273,23 @@ exports[`component:<FieldOccupation> testID 1`] = `
2231
2273
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
2232
2274
  />
2233
2275
  </svg>
2234
- </span>
2276
+ </ui_icon>
2235
2277
  </button>
2236
- </div>
2237
- </div>
2238
- </div>
2239
- <div
2278
+ </ui_input_number>
2279
+ </ui_view>
2280
+ </ui_scrollview>
2281
+ <ui_view
2240
2282
  class="view row"
2241
2283
  >
2242
2284
  <button
2243
2285
  class="pressable button secondary"
2244
2286
  data-testid="mirai-add-room"
2287
+ tabindex="0"
2245
2288
  >
2246
2289
  finder.action.add_place_type.room
2247
2290
  </button>
2248
- </div>
2249
- </div>
2250
- </div>
2291
+ </ui_view>
2292
+ </ui_view>
2293
+ </ui_layer_content>
2251
2294
  </DocumentFragment>
2252
2295
  `;