@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
@@ -2,14 +2,14 @@
2
2
 
3
3
  exports[` 1`] = `
4
4
  <DocumentFragment>
5
- <div
5
+ <ui_view
6
6
  class="view"
7
7
  l10n="[object Object]"
8
8
  >
9
- <div
9
+ <ui_notification
10
10
  class="view row notification warning outlined small"
11
11
  >
12
- <span
12
+ <ui_icon
13
13
  class="icon paragraph"
14
14
  >
15
15
  <svg
@@ -25,65 +25,66 @@ exports[` 1`] = `
25
25
  d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
26
26
  />
27
27
  </svg>
28
- </span>
29
- <div
28
+ </ui_icon>
29
+ <ui_view
30
30
  class="view texts"
31
31
  >
32
- <span
32
+ <ui_text
33
33
  class="text small"
34
34
  >
35
35
  finder.notification.warning_occupation
36
- </span>
37
- </div>
38
- </div>
39
- <div
36
+ </ui_text>
37
+ </ui_view>
38
+ </ui_notification>
39
+ <ui_scrollview
40
40
  class="scrollview vertical notIndicator"
41
41
  >
42
- <div
42
+ <ui_view
43
43
  class="view wide"
44
44
  >
45
- <div
45
+ <ui_view
46
46
  class="view row"
47
47
  >
48
- <span
48
+ <ui_text
49
49
  class="text action"
50
50
  >
51
51
  finder.label.place
52
- <span
52
+ <ui_text
53
53
  style="text-decoration: underline;"
54
54
  >
55
55
  type
56
- </span>
56
+ </ui_text>
57
57
  count.room
58
- </span>
59
- <button
58
+ </ui_text>
59
+ <ui_action
60
60
  class="pressable action small"
61
+ tabindex="0"
61
62
  >
62
63
  finder.action.remove
63
- </button>
64
- </div>
65
- <div
64
+ </ui_action>
65
+ </ui_view>
66
+ <ui_input_number
66
67
  class="view row inputNumber"
67
68
  >
68
- <div
69
+ <ui_view
69
70
  class="view texts"
70
71
  >
71
- <span
72
+ <label
72
73
  class="text paragraph text label"
73
74
  >
74
75
  common.label.occupation_type_adult
75
- </span>
76
- <span
76
+ </label>
77
+ <ui_text
77
78
  class="text small text hint hint"
78
79
  >
79
80
  common.label.age_from
80
- </span>
81
- </div>
81
+ </ui_text>
82
+ </ui_view>
82
83
  <button
83
84
  class="pressable disabled button small squared disabled"
84
85
  disabled=""
85
86
  >
86
- <span
87
+ <ui_icon
87
88
  class="icon headline-3"
88
89
  >
89
90
  <svg
@@ -103,17 +104,18 @@ exports[` 1`] = `
103
104
  d="M19 13H5v-2h14v2z"
104
105
  />
105
106
  </svg>
106
- </span>
107
+ </ui_icon>
107
108
  </button>
108
- <span
109
+ <ui_text
109
110
  class="text paragraph value"
110
111
  >
111
112
  2
112
- </span>
113
+ </ui_text>
113
114
  <button
114
115
  class="pressable button small squared secondary"
116
+ tabindex="0"
115
117
  >
116
- <span
118
+ <ui_icon
117
119
  class="icon headline-3"
118
120
  >
119
121
  <svg
@@ -133,36 +135,37 @@ exports[` 1`] = `
133
135
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
134
136
  />
135
137
  </svg>
136
- </span>
138
+ </ui_icon>
137
139
  </button>
138
- </div>
139
- <div
140
+ </ui_input_number>
141
+ <ui_input_number
140
142
  class="view row inputNumber"
141
143
  >
142
- <div
144
+ <ui_view
143
145
  class="view texts"
144
146
  >
145
- <span
147
+ <label
146
148
  class="text paragraph text label"
147
149
  >
148
150
  common.label.occupation_type_child
149
- </span>
150
- <span
151
+ </label>
152
+ <ui_text
151
153
  class="text small text hint hint"
152
154
  >
153
155
  common.label.age
154
- <span
156
+ <ui_text
155
157
  style="text-decoration: underline;"
156
158
  >
157
159
  up
158
- </span>
160
+ </ui_text>
159
161
  to
160
- </span>
161
- </div>
162
+ </ui_text>
163
+ </ui_view>
162
164
  <button
163
165
  class="pressable button small squared secondary"
166
+ tabindex="0"
164
167
  >
165
- <span
168
+ <ui_icon
166
169
  class="icon headline-3"
167
170
  >
168
171
  <svg
@@ -182,18 +185,18 @@ exports[` 1`] = `
182
185
  d="M19 13H5v-2h14v2z"
183
186
  />
184
187
  </svg>
185
- </span>
188
+ </ui_icon>
186
189
  </button>
187
- <span
190
+ <ui_text
188
191
  class="text paragraph value"
189
192
  >
190
193
  2
191
- </span>
194
+ </ui_text>
192
195
  <button
193
196
  class="pressable disabled button small squared disabled"
194
197
  disabled=""
195
198
  >
196
- <span
199
+ <ui_icon
197
200
  class="icon headline-3"
198
201
  >
199
202
  <svg
@@ -213,22 +216,22 @@ exports[` 1`] = `
213
216
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
214
217
  />
215
218
  </svg>
216
- </span>
219
+ </ui_icon>
217
220
  </button>
218
- </div>
219
- <div
221
+ </ui_input_number>
222
+ <ui_view
220
223
  class="view"
221
224
  >
222
- <div
225
+ <ui_view
223
226
  class="view row"
224
227
  >
225
- <div
228
+ <ui_view
226
229
  class="view inputContainer"
227
230
  >
228
- <div
231
+ <ui_view
229
232
  class="view row inputBorder"
230
233
  >
231
- <div
234
+ <ui_view
232
235
  class="view wide content"
233
236
  >
234
237
  <select
@@ -331,8 +334,8 @@ exports[` 1`] = `
331
334
  17
332
335
  </option>
333
336
  </select>
334
- </div>
335
- <span
337
+ </ui_view>
338
+ <ui_icon
336
339
  class="icon headline-3 icon expand"
337
340
  >
338
341
  <svg
@@ -353,16 +356,16 @@ exports[` 1`] = `
353
356
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
354
357
  />
355
358
  </svg>
356
- </span>
357
- </div>
358
- </div>
359
- <div
359
+ </ui_icon>
360
+ </ui_view>
361
+ </ui_view>
362
+ <ui_view
360
363
  class="view inputContainer"
361
364
  >
362
- <div
365
+ <ui_view
363
366
  class="view row inputBorder"
364
367
  >
365
- <div
368
+ <ui_view
366
369
  class="view wide content"
367
370
  >
368
371
  <select
@@ -465,8 +468,8 @@ exports[` 1`] = `
465
468
  17
466
469
  </option>
467
470
  </select>
468
- </div>
469
- <span
471
+ </ui_view>
472
+ <ui_icon
470
473
  class="icon headline-3 icon expand"
471
474
  >
472
475
  <svg
@@ -487,62 +490,63 @@ exports[` 1`] = `
487
490
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
488
491
  />
489
492
  </svg>
490
- </span>
491
- </div>
492
- </div>
493
- </div>
494
- <span
493
+ </ui_icon>
494
+ </ui_view>
495
+ </ui_view>
496
+ </ui_view>
497
+ <ui_text
495
498
  class="text light small"
496
499
  >
497
500
  common.label.age_hint
498
- </span>
499
- </div>
500
- </div>
501
- <div
501
+ </ui_text>
502
+ </ui_view>
503
+ </ui_view>
504
+ <ui_view
502
505
  class="view wide"
503
506
  >
504
- <div
507
+ <ui_view
505
508
  class="view row"
506
509
  >
507
- <span
510
+ <ui_text
508
511
  class="text action"
509
512
  >
510
513
  finder.label.place
511
- <span
514
+ <ui_text
512
515
  style="text-decoration: underline;"
513
516
  >
514
517
  type
515
- </span>
518
+ </ui_text>
516
519
  count.room
517
- </span>
518
- <button
520
+ </ui_text>
521
+ <ui_action
519
522
  class="pressable action small"
523
+ tabindex="0"
520
524
  >
521
525
  finder.action.remove
522
- </button>
523
- </div>
524
- <div
526
+ </ui_action>
527
+ </ui_view>
528
+ <ui_input_number
525
529
  class="view row inputNumber"
526
530
  >
527
- <div
531
+ <ui_view
528
532
  class="view texts"
529
533
  >
530
- <span
534
+ <label
531
535
  class="text paragraph text label"
532
536
  >
533
537
  common.label.occupation_type_adult
534
- </span>
535
- <span
538
+ </label>
539
+ <ui_text
536
540
  class="text small text hint hint"
537
541
  >
538
542
  common.label.age_from
539
- </span>
540
- </div>
543
+ </ui_text>
544
+ </ui_view>
541
545
  <button
542
546
  class="pressable disabled button small squared disabled"
543
547
  disabled=""
544
548
  >
545
- <span
549
+ <ui_icon
546
550
  class="icon headline-3"
547
551
  >
548
552
  <svg
@@ -562,17 +566,18 @@ exports[` 1`] = `
562
566
  d="M19 13H5v-2h14v2z"
563
567
  />
564
568
  </svg>
565
- </span>
569
+ </ui_icon>
566
570
  </button>
567
- <span
571
+ <ui_text
568
572
  class="text paragraph value"
569
573
  >
570
574
  2
571
- </span>
575
+ </ui_text>
572
576
  <button
573
577
  class="pressable button small squared secondary"
578
+ tabindex="0"
574
579
  >
575
- <span
580
+ <ui_icon
576
581
  class="icon headline-3"
577
582
  >
578
583
  <svg
@@ -592,37 +597,37 @@ exports[` 1`] = `
592
597
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
593
598
  />
594
599
  </svg>
595
- </span>
600
+ </ui_icon>
596
601
  </button>
597
- </div>
598
- <div
602
+ </ui_input_number>
603
+ <ui_input_number
599
604
  class="view row inputNumber"
600
605
  >
601
- <div
606
+ <ui_view
602
607
  class="view texts"
603
608
  >
604
- <span
609
+ <label
605
610
  class="text paragraph text label"
606
611
  >
607
612
  common.label.occupation_type_child
608
- </span>
609
- <span
613
+ </label>
614
+ <ui_text
610
615
  class="text small text hint hint"
611
616
  >
612
617
  common.label.age
613
- <span
618
+ <ui_text
614
619
  style="text-decoration: underline;"
615
620
  >
616
621
  up
617
- </span>
622
+ </ui_text>
618
623
  to
619
- </span>
620
- </div>
624
+ </ui_text>
625
+ </ui_view>
621
626
  <button
622
627
  class="pressable disabled button small squared disabled"
623
628
  disabled=""
624
629
  >
625
- <span
630
+ <ui_icon
626
631
  class="icon headline-3"
627
632
  >
628
633
  <svg
@@ -642,17 +647,18 @@ exports[` 1`] = `
642
647
  d="M19 13H5v-2h14v2z"
643
648
  />
644
649
  </svg>
645
- </span>
650
+ </ui_icon>
646
651
  </button>
647
- <span
652
+ <ui_text
648
653
  class="text paragraph value"
649
654
  >
650
655
  0
651
- </span>
656
+ </ui_text>
652
657
  <button
653
658
  class="pressable button small squared secondary"
659
+ tabindex="0"
654
660
  >
655
- <span
661
+ <ui_icon
656
662
  class="icon headline-3"
657
663
  >
658
664
  <svg
@@ -672,74 +678,75 @@ exports[` 1`] = `
672
678
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
673
679
  />
674
680
  </svg>
675
- </span>
681
+ </ui_icon>
676
682
  </button>
677
- </div>
678
- </div>
679
- </div>
680
- <div
683
+ </ui_input_number>
684
+ </ui_view>
685
+ </ui_scrollview>
686
+ <ui_view
681
687
  class="view row"
682
688
  >
683
689
  <button
684
690
  class="pressable button secondary"
691
+ tabindex="0"
685
692
  >
686
693
  finder.action.add_place_type.room
687
694
  </button>
688
- </div>
689
- </div>
695
+ </ui_view>
696
+ </ui_view>
690
697
  </DocumentFragment>
691
698
  `;
692
699
 
693
700
  exports[`component:<Occupation> adding a new room 1`] = `
694
701
  <DocumentFragment>
695
- <div
702
+ <ui_view
696
703
  class="view"
697
704
  data-testid="occupation"
698
705
  l10n="[object Object]"
699
706
  >
700
- <div
707
+ <ui_scrollview
701
708
  class="scrollview vertical notIndicator"
702
709
  >
703
- <div
710
+ <ui_view
704
711
  class="view wide"
705
712
  >
706
- <div
713
+ <ui_view
707
714
  class="view row"
708
715
  >
709
- <span
716
+ <ui_text
710
717
  class="text action"
711
718
  >
712
719
  finder.label.place
713
- <span
720
+ <ui_text
714
721
  style="text-decoration: underline;"
715
722
  >
716
723
  type
717
- </span>
724
+ </ui_text>
718
725
  count.room
719
- </span>
720
- </div>
721
- <div
726
+ </ui_text>
727
+ </ui_view>
728
+ <ui_input_number
722
729
  class="view row inputNumber"
723
730
  >
724
- <div
731
+ <ui_view
725
732
  class="view texts"
726
733
  >
727
- <span
734
+ <label
728
735
  class="text paragraph text label"
729
736
  >
730
737
  common.label.occupation_type_adult
731
- </span>
732
- <span
738
+ </label>
739
+ <ui_text
733
740
  class="text small text hint hint"
734
741
  >
735
742
  common.label.age_from
736
- </span>
737
- </div>
743
+ </ui_text>
744
+ </ui_view>
738
745
  <button
739
746
  class="pressable disabled button small squared disabled"
740
747
  disabled=""
741
748
  >
742
- <span
749
+ <ui_icon
743
750
  class="icon headline-3"
744
751
  >
745
752
  <svg
@@ -759,17 +766,18 @@ exports[`component:<Occupation> adding a new room 1`] = `
759
766
  d="M19 13H5v-2h14v2z"
760
767
  />
761
768
  </svg>
762
- </span>
769
+ </ui_icon>
763
770
  </button>
764
- <span
771
+ <ui_text
765
772
  class="text paragraph value"
766
773
  >
767
774
  2
768
- </span>
775
+ </ui_text>
769
776
  <button
770
777
  class="pressable button small squared secondary"
778
+ tabindex="0"
771
779
  >
772
- <span
780
+ <ui_icon
773
781
  class="icon headline-3"
774
782
  >
775
783
  <svg
@@ -789,37 +797,37 @@ exports[`component:<Occupation> adding a new room 1`] = `
789
797
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
790
798
  />
791
799
  </svg>
792
- </span>
800
+ </ui_icon>
793
801
  </button>
794
- </div>
795
- <div
802
+ </ui_input_number>
803
+ <ui_input_number
796
804
  class="view row inputNumber"
797
805
  >
798
- <div
806
+ <ui_view
799
807
  class="view texts"
800
808
  >
801
- <span
809
+ <label
802
810
  class="text paragraph text label"
803
811
  >
804
812
  common.label.occupation_type_child
805
- </span>
806
- <span
813
+ </label>
814
+ <ui_text
807
815
  class="text small text hint hint"
808
816
  >
809
817
  common.label.age
810
- <span
818
+ <ui_text
811
819
  style="text-decoration: underline;"
812
820
  >
813
821
  up
814
- </span>
822
+ </ui_text>
815
823
  to
816
- </span>
817
- </div>
824
+ </ui_text>
825
+ </ui_view>
818
826
  <button
819
827
  class="pressable disabled button small squared disabled"
820
828
  disabled=""
821
829
  >
822
- <span
830
+ <ui_icon
823
831
  class="icon headline-3"
824
832
  >
825
833
  <svg
@@ -839,17 +847,18 @@ exports[`component:<Occupation> adding a new room 1`] = `
839
847
  d="M19 13H5v-2h14v2z"
840
848
  />
841
849
  </svg>
842
- </span>
850
+ </ui_icon>
843
851
  </button>
844
- <span
852
+ <ui_text
845
853
  class="text paragraph value"
846
854
  >
847
855
  0
848
- </span>
856
+ </ui_text>
849
857
  <button
850
858
  class="pressable button small squared secondary"
859
+ tabindex="0"
851
860
  >
852
- <span
861
+ <ui_icon
853
862
  class="icon headline-3"
854
863
  >
855
864
  <svg
@@ -869,74 +878,75 @@ exports[`component:<Occupation> adding a new room 1`] = `
869
878
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
870
879
  />
871
880
  </svg>
872
- </span>
881
+ </ui_icon>
873
882
  </button>
874
- </div>
875
- </div>
876
- </div>
877
- <div
883
+ </ui_input_number>
884
+ </ui_view>
885
+ </ui_scrollview>
886
+ <ui_view
878
887
  class="view row"
879
888
  >
880
889
  <button
881
890
  class="pressable button secondary"
882
891
  data-testid="occupation-add-room"
892
+ tabindex="0"
883
893
  >
884
894
  finder.action.add_place_type.room
885
895
  </button>
886
- </div>
887
- </div>
896
+ </ui_view>
897
+ </ui_view>
888
898
  </DocumentFragment>
889
899
  `;
890
900
 
891
901
  exports[`component:<Occupation> inherit:className 1`] = `
892
902
  <DocumentFragment>
893
- <div
903
+ <ui_view
894
904
  class="view mirai"
895
905
  l10n="[object Object]"
896
906
  >
897
- <div
907
+ <ui_scrollview
898
908
  class="scrollview vertical notIndicator"
899
909
  >
900
- <div
910
+ <ui_view
901
911
  class="view wide"
902
912
  >
903
- <div
913
+ <ui_view
904
914
  class="view row"
905
915
  >
906
- <span
916
+ <ui_text
907
917
  class="text action"
908
918
  >
909
919
  finder.label.place
910
- <span
920
+ <ui_text
911
921
  style="text-decoration: underline;"
912
922
  >
913
923
  type
914
- </span>
924
+ </ui_text>
915
925
  count.room
916
- </span>
917
- </div>
918
- <div
926
+ </ui_text>
927
+ </ui_view>
928
+ <ui_input_number
919
929
  class="view row inputNumber"
920
930
  >
921
- <div
931
+ <ui_view
922
932
  class="view texts"
923
933
  >
924
- <span
934
+ <label
925
935
  class="text paragraph text label"
926
936
  >
927
937
  common.label.occupation_type_adult
928
- </span>
929
- <span
938
+ </label>
939
+ <ui_text
930
940
  class="text small text hint hint"
931
941
  >
932
942
  common.label.age_from
933
- </span>
934
- </div>
943
+ </ui_text>
944
+ </ui_view>
935
945
  <button
936
946
  class="pressable disabled button small squared disabled"
937
947
  disabled=""
938
948
  >
939
- <span
949
+ <ui_icon
940
950
  class="icon headline-3"
941
951
  >
942
952
  <svg
@@ -956,17 +966,18 @@ exports[`component:<Occupation> inherit:className 1`] = `
956
966
  d="M19 13H5v-2h14v2z"
957
967
  />
958
968
  </svg>
959
- </span>
969
+ </ui_icon>
960
970
  </button>
961
- <span
971
+ <ui_text
962
972
  class="text paragraph value"
963
973
  >
964
974
  2
965
- </span>
975
+ </ui_text>
966
976
  <button
967
977
  class="pressable button small squared secondary"
978
+ tabindex="0"
968
979
  >
969
- <span
980
+ <ui_icon
970
981
  class="icon headline-3"
971
982
  >
972
983
  <svg
@@ -986,37 +997,37 @@ exports[`component:<Occupation> inherit:className 1`] = `
986
997
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
987
998
  />
988
999
  </svg>
989
- </span>
1000
+ </ui_icon>
990
1001
  </button>
991
- </div>
992
- <div
1002
+ </ui_input_number>
1003
+ <ui_input_number
993
1004
  class="view row inputNumber"
994
1005
  >
995
- <div
1006
+ <ui_view
996
1007
  class="view texts"
997
1008
  >
998
- <span
1009
+ <label
999
1010
  class="text paragraph text label"
1000
1011
  >
1001
1012
  common.label.occupation_type_child
1002
- </span>
1003
- <span
1013
+ </label>
1014
+ <ui_text
1004
1015
  class="text small text hint hint"
1005
1016
  >
1006
1017
  common.label.age
1007
- <span
1018
+ <ui_text
1008
1019
  style="text-decoration: underline;"
1009
1020
  >
1010
1021
  up
1011
- </span>
1022
+ </ui_text>
1012
1023
  to
1013
- </span>
1014
- </div>
1024
+ </ui_text>
1025
+ </ui_view>
1015
1026
  <button
1016
1027
  class="pressable disabled button small squared disabled"
1017
1028
  disabled=""
1018
1029
  >
1019
- <span
1030
+ <ui_icon
1020
1031
  class="icon headline-3"
1021
1032
  >
1022
1033
  <svg
@@ -1036,17 +1047,18 @@ exports[`component:<Occupation> inherit:className 1`] = `
1036
1047
  d="M19 13H5v-2h14v2z"
1037
1048
  />
1038
1049
  </svg>
1039
- </span>
1050
+ </ui_icon>
1040
1051
  </button>
1041
- <span
1052
+ <ui_text
1042
1053
  class="text paragraph value"
1043
1054
  >
1044
1055
  0
1045
- </span>
1056
+ </ui_text>
1046
1057
  <button
1047
1058
  class="pressable button small squared secondary"
1059
+ tabindex="0"
1048
1060
  >
1049
- <span
1061
+ <ui_icon
1050
1062
  class="icon headline-3"
1051
1063
  >
1052
1064
  <svg
@@ -1066,73 +1078,74 @@ exports[`component:<Occupation> inherit:className 1`] = `
1066
1078
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1067
1079
  />
1068
1080
  </svg>
1069
- </span>
1081
+ </ui_icon>
1070
1082
  </button>
1071
- </div>
1072
- </div>
1073
- </div>
1074
- <div
1083
+ </ui_input_number>
1084
+ </ui_view>
1085
+ </ui_scrollview>
1086
+ <ui_view
1075
1087
  class="view row"
1076
1088
  >
1077
1089
  <button
1078
1090
  class="pressable button secondary"
1091
+ tabindex="0"
1079
1092
  >
1080
1093
  finder.action.add_place_type.room
1081
1094
  </button>
1082
- </div>
1083
- </div>
1095
+ </ui_view>
1096
+ </ui_view>
1084
1097
  </DocumentFragment>
1085
1098
  `;
1086
1099
 
1087
1100
  exports[`component:<Occupation> prop:dataSource 1`] = `
1088
1101
  <DocumentFragment>
1089
- <div
1102
+ <ui_view
1090
1103
  class="view"
1091
1104
  l10n="[object Object]"
1092
1105
  >
1093
- <div
1106
+ <ui_scrollview
1094
1107
  class="scrollview vertical notIndicator"
1095
1108
  >
1096
- <div
1109
+ <ui_view
1097
1110
  class="view wide"
1098
1111
  >
1099
- <div
1112
+ <ui_view
1100
1113
  class="view row"
1101
1114
  >
1102
- <span
1115
+ <ui_text
1103
1116
  class="text action"
1104
1117
  >
1105
1118
  finder.label.place
1106
- <span
1119
+ <ui_text
1107
1120
  style="text-decoration: underline;"
1108
1121
  >
1109
1122
  type
1110
- </span>
1123
+ </ui_text>
1111
1124
  count.room
1112
- </span>
1113
- </div>
1114
- <div
1125
+ </ui_text>
1126
+ </ui_view>
1127
+ <ui_input_number
1115
1128
  class="view row inputNumber"
1116
1129
  >
1117
- <div
1130
+ <ui_view
1118
1131
  class="view texts"
1119
1132
  >
1120
- <span
1133
+ <label
1121
1134
  class="text paragraph text label"
1122
1135
  >
1123
1136
  common.label.occupation_type_adult
1124
- </span>
1125
- <span
1137
+ </label>
1138
+ <ui_text
1126
1139
  class="text small text hint hint"
1127
1140
  >
1128
1141
  common.label.age_from
1129
- </span>
1130
- </div>
1142
+ </ui_text>
1143
+ </ui_view>
1131
1144
  <button
1132
1145
  class="pressable disabled button small squared disabled"
1133
1146
  disabled=""
1134
1147
  >
1135
- <span
1148
+ <ui_icon
1136
1149
  class="icon headline-3"
1137
1150
  >
1138
1151
  <svg
@@ -1152,17 +1165,18 @@ exports[`component:<Occupation> prop:dataSource 1`] = `
1152
1165
  d="M19 13H5v-2h14v2z"
1153
1166
  />
1154
1167
  </svg>
1155
- </span>
1168
+ </ui_icon>
1156
1169
  </button>
1157
- <span
1170
+ <ui_text
1158
1171
  class="text paragraph value"
1159
1172
  >
1160
1173
  2
1161
- </span>
1174
+ </ui_text>
1162
1175
  <button
1163
1176
  class="pressable button small squared secondary"
1177
+ tabindex="0"
1164
1178
  >
1165
- <span
1179
+ <ui_icon
1166
1180
  class="icon headline-3"
1167
1181
  >
1168
1182
  <svg
@@ -1182,37 +1196,37 @@ exports[`component:<Occupation> prop:dataSource 1`] = `
1182
1196
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1183
1197
  />
1184
1198
  </svg>
1185
- </span>
1199
+ </ui_icon>
1186
1200
  </button>
1187
- </div>
1188
- <div
1201
+ </ui_input_number>
1202
+ <ui_input_number
1189
1203
  class="view row inputNumber"
1190
1204
  >
1191
- <div
1205
+ <ui_view
1192
1206
  class="view texts"
1193
1207
  >
1194
- <span
1208
+ <label
1195
1209
  class="text paragraph text label"
1196
1210
  >
1197
1211
  common.label.occupation_type_child
1198
- </span>
1199
- <span
1212
+ </label>
1213
+ <ui_text
1200
1214
  class="text small text hint hint"
1201
1215
  >
1202
1216
  common.label.age
1203
- <span
1217
+ <ui_text
1204
1218
  style="text-decoration: underline;"
1205
1219
  >
1206
1220
  up
1207
- </span>
1221
+ </ui_text>
1208
1222
  to
1209
- </span>
1210
- </div>
1223
+ </ui_text>
1224
+ </ui_view>
1211
1225
  <button
1212
1226
  class="pressable disabled button small squared disabled"
1213
1227
  disabled=""
1214
1228
  >
1215
- <span
1229
+ <ui_icon
1216
1230
  class="icon headline-3"
1217
1231
  >
1218
1232
  <svg
@@ -1232,17 +1246,18 @@ exports[`component:<Occupation> prop:dataSource 1`] = `
1232
1246
  d="M19 13H5v-2h14v2z"
1233
1247
  />
1234
1248
  </svg>
1235
- </span>
1249
+ </ui_icon>
1236
1250
  </button>
1237
- <span
1251
+ <ui_text
1238
1252
  class="text paragraph value"
1239
1253
  >
1240
1254
  0
1241
- </span>
1255
+ </ui_text>
1242
1256
  <button
1243
1257
  class="pressable button small squared secondary"
1258
+ tabindex="0"
1244
1259
  >
1245
- <span
1260
+ <ui_icon
1246
1261
  class="icon headline-3"
1247
1262
  >
1248
1263
  <svg
@@ -1262,71 +1277,73 @@ exports[`component:<Occupation> prop:dataSource 1`] = `
1262
1277
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1263
1278
  />
1264
1279
  </svg>
1265
- </span>
1280
+ </ui_icon>
1266
1281
  </button>
1267
- </div>
1268
- </div>
1269
- </div>
1270
- <div
1282
+ </ui_input_number>
1283
+ </ui_view>
1284
+ </ui_scrollview>
1285
+ <ui_view
1271
1286
  class="view row"
1272
1287
  >
1273
1288
  <button
1274
1289
  class="pressable button secondary"
1290
+ tabindex="0"
1275
1291
  >
1276
1292
  finder.action.add_place_type.room
1277
1293
  </button>
1278
- </div>
1279
- </div>
1294
+ </ui_view>
1295
+ </ui_view>
1280
1296
  </DocumentFragment>
1281
1297
  `;
1282
1298
 
1283
1299
  exports[`component:<Occupation> prop:maxRooms 1`] = `
1284
1300
  <DocumentFragment>
1285
- <div
1301
+ <ui_view
1286
1302
  class="view"
1287
1303
  >
1288
- <div
1304
+ <ui_scrollview
1289
1305
  class="scrollview vertical notIndicator"
1290
1306
  >
1291
- <div
1307
+ <ui_view
1292
1308
  class="view wide"
1293
1309
  >
1294
- <div
1310
+ <ui_view
1295
1311
  class="view row"
1296
1312
  >
1297
- <span
1313
+ <ui_text
1298
1314
  class="text action"
1299
1315
  >
1300
1316
  finder.label.place
1301
- <span
1317
+ <ui_text
1302
1318
  style="text-decoration: underline;"
1303
1319
  >
1304
1320
  type
1305
- </span>
1321
+ </ui_text>
1306
1322
  count.room
1307
- </span>
1308
- </div>
1309
- <div
1323
+ </ui_text>
1324
+ </ui_view>
1325
+ <ui_input_number
1310
1326
  class="view row inputNumber"
1311
1327
  >
1312
- <div
1328
+ <ui_view
1313
1329
  class="view texts"
1314
1330
  >
1315
- <span
1331
+ <label
1316
1332
  class="text paragraph text label"
1317
1333
  >
1318
1334
  common.label.occupation_type_adult
1319
- </span>
1320
- <span
1335
+ </label>
1336
+ <ui_text
1321
1337
  class="text small text hint hint"
1322
1338
  >
1323
1339
  common.label.age_from
1324
- </span>
1325
- </div>
1340
+ </ui_text>
1341
+ </ui_view>
1326
1342
  <button
1327
1343
  class="pressable button small squared secondary"
1344
+ tabindex="0"
1328
1345
  >
1329
- <span
1346
+ <ui_icon
1330
1347
  class="icon headline-3"
1331
1348
  >
1332
1349
  <svg
@@ -1346,17 +1363,18 @@ exports[`component:<Occupation> prop:maxRooms 1`] = `
1346
1363
  d="M19 13H5v-2h14v2z"
1347
1364
  />
1348
1365
  </svg>
1349
- </span>
1366
+ </ui_icon>
1350
1367
  </button>
1351
- <span
1368
+ <ui_text
1352
1369
  class="text paragraph value"
1353
1370
  >
1354
1371
  2
1355
- </span>
1372
+ </ui_text>
1356
1373
  <button
1357
1374
  class="pressable button small squared secondary"
1375
+ tabindex="0"
1358
1376
  >
1359
- <span
1377
+ <ui_icon
1360
1378
  class="icon headline-3"
1361
1379
  >
1362
1380
  <svg
@@ -1376,37 +1394,37 @@ exports[`component:<Occupation> prop:maxRooms 1`] = `
1376
1394
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1377
1395
  />
1378
1396
  </svg>
1379
- </span>
1397
+ </ui_icon>
1380
1398
  </button>
1381
- </div>
1382
- <div
1399
+ </ui_input_number>
1400
+ <ui_input_number
1383
1401
  class="view row inputNumber"
1384
1402
  >
1385
- <div
1403
+ <ui_view
1386
1404
  class="view texts"
1387
1405
  >
1388
- <span
1406
+ <label
1389
1407
  class="text paragraph text label"
1390
1408
  >
1391
1409
  common.label.occupation_type_child
1392
- </span>
1393
- <span
1410
+ </label>
1411
+ <ui_text
1394
1412
  class="text small text hint hint"
1395
1413
  >
1396
1414
  common.label.age
1397
- <span
1415
+ <ui_text
1398
1416
  style="text-decoration: underline;"
1399
1417
  >
1400
1418
  up
1401
- </span>
1419
+ </ui_text>
1402
1420
  to
1403
- </span>
1404
- </div>
1421
+ </ui_text>
1422
+ </ui_view>
1405
1423
  <button
1406
1424
  class="pressable disabled button small squared disabled"
1407
1425
  disabled=""
1408
1426
  >
1409
- <span
1427
+ <ui_icon
1410
1428
  class="icon headline-3"
1411
1429
  >
1412
1430
  <svg
@@ -1426,17 +1444,18 @@ exports[`component:<Occupation> prop:maxRooms 1`] = `
1426
1444
  d="M19 13H5v-2h14v2z"
1427
1445
  />
1428
1446
  </svg>
1429
- </span>
1447
+ </ui_icon>
1430
1448
  </button>
1431
- <span
1449
+ <ui_text
1432
1450
  class="text paragraph value"
1433
1451
  >
1434
1452
  0
1435
- </span>
1453
+ </ui_text>
1436
1454
  <button
1437
1455
  class="pressable button small squared secondary"
1456
+ tabindex="0"
1438
1457
  >
1439
- <span
1458
+ <ui_icon
1440
1459
  class="icon headline-3"
1441
1460
  >
1442
1461
  <svg
@@ -1456,12 +1475,12 @@ exports[`component:<Occupation> prop:maxRooms 1`] = `
1456
1475
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1457
1476
  />
1458
1477
  </svg>
1459
- </span>
1478
+ </ui_icon>
1460
1479
  </button>
1461
- </div>
1462
- </div>
1463
- </div>
1464
- <div
1480
+ </ui_input_number>
1481
+ </ui_view>
1482
+ </ui_scrollview>
1483
+ <ui_view
1465
1484
  class="view row"
1466
1485
  >
1467
1486
  <button
@@ -1470,58 +1489,59 @@ exports[`component:<Occupation> prop:maxRooms 1`] = `
1470
1489
  >
1471
1490
  finder.action.add_place_type.room
1472
1491
  </button>
1473
- </div>
1474
- </div>
1492
+ </ui_view>
1493
+ </ui_view>
1475
1494
  </DocumentFragment>
1476
1495
  `;
1477
1496
 
1478
1497
  exports[`component:<Occupation> prop:minRooms 1`] = `
1479
1498
  <DocumentFragment>
1480
- <div
1499
+ <ui_view
1481
1500
  class="view"
1482
1501
  >
1483
- <div
1502
+ <ui_scrollview
1484
1503
  class="scrollview vertical notIndicator"
1485
1504
  >
1486
- <div
1505
+ <ui_view
1487
1506
  class="view wide"
1488
1507
  >
1489
- <div
1508
+ <ui_view
1490
1509
  class="view row"
1491
1510
  >
1492
- <span
1511
+ <ui_text
1493
1512
  class="text action"
1494
1513
  >
1495
1514
  finder.label.place
1496
- <span
1515
+ <ui_text
1497
1516
  style="text-decoration: underline;"
1498
1517
  >
1499
1518
  type
1500
- </span>
1519
+ </ui_text>
1501
1520
  count.room
1502
- </span>
1503
- </div>
1504
- <div
1521
+ </ui_text>
1522
+ </ui_view>
1523
+ <ui_input_number
1505
1524
  class="view row inputNumber"
1506
1525
  >
1507
- <div
1526
+ <ui_view
1508
1527
  class="view texts"
1509
1528
  >
1510
- <span
1529
+ <label
1511
1530
  class="text paragraph text label"
1512
1531
  >
1513
1532
  common.label.occupation_type_adult
1514
- </span>
1515
- <span
1533
+ </label>
1534
+ <ui_text
1516
1535
  class="text small text hint hint"
1517
1536
  >
1518
1537
  common.label.age_from
1519
- </span>
1520
- </div>
1538
+ </ui_text>
1539
+ </ui_view>
1521
1540
  <button
1522
1541
  class="pressable button small squared secondary"
1542
+ tabindex="0"
1523
1543
  >
1524
- <span
1544
+ <ui_icon
1525
1545
  class="icon headline-3"
1526
1546
  >
1527
1547
  <svg
@@ -1541,17 +1561,18 @@ exports[`component:<Occupation> prop:minRooms 1`] = `
1541
1561
  d="M19 13H5v-2h14v2z"
1542
1562
  />
1543
1563
  </svg>
1544
- </span>
1564
+ </ui_icon>
1545
1565
  </button>
1546
- <span
1566
+ <ui_text
1547
1567
  class="text paragraph value"
1548
1568
  >
1549
1569
  2
1550
- </span>
1570
+ </ui_text>
1551
1571
  <button
1552
1572
  class="pressable button small squared secondary"
1573
+ tabindex="0"
1553
1574
  >
1554
- <span
1575
+ <ui_icon
1555
1576
  class="icon headline-3"
1556
1577
  >
1557
1578
  <svg
@@ -1571,37 +1592,37 @@ exports[`component:<Occupation> prop:minRooms 1`] = `
1571
1592
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1572
1593
  />
1573
1594
  </svg>
1574
- </span>
1595
+ </ui_icon>
1575
1596
  </button>
1576
- </div>
1577
- <div
1597
+ </ui_input_number>
1598
+ <ui_input_number
1578
1599
  class="view row inputNumber"
1579
1600
  >
1580
- <div
1601
+ <ui_view
1581
1602
  class="view texts"
1582
1603
  >
1583
- <span
1604
+ <label
1584
1605
  class="text paragraph text label"
1585
1606
  >
1586
1607
  common.label.occupation_type_child
1587
- </span>
1588
- <span
1608
+ </label>
1609
+ <ui_text
1589
1610
  class="text small text hint hint"
1590
1611
  >
1591
1612
  common.label.age
1592
- <span
1613
+ <ui_text
1593
1614
  style="text-decoration: underline;"
1594
1615
  >
1595
1616
  up
1596
- </span>
1617
+ </ui_text>
1597
1618
  to
1598
- </span>
1599
- </div>
1619
+ </ui_text>
1620
+ </ui_view>
1600
1621
  <button
1601
1622
  class="pressable disabled button small squared disabled"
1602
1623
  disabled=""
1603
1624
  >
1604
- <span
1625
+ <ui_icon
1605
1626
  class="icon headline-3"
1606
1627
  >
1607
1628
  <svg
@@ -1621,17 +1642,18 @@ exports[`component:<Occupation> prop:minRooms 1`] = `
1621
1642
  d="M19 13H5v-2h14v2z"
1622
1643
  />
1623
1644
  </svg>
1624
- </span>
1645
+ </ui_icon>
1625
1646
  </button>
1626
- <span
1647
+ <ui_text
1627
1648
  class="text paragraph value"
1628
1649
  >
1629
1650
  0
1630
- </span>
1651
+ </ui_text>
1631
1652
  <button
1632
1653
  class="pressable button small squared secondary"
1654
+ tabindex="0"
1633
1655
  >
1634
- <span
1656
+ <ui_icon
1635
1657
  class="icon headline-3"
1636
1658
  >
1637
1659
  <svg
@@ -1651,49 +1673,50 @@ exports[`component:<Occupation> prop:minRooms 1`] = `
1651
1673
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1652
1674
  />
1653
1675
  </svg>
1654
- </span>
1676
+ </ui_icon>
1655
1677
  </button>
1656
- </div>
1657
- </div>
1658
- <div
1678
+ </ui_input_number>
1679
+ </ui_view>
1680
+ <ui_view
1659
1681
  class="view wide"
1660
1682
  >
1661
- <div
1683
+ <ui_view
1662
1684
  class="view row"
1663
1685
  >
1664
- <span
1686
+ <ui_text
1665
1687
  class="text action"
1666
1688
  >
1667
1689
  finder.label.place
1668
- <span
1690
+ <ui_text
1669
1691
  style="text-decoration: underline;"
1670
1692
  >
1671
1693
  type
1672
- </span>
1694
+ </ui_text>
1673
1695
  count.room
1674
- </span>
1675
- </div>
1676
- <div
1696
+ </ui_text>
1697
+ </ui_view>
1698
+ <ui_input_number
1677
1699
  class="view row inputNumber"
1678
1700
  >
1679
- <div
1701
+ <ui_view
1680
1702
  class="view texts"
1681
1703
  >
1682
- <span
1704
+ <label
1683
1705
  class="text paragraph text label"
1684
1706
  >
1685
1707
  common.label.occupation_type_adult
1686
- </span>
1687
- <span
1708
+ </label>
1709
+ <ui_text
1688
1710
  class="text small text hint hint"
1689
1711
  >
1690
1712
  common.label.age_from
1691
- </span>
1692
- </div>
1713
+ </ui_text>
1714
+ </ui_view>
1693
1715
  <button
1694
1716
  class="pressable button small squared secondary"
1717
+ tabindex="0"
1695
1718
  >
1696
- <span
1719
+ <ui_icon
1697
1720
  class="icon headline-3"
1698
1721
  >
1699
1722
  <svg
@@ -1713,17 +1736,18 @@ exports[`component:<Occupation> prop:minRooms 1`] = `
1713
1736
  d="M19 13H5v-2h14v2z"
1714
1737
  />
1715
1738
  </svg>
1716
- </span>
1739
+ </ui_icon>
1717
1740
  </button>
1718
- <span
1741
+ <ui_text
1719
1742
  class="text paragraph value"
1720
1743
  >
1721
1744
  2
1722
- </span>
1745
+ </ui_text>
1723
1746
  <button
1724
1747
  class="pressable button small squared secondary"
1748
+ tabindex="0"
1725
1749
  >
1726
- <span
1750
+ <ui_icon
1727
1751
  class="icon headline-3"
1728
1752
  >
1729
1753
  <svg
@@ -1743,37 +1767,37 @@ exports[`component:<Occupation> prop:minRooms 1`] = `
1743
1767
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1744
1768
  />
1745
1769
  </svg>
1746
- </span>
1770
+ </ui_icon>
1747
1771
  </button>
1748
- </div>
1749
- <div
1772
+ </ui_input_number>
1773
+ <ui_input_number
1750
1774
  class="view row inputNumber"
1751
1775
  >
1752
- <div
1776
+ <ui_view
1753
1777
  class="view texts"
1754
1778
  >
1755
- <span
1779
+ <label
1756
1780
  class="text paragraph text label"
1757
1781
  >
1758
1782
  common.label.occupation_type_child
1759
- </span>
1760
- <span
1783
+ </label>
1784
+ <ui_text
1761
1785
  class="text small text hint hint"
1762
1786
  >
1763
1787
  common.label.age
1764
- <span
1788
+ <ui_text
1765
1789
  style="text-decoration: underline;"
1766
1790
  >
1767
1791
  up
1768
- </span>
1792
+ </ui_text>
1769
1793
  to
1770
- </span>
1771
- </div>
1794
+ </ui_text>
1795
+ </ui_view>
1772
1796
  <button
1773
1797
  class="pressable disabled button small squared disabled"
1774
1798
  disabled=""
1775
1799
  >
1776
- <span
1800
+ <ui_icon
1777
1801
  class="icon headline-3"
1778
1802
  >
1779
1803
  <svg
@@ -1793,17 +1817,18 @@ exports[`component:<Occupation> prop:minRooms 1`] = `
1793
1817
  d="M19 13H5v-2h14v2z"
1794
1818
  />
1795
1819
  </svg>
1796
- </span>
1820
+ </ui_icon>
1797
1821
  </button>
1798
- <span
1822
+ <ui_text
1799
1823
  class="text paragraph value"
1800
1824
  >
1801
1825
  0
1802
- </span>
1826
+ </ui_text>
1803
1827
  <button
1804
1828
  class="pressable button small squared secondary"
1829
+ tabindex="0"
1805
1830
  >
1806
- <span
1831
+ <ui_icon
1807
1832
  class="icon headline-3"
1808
1833
  >
1809
1834
  <svg
@@ -1823,71 +1848,73 @@ exports[`component:<Occupation> prop:minRooms 1`] = `
1823
1848
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1824
1849
  />
1825
1850
  </svg>
1826
- </span>
1851
+ </ui_icon>
1827
1852
  </button>
1828
- </div>
1829
- </div>
1830
- </div>
1831
- <div
1853
+ </ui_input_number>
1854
+ </ui_view>
1855
+ </ui_scrollview>
1856
+ <ui_view
1832
1857
  class="view row"
1833
1858
  >
1834
1859
  <button
1835
1860
  class="pressable button secondary"
1861
+ tabindex="0"
1836
1862
  >
1837
1863
  finder.action.add_place_type.room
1838
1864
  </button>
1839
- </div>
1840
- </div>
1865
+ </ui_view>
1866
+ </ui_view>
1841
1867
  </DocumentFragment>
1842
1868
  `;
1843
1869
 
1844
1870
  exports[`component:<Occupation> prop:text 1`] = `
1845
1871
  <DocumentFragment>
1846
- <div
1872
+ <ui_view
1847
1873
  class="view"
1848
1874
  >
1849
- <div
1875
+ <ui_scrollview
1850
1876
  class="scrollview vertical notIndicator"
1851
1877
  >
1852
- <div
1878
+ <ui_view
1853
1879
  class="view wide"
1854
1880
  >
1855
- <div
1881
+ <ui_view
1856
1882
  class="view row"
1857
1883
  >
1858
- <span
1884
+ <ui_text
1859
1885
  class="text action"
1860
1886
  >
1861
1887
  finder.label.place
1862
- <span
1888
+ <ui_text
1863
1889
  style="text-decoration: underline;"
1864
1890
  >
1865
1891
  type
1866
- </span>
1892
+ </ui_text>
1867
1893
  count.room
1868
- </span>
1869
- </div>
1870
- <div
1894
+ </ui_text>
1895
+ </ui_view>
1896
+ <ui_input_number
1871
1897
  class="view row inputNumber"
1872
1898
  >
1873
- <div
1899
+ <ui_view
1874
1900
  class="view texts"
1875
1901
  >
1876
- <span
1902
+ <label
1877
1903
  class="text paragraph text label"
1878
1904
  >
1879
1905
  common.label.occupation_type_adult
1880
- </span>
1881
- <span
1906
+ </label>
1907
+ <ui_text
1882
1908
  class="text small text hint hint"
1883
1909
  >
1884
1910
  common.label.age_from
1885
- </span>
1886
- </div>
1911
+ </ui_text>
1912
+ </ui_view>
1887
1913
  <button
1888
1914
  class="pressable button small squared secondary"
1915
+ tabindex="0"
1889
1916
  >
1890
- <span
1917
+ <ui_icon
1891
1918
  class="icon headline-3"
1892
1919
  >
1893
1920
  <svg
@@ -1907,17 +1934,18 @@ exports[`component:<Occupation> prop:text 1`] = `
1907
1934
  d="M19 13H5v-2h14v2z"
1908
1935
  />
1909
1936
  </svg>
1910
- </span>
1937
+ </ui_icon>
1911
1938
  </button>
1912
- <span
1939
+ <ui_text
1913
1940
  class="text paragraph value"
1914
1941
  >
1915
1942
  2
1916
- </span>
1943
+ </ui_text>
1917
1944
  <button
1918
1945
  class="pressable button small squared secondary"
1946
+ tabindex="0"
1919
1947
  >
1920
- <span
1948
+ <ui_icon
1921
1949
  class="icon headline-3"
1922
1950
  >
1923
1951
  <svg
@@ -1937,37 +1965,37 @@ exports[`component:<Occupation> prop:text 1`] = `
1937
1965
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
1938
1966
  />
1939
1967
  </svg>
1940
- </span>
1968
+ </ui_icon>
1941
1969
  </button>
1942
- </div>
1943
- <div
1970
+ </ui_input_number>
1971
+ <ui_input_number
1944
1972
  class="view row inputNumber"
1945
1973
  >
1946
- <div
1974
+ <ui_view
1947
1975
  class="view texts"
1948
1976
  >
1949
- <span
1977
+ <label
1950
1978
  class="text paragraph text label"
1951
1979
  >
1952
1980
  common.label.occupation_type_child
1953
- </span>
1954
- <span
1981
+ </label>
1982
+ <ui_text
1955
1983
  class="text small text hint hint"
1956
1984
  >
1957
1985
  common.label.age
1958
- <span
1986
+ <ui_text
1959
1987
  style="text-decoration: underline;"
1960
1988
  >
1961
1989
  up
1962
- </span>
1990
+ </ui_text>
1963
1991
  to
1964
- </span>
1965
- </div>
1992
+ </ui_text>
1993
+ </ui_view>
1966
1994
  <button
1967
1995
  class="pressable disabled button small squared disabled"
1968
1996
  disabled=""
1969
1997
  >
1970
- <span
1998
+ <ui_icon
1971
1999
  class="icon headline-3"
1972
2000
  >
1973
2001
  <svg
@@ -1987,17 +2015,18 @@ exports[`component:<Occupation> prop:text 1`] = `
1987
2015
  d="M19 13H5v-2h14v2z"
1988
2016
  />
1989
2017
  </svg>
1990
- </span>
2018
+ </ui_icon>
1991
2019
  </button>
1992
- <span
2020
+ <ui_text
1993
2021
  class="text paragraph value"
1994
2022
  >
1995
2023
  0
1996
- </span>
2024
+ </ui_text>
1997
2025
  <button
1998
2026
  class="pressable button small squared secondary"
2027
+ tabindex="0"
1999
2028
  >
2000
- <span
2029
+ <ui_icon
2001
2030
  class="icon headline-3"
2002
2031
  >
2003
2032
  <svg
@@ -2017,34 +2046,35 @@ exports[`component:<Occupation> prop:text 1`] = `
2017
2046
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
2018
2047
  />
2019
2048
  </svg>
2020
- </span>
2049
+ </ui_icon>
2021
2050
  </button>
2022
- </div>
2023
- </div>
2024
- </div>
2025
- <div
2051
+ </ui_input_number>
2052
+ </ui_view>
2053
+ </ui_scrollview>
2054
+ <ui_view
2026
2055
  class="view row"
2027
2056
  >
2028
2057
  <button
2029
2058
  class="pressable button secondary"
2059
+ tabindex="0"
2030
2060
  >
2031
2061
  finder.action.add_place_type.room
2032
2062
  </button>
2033
- </div>
2034
- </div>
2063
+ </ui_view>
2064
+ </ui_view>
2035
2065
  </DocumentFragment>
2036
2066
  `;
2037
2067
 
2038
2068
  exports[`component:<Occupation> prop:value prop:error 1`] = `
2039
2069
  <DocumentFragment>
2040
- <div
2070
+ <ui_view
2041
2071
  class="view"
2042
2072
  l10n="[object Object]"
2043
2073
  >
2044
- <div
2074
+ <ui_notification
2045
2075
  class="view row notification error outlined small"
2046
2076
  >
2047
- <span
2077
+ <ui_icon
2048
2078
  class="icon paragraph"
2049
2079
  >
2050
2080
  <svg
@@ -2064,71 +2094,72 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2064
2094
  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"
2065
2095
  />
2066
2096
  </svg>
2067
- </span>
2068
- <div
2097
+ </ui_icon>
2098
+ <ui_view
2069
2099
  class="view texts"
2070
2100
  >
2071
- <span
2101
+ <ui_text
2072
2102
  class="text small"
2073
2103
  >
2074
2104
  common.notification.error
2075
- <span
2105
+ <ui_text
2076
2106
  style="text-decoration: underline;"
2077
2107
  >
2078
2108
  unfilled
2079
- </span>
2109
+ </ui_text>
2080
2110
  fields
2081
- </span>
2082
- </div>
2083
- </div>
2084
- <div
2111
+ </ui_text>
2112
+ </ui_view>
2113
+ </ui_notification>
2114
+ <ui_scrollview
2085
2115
  class="scrollview vertical notIndicator"
2086
2116
  >
2087
- <div
2117
+ <ui_view
2088
2118
  class="view wide"
2089
2119
  >
2090
- <div
2120
+ <ui_view
2091
2121
  class="view row"
2092
2122
  >
2093
- <span
2123
+ <ui_text
2094
2124
  class="text action"
2095
2125
  >
2096
2126
  finder.label.place
2097
- <span
2127
+ <ui_text
2098
2128
  style="text-decoration: underline;"
2099
2129
  >
2100
2130
  type
2101
- </span>
2131
+ </ui_text>
2102
2132
  count.room
2103
- </span>
2104
- <button
2133
+ </ui_text>
2134
+ <ui_action
2105
2135
  class="pressable action small"
2136
+ tabindex="0"
2106
2137
  >
2107
2138
  finder.action.remove
2108
- </button>
2109
- </div>
2110
- <div
2139
+ </ui_action>
2140
+ </ui_view>
2141
+ <ui_input_number
2111
2142
  class="view row inputNumber"
2112
2143
  >
2113
- <div
2144
+ <ui_view
2114
2145
  class="view texts"
2115
2146
  >
2116
- <span
2147
+ <label
2117
2148
  class="text paragraph text label"
2118
2149
  >
2119
2150
  common.label.occupation_type_adult
2120
- </span>
2121
- <span
2151
+ </label>
2152
+ <ui_text
2122
2153
  class="text small text hint hint"
2123
2154
  >
2124
2155
  common.label.age_from
2125
- </span>
2126
- </div>
2156
+ </ui_text>
2157
+ </ui_view>
2127
2158
  <button
2128
2159
  class="pressable disabled button small squared disabled"
2129
2160
  disabled=""
2130
2161
  >
2131
- <span
2162
+ <ui_icon
2132
2163
  class="icon headline-3"
2133
2164
  >
2134
2165
  <svg
@@ -2148,17 +2179,18 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2148
2179
  d="M19 13H5v-2h14v2z"
2149
2180
  />
2150
2181
  </svg>
2151
- </span>
2182
+ </ui_icon>
2152
2183
  </button>
2153
- <span
2184
+ <ui_text
2154
2185
  class="text paragraph value"
2155
2186
  >
2156
2187
  2
2157
- </span>
2188
+ </ui_text>
2158
2189
  <button
2159
2190
  class="pressable button small squared secondary"
2191
+ tabindex="0"
2160
2192
  >
2161
- <span
2193
+ <ui_icon
2162
2194
  class="icon headline-3"
2163
2195
  >
2164
2196
  <svg
@@ -2178,36 +2210,37 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2178
2210
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
2179
2211
  />
2180
2212
  </svg>
2181
- </span>
2213
+ </ui_icon>
2182
2214
  </button>
2183
- </div>
2184
- <div
2215
+ </ui_input_number>
2216
+ <ui_input_number
2185
2217
  class="view row inputNumber"
2186
2218
  >
2187
- <div
2219
+ <ui_view
2188
2220
  class="view texts"
2189
2221
  >
2190
- <span
2222
+ <label
2191
2223
  class="text paragraph text label"
2192
2224
  >
2193
2225
  common.label.occupation_type_child
2194
- </span>
2195
- <span
2226
+ </label>
2227
+ <ui_text
2196
2228
  class="text small text hint hint"
2197
2229
  >
2198
2230
  common.label.age
2199
- <span
2231
+ <ui_text
2200
2232
  style="text-decoration: underline;"
2201
2233
  >
2202
2234
  up
2203
- </span>
2235
+ </ui_text>
2204
2236
  to
2205
- </span>
2206
- </div>
2237
+ </ui_text>
2238
+ </ui_view>
2207
2239
  <button
2208
2240
  class="pressable button small squared secondary"
2241
+ tabindex="0"
2209
2242
  >
2210
- <span
2243
+ <ui_icon
2211
2244
  class="icon headline-3"
2212
2245
  >
2213
2246
  <svg
@@ -2227,18 +2260,18 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2227
2260
  d="M19 13H5v-2h14v2z"
2228
2261
  />
2229
2262
  </svg>
2230
- </span>
2263
+ </ui_icon>
2231
2264
  </button>
2232
- <span
2265
+ <ui_text
2233
2266
  class="text paragraph value"
2234
2267
  >
2235
2268
  2
2236
- </span>
2269
+ </ui_text>
2237
2270
  <button
2238
2271
  class="pressable disabled button small squared disabled"
2239
2272
  disabled=""
2240
2273
  >
2241
- <span
2274
+ <ui_icon
2242
2275
  class="icon headline-3"
2243
2276
  >
2244
2277
  <svg
@@ -2258,22 +2291,22 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2258
2291
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
2259
2292
  />
2260
2293
  </svg>
2261
- </span>
2294
+ </ui_icon>
2262
2295
  </button>
2263
- </div>
2264
- <div
2296
+ </ui_input_number>
2297
+ <ui_view
2265
2298
  class="view"
2266
2299
  >
2267
- <div
2300
+ <ui_view
2268
2301
  class="view row"
2269
2302
  >
2270
- <div
2303
+ <ui_view
2271
2304
  class="view inputContainer"
2272
2305
  >
2273
- <div
2306
+ <ui_view
2274
2307
  class="view row inputBorder"
2275
2308
  >
2276
- <div
2309
+ <ui_view
2277
2310
  class="view wide content"
2278
2311
  >
2279
2312
  <select
@@ -2376,8 +2409,8 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2376
2409
  17
2377
2410
  </option>
2378
2411
  </select>
2379
- </div>
2380
- <span
2412
+ </ui_view>
2413
+ <ui_icon
2381
2414
  class="icon headline-3 icon expand"
2382
2415
  >
2383
2416
  <svg
@@ -2398,16 +2431,16 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2398
2431
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
2399
2432
  />
2400
2433
  </svg>
2401
- </span>
2402
- </div>
2403
- </div>
2404
- <div
2434
+ </ui_icon>
2435
+ </ui_view>
2436
+ </ui_view>
2437
+ <ui_view
2405
2438
  class="view inputContainer"
2406
2439
  >
2407
- <div
2440
+ <ui_view
2408
2441
  class="view row inputBorder"
2409
2442
  >
2410
- <div
2443
+ <ui_view
2411
2444
  class="view wide content"
2412
2445
  >
2413
2446
  <select
@@ -2510,8 +2543,8 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2510
2543
  17
2511
2544
  </option>
2512
2545
  </select>
2513
- </div>
2514
- <span
2546
+ </ui_view>
2547
+ <ui_icon
2515
2548
  class="icon headline-3 icon expand"
2516
2549
  >
2517
2550
  <svg
@@ -2532,62 +2565,63 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2532
2565
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
2533
2566
  />
2534
2567
  </svg>
2535
- </span>
2536
- </div>
2537
- </div>
2538
- </div>
2539
- <span
2568
+ </ui_icon>
2569
+ </ui_view>
2570
+ </ui_view>
2571
+ </ui_view>
2572
+ <ui_text
2540
2573
  class="text light small"
2541
2574
  >
2542
2575
  common.label.age_hint
2543
- </span>
2544
- </div>
2545
- </div>
2546
- <div
2576
+ </ui_text>
2577
+ </ui_view>
2578
+ </ui_view>
2579
+ <ui_view
2547
2580
  class="view wide"
2548
2581
  >
2549
- <div
2582
+ <ui_view
2550
2583
  class="view row"
2551
2584
  >
2552
- <span
2585
+ <ui_text
2553
2586
  class="text action"
2554
2587
  >
2555
2588
  finder.label.place
2556
- <span
2589
+ <ui_text
2557
2590
  style="text-decoration: underline;"
2558
2591
  >
2559
2592
  type
2560
- </span>
2593
+ </ui_text>
2561
2594
  count.room
2562
- </span>
2563
- <button
2595
+ </ui_text>
2596
+ <ui_action
2564
2597
  class="pressable action small"
2598
+ tabindex="0"
2565
2599
  >
2566
2600
  finder.action.remove
2567
- </button>
2568
- </div>
2569
- <div
2601
+ </ui_action>
2602
+ </ui_view>
2603
+ <ui_input_number
2570
2604
  class="view row inputNumber"
2571
2605
  >
2572
- <div
2606
+ <ui_view
2573
2607
  class="view texts"
2574
2608
  >
2575
- <span
2609
+ <label
2576
2610
  class="text paragraph text label"
2577
2611
  >
2578
2612
  common.label.occupation_type_adult
2579
- </span>
2580
- <span
2613
+ </label>
2614
+ <ui_text
2581
2615
  class="text small text hint hint"
2582
2616
  >
2583
2617
  common.label.age_from
2584
- </span>
2585
- </div>
2618
+ </ui_text>
2619
+ </ui_view>
2586
2620
  <button
2587
2621
  class="pressable disabled button small squared disabled"
2588
2622
  disabled=""
2589
2623
  >
2590
- <span
2624
+ <ui_icon
2591
2625
  class="icon headline-3"
2592
2626
  >
2593
2627
  <svg
@@ -2607,17 +2641,18 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2607
2641
  d="M19 13H5v-2h14v2z"
2608
2642
  />
2609
2643
  </svg>
2610
- </span>
2644
+ </ui_icon>
2611
2645
  </button>
2612
- <span
2646
+ <ui_text
2613
2647
  class="text paragraph value"
2614
2648
  >
2615
2649
  2
2616
- </span>
2650
+ </ui_text>
2617
2651
  <button
2618
2652
  class="pressable button small squared secondary"
2653
+ tabindex="0"
2619
2654
  >
2620
- <span
2655
+ <ui_icon
2621
2656
  class="icon headline-3"
2622
2657
  >
2623
2658
  <svg
@@ -2637,37 +2672,37 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2637
2672
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
2638
2673
  />
2639
2674
  </svg>
2640
- </span>
2675
+ </ui_icon>
2641
2676
  </button>
2642
- </div>
2643
- <div
2677
+ </ui_input_number>
2678
+ <ui_input_number
2644
2679
  class="view row inputNumber"
2645
2680
  >
2646
- <div
2681
+ <ui_view
2647
2682
  class="view texts"
2648
2683
  >
2649
- <span
2684
+ <label
2650
2685
  class="text paragraph text label"
2651
2686
  >
2652
2687
  common.label.occupation_type_child
2653
- </span>
2654
- <span
2688
+ </label>
2689
+ <ui_text
2655
2690
  class="text small text hint hint"
2656
2691
  >
2657
2692
  common.label.age
2658
- <span
2693
+ <ui_text
2659
2694
  style="text-decoration: underline;"
2660
2695
  >
2661
2696
  up
2662
- </span>
2697
+ </ui_text>
2663
2698
  to
2664
- </span>
2665
- </div>
2699
+ </ui_text>
2700
+ </ui_view>
2666
2701
  <button
2667
2702
  class="pressable disabled button small squared disabled"
2668
2703
  disabled=""
2669
2704
  >
2670
- <span
2705
+ <ui_icon
2671
2706
  class="icon headline-3"
2672
2707
  >
2673
2708
  <svg
@@ -2687,17 +2722,18 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2687
2722
  d="M19 13H5v-2h14v2z"
2688
2723
  />
2689
2724
  </svg>
2690
- </span>
2725
+ </ui_icon>
2691
2726
  </button>
2692
- <span
2727
+ <ui_text
2693
2728
  class="text paragraph value"
2694
2729
  >
2695
2730
  0
2696
- </span>
2731
+ </ui_text>
2697
2732
  <button
2698
2733
  class="pressable button small squared secondary"
2734
+ tabindex="0"
2699
2735
  >
2700
- <span
2736
+ <ui_icon
2701
2737
  class="icon headline-3"
2702
2738
  >
2703
2739
  <svg
@@ -2717,80 +2753,82 @@ exports[`component:<Occupation> prop:value prop:error 1`] = `
2717
2753
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
2718
2754
  />
2719
2755
  </svg>
2720
- </span>
2756
+ </ui_icon>
2721
2757
  </button>
2722
- </div>
2723
- </div>
2724
- </div>
2725
- <div
2758
+ </ui_input_number>
2759
+ </ui_view>
2760
+ </ui_scrollview>
2761
+ <ui_view
2726
2762
  class="view row"
2727
2763
  >
2728
2764
  <button
2729
2765
  class="pressable button secondary"
2766
+ tabindex="0"
2730
2767
  >
2731
2768
  finder.action.add_place_type.room
2732
2769
  </button>
2733
- </div>
2734
- </div>
2770
+ </ui_view>
2771
+ </ui_view>
2735
2772
  </DocumentFragment>
2736
2773
  `;
2737
2774
 
2738
2775
  exports[`component:<Occupation> removing a room 1`] = `
2739
2776
  <DocumentFragment>
2740
- <div
2777
+ <ui_view
2741
2778
  class="view"
2742
2779
  data-testid="occupation"
2743
2780
  l10n="[object Object]"
2744
2781
  >
2745
- <div
2782
+ <ui_scrollview
2746
2783
  class="scrollview vertical notIndicator"
2747
2784
  >
2748
- <div
2785
+ <ui_view
2749
2786
  class="view wide"
2750
2787
  >
2751
- <div
2788
+ <ui_view
2752
2789
  class="view row"
2753
2790
  >
2754
- <span
2791
+ <ui_text
2755
2792
  class="text action"
2756
2793
  >
2757
2794
  finder.label.place
2758
- <span
2795
+ <ui_text
2759
2796
  style="text-decoration: underline;"
2760
2797
  >
2761
2798
  type
2762
- </span>
2799
+ </ui_text>
2763
2800
  count.room
2764
- </span>
2765
- <button
2801
+ </ui_text>
2802
+ <ui_action
2766
2803
  class="pressable action small"
2767
2804
  data-testid="occupation-remove-room-0"
2805
+ tabindex="0"
2768
2806
  >
2769
2807
  finder.action.remove
2770
- </button>
2771
- </div>
2772
- <div
2808
+ </ui_action>
2809
+ </ui_view>
2810
+ <ui_input_number
2773
2811
  class="view row inputNumber"
2774
2812
  >
2775
- <div
2813
+ <ui_view
2776
2814
  class="view texts"
2777
2815
  >
2778
- <span
2816
+ <label
2779
2817
  class="text paragraph text label"
2780
2818
  >
2781
2819
  common.label.occupation_type_adult
2782
- </span>
2783
- <span
2820
+ </label>
2821
+ <ui_text
2784
2822
  class="text small text hint hint"
2785
2823
  >
2786
2824
  common.label.age_from
2787
- </span>
2788
- </div>
2825
+ </ui_text>
2826
+ </ui_view>
2789
2827
  <button
2790
2828
  class="pressable disabled button small squared disabled"
2791
2829
  disabled=""
2792
2830
  >
2793
- <span
2831
+ <ui_icon
2794
2832
  class="icon headline-3"
2795
2833
  >
2796
2834
  <svg
@@ -2810,17 +2848,18 @@ exports[`component:<Occupation> removing a room 1`] = `
2810
2848
  d="M19 13H5v-2h14v2z"
2811
2849
  />
2812
2850
  </svg>
2813
- </span>
2851
+ </ui_icon>
2814
2852
  </button>
2815
- <span
2853
+ <ui_text
2816
2854
  class="text paragraph value"
2817
2855
  >
2818
2856
  2
2819
- </span>
2857
+ </ui_text>
2820
2858
  <button
2821
2859
  class="pressable button small squared secondary"
2860
+ tabindex="0"
2822
2861
  >
2823
- <span
2862
+ <ui_icon
2824
2863
  class="icon headline-3"
2825
2864
  >
2826
2865
  <svg
@@ -2840,36 +2879,37 @@ exports[`component:<Occupation> removing a room 1`] = `
2840
2879
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
2841
2880
  />
2842
2881
  </svg>
2843
- </span>
2882
+ </ui_icon>
2844
2883
  </button>
2845
- </div>
2846
- <div
2884
+ </ui_input_number>
2885
+ <ui_input_number
2847
2886
  class="view row inputNumber"
2848
2887
  >
2849
- <div
2888
+ <ui_view
2850
2889
  class="view texts"
2851
2890
  >
2852
- <span
2891
+ <label
2853
2892
  class="text paragraph text label"
2854
2893
  >
2855
2894
  common.label.occupation_type_child
2856
- </span>
2857
- <span
2895
+ </label>
2896
+ <ui_text
2858
2897
  class="text small text hint hint"
2859
2898
  >
2860
2899
  common.label.age
2861
- <span
2900
+ <ui_text
2862
2901
  style="text-decoration: underline;"
2863
2902
  >
2864
2903
  up
2865
- </span>
2904
+ </ui_text>
2866
2905
  to
2867
- </span>
2868
- </div>
2906
+ </ui_text>
2907
+ </ui_view>
2869
2908
  <button
2870
2909
  class="pressable button small squared secondary"
2910
+ tabindex="0"
2871
2911
  >
2872
- <span
2912
+ <ui_icon
2873
2913
  class="icon headline-3"
2874
2914
  >
2875
2915
  <svg
@@ -2889,18 +2929,18 @@ exports[`component:<Occupation> removing a room 1`] = `
2889
2929
  d="M19 13H5v-2h14v2z"
2890
2930
  />
2891
2931
  </svg>
2892
- </span>
2932
+ </ui_icon>
2893
2933
  </button>
2894
- <span
2934
+ <ui_text
2895
2935
  class="text paragraph value"
2896
2936
  >
2897
2937
  2
2898
- </span>
2938
+ </ui_text>
2899
2939
  <button
2900
2940
  class="pressable disabled button small squared disabled"
2901
2941
  disabled=""
2902
2942
  >
2903
- <span
2943
+ <ui_icon
2904
2944
  class="icon headline-3"
2905
2945
  >
2906
2946
  <svg
@@ -2920,22 +2960,22 @@ exports[`component:<Occupation> removing a room 1`] = `
2920
2960
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
2921
2961
  />
2922
2962
  </svg>
2923
- </span>
2963
+ </ui_icon>
2924
2964
  </button>
2925
- </div>
2926
- <div
2965
+ </ui_input_number>
2966
+ <ui_view
2927
2967
  class="view"
2928
2968
  >
2929
- <div
2969
+ <ui_view
2930
2970
  class="view row"
2931
2971
  >
2932
- <div
2972
+ <ui_view
2933
2973
  class="view inputContainer"
2934
2974
  >
2935
- <div
2975
+ <ui_view
2936
2976
  class="view row inputBorder"
2937
2977
  >
2938
- <div
2978
+ <ui_view
2939
2979
  class="view wide content"
2940
2980
  >
2941
2981
  <select
@@ -3038,8 +3078,8 @@ exports[`component:<Occupation> removing a room 1`] = `
3038
3078
  17
3039
3079
  </option>
3040
3080
  </select>
3041
- </div>
3042
- <span
3081
+ </ui_view>
3082
+ <ui_icon
3043
3083
  class="icon headline-3 icon expand"
3044
3084
  >
3045
3085
  <svg
@@ -3060,16 +3100,16 @@ exports[`component:<Occupation> removing a room 1`] = `
3060
3100
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
3061
3101
  />
3062
3102
  </svg>
3063
- </span>
3064
- </div>
3065
- </div>
3066
- <div
3103
+ </ui_icon>
3104
+ </ui_view>
3105
+ </ui_view>
3106
+ <ui_view
3067
3107
  class="view inputContainer"
3068
3108
  >
3069
- <div
3109
+ <ui_view
3070
3110
  class="view row inputBorder"
3071
3111
  >
3072
- <div
3112
+ <ui_view
3073
3113
  class="view wide content"
3074
3114
  >
3075
3115
  <select
@@ -3172,8 +3212,8 @@ exports[`component:<Occupation> removing a room 1`] = `
3172
3212
  17
3173
3213
  </option>
3174
3214
  </select>
3175
- </div>
3176
- <span
3215
+ </ui_view>
3216
+ <ui_icon
3177
3217
  class="icon headline-3 icon expand"
3178
3218
  >
3179
3219
  <svg
@@ -3194,63 +3234,64 @@ exports[`component:<Occupation> removing a room 1`] = `
3194
3234
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
3195
3235
  />
3196
3236
  </svg>
3197
- </span>
3198
- </div>
3199
- </div>
3200
- </div>
3201
- <span
3237
+ </ui_icon>
3238
+ </ui_view>
3239
+ </ui_view>
3240
+ </ui_view>
3241
+ <ui_text
3202
3242
  class="text light small"
3203
3243
  >
3204
3244
  common.label.age_hint
3205
- </span>
3206
- </div>
3207
- </div>
3208
- <div
3245
+ </ui_text>
3246
+ </ui_view>
3247
+ </ui_view>
3248
+ <ui_view
3209
3249
  class="view wide"
3210
3250
  >
3211
- <div
3251
+ <ui_view
3212
3252
  class="view row"
3213
3253
  >
3214
- <span
3254
+ <ui_text
3215
3255
  class="text action"
3216
3256
  >
3217
3257
  finder.label.place
3218
- <span
3258
+ <ui_text
3219
3259
  style="text-decoration: underline;"
3220
3260
  >
3221
3261
  type
3222
- </span>
3262
+ </ui_text>
3223
3263
  count.room
3224
- </span>
3225
- <button
3264
+ </ui_text>
3265
+ <ui_action
3226
3266
  class="pressable action small"
3227
3267
  data-testid="occupation-remove-room-1"
3268
+ tabindex="0"
3228
3269
  >
3229
3270
  finder.action.remove
3230
- </button>
3231
- </div>
3232
- <div
3271
+ </ui_action>
3272
+ </ui_view>
3273
+ <ui_input_number
3233
3274
  class="view row inputNumber"
3234
3275
  >
3235
- <div
3276
+ <ui_view
3236
3277
  class="view texts"
3237
3278
  >
3238
- <span
3279
+ <label
3239
3280
  class="text paragraph text label"
3240
3281
  >
3241
3282
  common.label.occupation_type_adult
3242
- </span>
3243
- <span
3283
+ </label>
3284
+ <ui_text
3244
3285
  class="text small text hint hint"
3245
3286
  >
3246
3287
  common.label.age_from
3247
- </span>
3248
- </div>
3288
+ </ui_text>
3289
+ </ui_view>
3249
3290
  <button
3250
3291
  class="pressable disabled button small squared disabled"
3251
3292
  disabled=""
3252
3293
  >
3253
- <span
3294
+ <ui_icon
3254
3295
  class="icon headline-3"
3255
3296
  >
3256
3297
  <svg
@@ -3270,17 +3311,18 @@ exports[`component:<Occupation> removing a room 1`] = `
3270
3311
  d="M19 13H5v-2h14v2z"
3271
3312
  />
3272
3313
  </svg>
3273
- </span>
3314
+ </ui_icon>
3274
3315
  </button>
3275
- <span
3316
+ <ui_text
3276
3317
  class="text paragraph value"
3277
3318
  >
3278
3319
  2
3279
- </span>
3320
+ </ui_text>
3280
3321
  <button
3281
3322
  class="pressable button small squared secondary"
3323
+ tabindex="0"
3282
3324
  >
3283
- <span
3325
+ <ui_icon
3284
3326
  class="icon headline-3"
3285
3327
  >
3286
3328
  <svg
@@ -3300,37 +3342,37 @@ exports[`component:<Occupation> removing a room 1`] = `
3300
3342
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
3301
3343
  />
3302
3344
  </svg>
3303
- </span>
3345
+ </ui_icon>
3304
3346
  </button>
3305
- </div>
3306
- <div
3347
+ </ui_input_number>
3348
+ <ui_input_number
3307
3349
  class="view row inputNumber"
3308
3350
  >
3309
- <div
3351
+ <ui_view
3310
3352
  class="view texts"
3311
3353
  >
3312
- <span
3354
+ <label
3313
3355
  class="text paragraph text label"
3314
3356
  >
3315
3357
  common.label.occupation_type_child
3316
- </span>
3317
- <span
3358
+ </label>
3359
+ <ui_text
3318
3360
  class="text small text hint hint"
3319
3361
  >
3320
3362
  common.label.age
3321
- <span
3363
+ <ui_text
3322
3364
  style="text-decoration: underline;"
3323
3365
  >
3324
3366
  up
3325
- </span>
3367
+ </ui_text>
3326
3368
  to
3327
- </span>
3328
- </div>
3369
+ </ui_text>
3370
+ </ui_view>
3329
3371
  <button
3330
3372
  class="pressable disabled button small squared disabled"
3331
3373
  disabled=""
3332
3374
  >
3333
- <span
3375
+ <ui_icon
3334
3376
  class="icon headline-3"
3335
3377
  >
3336
3378
  <svg
@@ -3350,17 +3392,18 @@ exports[`component:<Occupation> removing a room 1`] = `
3350
3392
  d="M19 13H5v-2h14v2z"
3351
3393
  />
3352
3394
  </svg>
3353
- </span>
3395
+ </ui_icon>
3354
3396
  </button>
3355
- <span
3397
+ <ui_text
3356
3398
  class="text paragraph value"
3357
3399
  >
3358
3400
  0
3359
- </span>
3401
+ </ui_text>
3360
3402
  <button
3361
3403
  class="pressable button small squared secondary"
3404
+ tabindex="0"
3362
3405
  >
3363
- <span
3406
+ <ui_icon
3364
3407
  class="icon headline-3"
3365
3408
  >
3366
3409
  <svg
@@ -3380,73 +3423,75 @@ exports[`component:<Occupation> removing a room 1`] = `
3380
3423
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
3381
3424
  />
3382
3425
  </svg>
3383
- </span>
3426
+ </ui_icon>
3384
3427
  </button>
3385
- </div>
3386
- </div>
3387
- </div>
3388
- <div
3428
+ </ui_input_number>
3429
+ </ui_view>
3430
+ </ui_scrollview>
3431
+ <ui_view
3389
3432
  class="view row"
3390
3433
  >
3391
3434
  <button
3392
3435
  class="pressable button secondary"
3393
3436
  data-testid="occupation-add-room"
3437
+ tabindex="0"
3394
3438
  >
3395
3439
  finder.action.add_place_type.room
3396
3440
  </button>
3397
- </div>
3398
- </div>
3441
+ </ui_view>
3442
+ </ui_view>
3399
3443
  </DocumentFragment>
3400
3444
  `;
3401
3445
 
3402
3446
  exports[`component:<Occupation> renders 1`] = `
3403
3447
  <DocumentFragment>
3404
- <div
3448
+ <ui_view
3405
3449
  class="view"
3406
3450
  l10n="[object Object]"
3407
3451
  >
3408
- <div
3452
+ <ui_scrollview
3409
3453
  class="scrollview vertical notIndicator"
3410
3454
  >
3411
- <div
3455
+ <ui_view
3412
3456
  class="view wide"
3413
3457
  >
3414
- <div
3458
+ <ui_view
3415
3459
  class="view row"
3416
3460
  >
3417
- <span
3461
+ <ui_text
3418
3462
  class="text action"
3419
3463
  >
3420
3464
  finder.label.place
3421
- <span
3465
+ <ui_text
3422
3466
  style="text-decoration: underline;"
3423
3467
  >
3424
3468
  type
3425
- </span>
3469
+ </ui_text>
3426
3470
  count.room
3427
- </span>
3428
- </div>
3429
- <div
3471
+ </ui_text>
3472
+ </ui_view>
3473
+ <ui_input_number
3430
3474
  class="view row inputNumber"
3431
3475
  >
3432
- <div
3476
+ <ui_view
3433
3477
  class="view texts"
3434
3478
  >
3435
- <span
3479
+ <label
3436
3480
  class="text paragraph text label"
3437
3481
  >
3438
3482
  common.label.occupation_type_adult
3439
- </span>
3440
- <span
3483
+ </label>
3484
+ <ui_text
3441
3485
  class="text small text hint hint"
3442
3486
  >
3443
3487
  common.label.age_from
3444
- </span>
3445
- </div>
3488
+ </ui_text>
3489
+ </ui_view>
3446
3490
  <button
3447
3491
  class="pressable button small squared secondary"
3492
+ tabindex="0"
3448
3493
  >
3449
- <span
3494
+ <ui_icon
3450
3495
  class="icon headline-3"
3451
3496
  >
3452
3497
  <svg
@@ -3466,17 +3511,18 @@ exports[`component:<Occupation> renders 1`] = `
3466
3511
  d="M19 13H5v-2h14v2z"
3467
3512
  />
3468
3513
  </svg>
3469
- </span>
3514
+ </ui_icon>
3470
3515
  </button>
3471
- <span
3516
+ <ui_text
3472
3517
  class="text paragraph value"
3473
3518
  >
3474
3519
  2
3475
- </span>
3520
+ </ui_text>
3476
3521
  <button
3477
3522
  class="pressable button small squared secondary"
3523
+ tabindex="0"
3478
3524
  >
3479
- <span
3525
+ <ui_icon
3480
3526
  class="icon headline-3"
3481
3527
  >
3482
3528
  <svg
@@ -3496,37 +3542,37 @@ exports[`component:<Occupation> renders 1`] = `
3496
3542
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
3497
3543
  />
3498
3544
  </svg>
3499
- </span>
3545
+ </ui_icon>
3500
3546
  </button>
3501
- </div>
3502
- <div
3547
+ </ui_input_number>
3548
+ <ui_input_number
3503
3549
  class="view row inputNumber"
3504
3550
  >
3505
- <div
3551
+ <ui_view
3506
3552
  class="view texts"
3507
3553
  >
3508
- <span
3554
+ <label
3509
3555
  class="text paragraph text label"
3510
3556
  >
3511
3557
  common.label.occupation_type_child
3512
- </span>
3513
- <span
3558
+ </label>
3559
+ <ui_text
3514
3560
  class="text small text hint hint"
3515
3561
  >
3516
3562
  common.label.age
3517
- <span
3563
+ <ui_text
3518
3564
  style="text-decoration: underline;"
3519
3565
  >
3520
3566
  up
3521
- </span>
3567
+ </ui_text>
3522
3568
  to
3523
- </span>
3524
- </div>
3569
+ </ui_text>
3570
+ </ui_view>
3525
3571
  <button
3526
3572
  class="pressable disabled button small squared disabled"
3527
3573
  disabled=""
3528
3574
  >
3529
- <span
3575
+ <ui_icon
3530
3576
  class="icon headline-3"
3531
3577
  >
3532
3578
  <svg
@@ -3546,17 +3592,18 @@ exports[`component:<Occupation> renders 1`] = `
3546
3592
  d="M19 13H5v-2h14v2z"
3547
3593
  />
3548
3594
  </svg>
3549
- </span>
3595
+ </ui_icon>
3550
3596
  </button>
3551
- <span
3597
+ <ui_text
3552
3598
  class="text paragraph value"
3553
3599
  >
3554
3600
  0
3555
- </span>
3601
+ </ui_text>
3556
3602
  <button
3557
3603
  class="pressable button small squared secondary"
3604
+ tabindex="0"
3558
3605
  >
3559
- <span
3606
+ <ui_icon
3560
3607
  class="icon headline-3"
3561
3608
  >
3562
3609
  <svg
@@ -3576,74 +3623,75 @@ exports[`component:<Occupation> renders 1`] = `
3576
3623
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
3577
3624
  />
3578
3625
  </svg>
3579
- </span>
3626
+ </ui_icon>
3580
3627
  </button>
3581
- </div>
3582
- </div>
3583
- </div>
3584
- <div
3628
+ </ui_input_number>
3629
+ </ui_view>
3630
+ </ui_scrollview>
3631
+ <ui_view
3585
3632
  class="view row"
3586
3633
  >
3587
3634
  <button
3588
3635
  class="pressable button secondary"
3636
+ tabindex="0"
3589
3637
  >
3590
3638
  finder.action.add_place_type.room
3591
3639
  </button>
3592
- </div>
3593
- </div>
3640
+ </ui_view>
3641
+ </ui_view>
3594
3642
  </DocumentFragment>
3595
3643
  `;
3596
3644
 
3597
3645
  exports[`component:<Occupation> testID 1`] = `
3598
3646
  <DocumentFragment>
3599
- <div
3647
+ <ui_view
3600
3648
  class="view"
3601
3649
  data-testid="mirai"
3602
3650
  l10n="[object Object]"
3603
3651
  >
3604
- <div
3652
+ <ui_scrollview
3605
3653
  class="scrollview vertical notIndicator"
3606
3654
  >
3607
- <div
3655
+ <ui_view
3608
3656
  class="view wide"
3609
3657
  >
3610
- <div
3658
+ <ui_view
3611
3659
  class="view row"
3612
3660
  >
3613
- <span
3661
+ <ui_text
3614
3662
  class="text action"
3615
3663
  >
3616
3664
  finder.label.place
3617
- <span
3665
+ <ui_text
3618
3666
  style="text-decoration: underline;"
3619
3667
  >
3620
3668
  type
3621
- </span>
3669
+ </ui_text>
3622
3670
  count.room
3623
- </span>
3624
- </div>
3625
- <div
3671
+ </ui_text>
3672
+ </ui_view>
3673
+ <ui_input_number
3626
3674
  class="view row inputNumber"
3627
3675
  >
3628
- <div
3676
+ <ui_view
3629
3677
  class="view texts"
3630
3678
  >
3631
- <span
3679
+ <label
3632
3680
  class="text paragraph text label"
3633
3681
  >
3634
3682
  common.label.occupation_type_adult
3635
- </span>
3636
- <span
3683
+ </label>
3684
+ <ui_text
3637
3685
  class="text small text hint hint"
3638
3686
  >
3639
3687
  common.label.age_from
3640
- </span>
3641
- </div>
3688
+ </ui_text>
3689
+ </ui_view>
3642
3690
  <button
3643
3691
  class="pressable disabled button small squared disabled"
3644
3692
  disabled=""
3645
3693
  >
3646
- <span
3694
+ <ui_icon
3647
3695
  class="icon headline-3"
3648
3696
  >
3649
3697
  <svg
@@ -3663,17 +3711,18 @@ exports[`component:<Occupation> testID 1`] = `
3663
3711
  d="M19 13H5v-2h14v2z"
3664
3712
  />
3665
3713
  </svg>
3666
- </span>
3714
+ </ui_icon>
3667
3715
  </button>
3668
- <span
3716
+ <ui_text
3669
3717
  class="text paragraph value"
3670
3718
  >
3671
3719
  2
3672
- </span>
3720
+ </ui_text>
3673
3721
  <button
3674
3722
  class="pressable button small squared secondary"
3723
+ tabindex="0"
3675
3724
  >
3676
- <span
3725
+ <ui_icon
3677
3726
  class="icon headline-3"
3678
3727
  >
3679
3728
  <svg
@@ -3693,37 +3742,37 @@ exports[`component:<Occupation> testID 1`] = `
3693
3742
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
3694
3743
  />
3695
3744
  </svg>
3696
- </span>
3745
+ </ui_icon>
3697
3746
  </button>
3698
- </div>
3699
- <div
3747
+ </ui_input_number>
3748
+ <ui_input_number
3700
3749
  class="view row inputNumber"
3701
3750
  >
3702
- <div
3751
+ <ui_view
3703
3752
  class="view texts"
3704
3753
  >
3705
- <span
3754
+ <label
3706
3755
  class="text paragraph text label"
3707
3756
  >
3708
3757
  common.label.occupation_type_child
3709
- </span>
3710
- <span
3758
+ </label>
3759
+ <ui_text
3711
3760
  class="text small text hint hint"
3712
3761
  >
3713
3762
  common.label.age
3714
- <span
3763
+ <ui_text
3715
3764
  style="text-decoration: underline;"
3716
3765
  >
3717
3766
  up
3718
- </span>
3767
+ </ui_text>
3719
3768
  to
3720
- </span>
3721
- </div>
3769
+ </ui_text>
3770
+ </ui_view>
3722
3771
  <button
3723
3772
  class="pressable disabled button small squared disabled"
3724
3773
  disabled=""
3725
3774
  >
3726
- <span
3775
+ <ui_icon
3727
3776
  class="icon headline-3"
3728
3777
  >
3729
3778
  <svg
@@ -3743,17 +3792,18 @@ exports[`component:<Occupation> testID 1`] = `
3743
3792
  d="M19 13H5v-2h14v2z"
3744
3793
  />
3745
3794
  </svg>
3746
- </span>
3795
+ </ui_icon>
3747
3796
  </button>
3748
- <span
3797
+ <ui_text
3749
3798
  class="text paragraph value"
3750
3799
  >
3751
3800
  0
3752
- </span>
3801
+ </ui_text>
3753
3802
  <button
3754
3803
  class="pressable button small squared secondary"
3804
+ tabindex="0"
3755
3805
  >
3756
- <span
3806
+ <ui_icon
3757
3807
  class="icon headline-3"
3758
3808
  >
3759
3809
  <svg
@@ -3773,21 +3823,22 @@ exports[`component:<Occupation> testID 1`] = `
3773
3823
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
3774
3824
  />
3775
3825
  </svg>
3776
- </span>
3826
+ </ui_icon>
3777
3827
  </button>
3778
- </div>
3779
- </div>
3780
- </div>
3781
- <div
3828
+ </ui_input_number>
3829
+ </ui_view>
3830
+ </ui_scrollview>
3831
+ <ui_view
3782
3832
  class="view row"
3783
3833
  >
3784
3834
  <button
3785
3835
  class="pressable button secondary"
3786
3836
  data-testid="mirai-add-room"
3837
+ tabindex="0"
3787
3838
  >
3788
3839
  finder.action.add_place_type.room
3789
3840
  </button>
3790
- </div>
3791
- </div>
3841
+ </ui_view>
3842
+ </ui_view>
3792
3843
  </DocumentFragment>
3793
3844
  `;