@mirai/core 0.3.335 → 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 (94) 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/Finder.js +2 -1
  24. package/build/components/Finder/Finder.js.map +1 -1
  25. package/build/components/Finder/__tests__/__snapshots__/Finder.test.js.snap +8106 -7994
  26. package/build/components/Finder/components/Calendar/__tests__/__snapshots__/Calendar.test.js.snap +4325 -4318
  27. package/build/components/Finder/components/Places/__tests__/__snapshots__/Places.test.js.snap +139 -115
  28. package/build/components/Profile/components/Bookings/__tests__/__snapshots__/Bookings.test.js.snap +6 -6
  29. package/build/components/Rates/Rates.Footer.js +5 -2
  30. package/build/components/Rates/Rates.Footer.js.map +1 -1
  31. package/build/components/Rates/Rates.RoomSelector.js +7 -14
  32. package/build/components/Rates/Rates.RoomSelector.js.map +1 -1
  33. package/build/components/Rates/Rates.js +13 -7
  34. package/build/components/Rates/Rates.js.map +1 -1
  35. package/build/components/Rates/Rates.module.css +7 -51
  36. package/build/components/Rates/components/Filters/Filters.js +1 -0
  37. package/build/components/Rates/components/Filters/Filters.js.map +1 -1
  38. package/build/components/Rates/components/Item/Item.Rates.js +24 -15
  39. package/build/components/Rates/components/Item/Item.Rates.js.map +1 -1
  40. package/build/components/Rates/components/Item/Item.module.css +9 -10
  41. package/build/components/Rates/components/Item/components/{ModalRateInfo/ModalRateInfo.js → ModalCancellationInfo/ModalCancellationInfo.js} +7 -7
  42. package/build/components/Rates/components/Item/components/ModalCancellationInfo/ModalCancellationInfo.js.map +1 -0
  43. package/build/components/Rates/components/Item/components/ModalCancellationInfo/index.js +17 -0
  44. package/build/components/Rates/components/Item/components/ModalCancellationInfo/index.js.map +1 -0
  45. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js +1 -0
  46. package/build/components/Rates/components/Item/components/ModalInfo/ModalInfo.js.map +1 -1
  47. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.js +81 -0
  48. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.js.map +1 -0
  49. package/build/components/Rates/components/Item/components/ModalOfferInfo/ModalOfferInfo.module.css +24 -0
  50. package/build/components/Rates/components/Item/components/ModalOfferInfo/index.js +17 -0
  51. package/build/components/Rates/components/Item/components/ModalOfferInfo/index.js.map +1 -0
  52. package/build/components/Rates/components/Item/components/Option/Option.module.css +1 -1
  53. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js +7 -16
  54. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.js.map +1 -1
  55. package/build/components/Rates/components/Item/components/index.js +15 -4
  56. package/build/components/Rates/components/Item/components/index.js.map +1 -1
  57. package/build/components/Rates/components/Item/index.js +12 -5
  58. package/build/components/Rates/components/Item/index.js.map +1 -1
  59. package/build/components/Session/__tests__/__snapshots__/Session.test.js.snap +351 -305
  60. package/build/components/Signup/__tests__/__snapshots__/Signup.test.js.snap +303 -270
  61. package/build/components/__shared__/BookingDates/__tests__/__snapshots__/BookingDates.test.js.snap +74 -74
  62. package/build/components/__shared__/BookingDetails/__tests__/__snapshots__/BookingDetails.test.js.snap +1068 -1063
  63. package/build/components/__shared__/BookingSummary/_tests__/__snapshots__/BookingSummary.test.js.snap +316 -316
  64. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.Row.test.js.snap +200 -200
  65. package/build/components/__shared__/BookingTable/__tests__/__snapshots__/BookingTable.test.js.snap +320 -320
  66. package/build/components/__shared__/BookingTerms/__tests__/__snapshots__/BookingTerms.test.js.snap +156 -144
  67. package/build/components/__shared__/ButtonMore/__tests__/__snapshots__/ButtonMore.test.js.snap +15 -12
  68. package/build/components/__shared__/ButtonPayment/__tests__/__snapshots__/ButtonPayment.test.js.snap +43 -32
  69. package/build/components/__shared__/ButtonPayment/components/FormAddon/__tests__/__snapshots__/FormAddon.test.js.snap +12 -12
  70. package/build/components/__shared__/ButtonPayment/components/FormCheckout/__tests__/__snapshots__/FormCheckout.test.js.snap +129 -129
  71. package/build/components/__shared__/ButtonPayment/components/FormPaycomet/__tests__/__snapshots__/FormPaycomet.test.js.snap +46 -45
  72. package/build/components/__shared__/ButtonPayment/components/FormSipay/__tests__/__snapshots__/FormSipay.test.js.snap +30 -30
  73. package/build/components/__shared__/ButtonPayment/components/InputField/__tests__/__snapshots__/InputField.test.js.snap +51 -51
  74. package/build/components/__shared__/Countdown/__tests__/__snapshots__/Countdown.test.js.snap +8 -8
  75. package/build/components/__shared__/Field/__tests__/__snapshots__/Field.test.js.snap +266 -219
  76. package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap +556 -513
  77. package/build/components/__shared__/FieldPromocode/__tests__/__snapshots__/FieldPromocode.test.jsx.snap +63 -59
  78. package/build/components/__shared__/Footer/__tests__/__snapshots__/Footer.test.js.snap +68 -60
  79. package/build/components/__shared__/Occupation/__tests__/__snapshots__/Occupation.test.js.snap +783 -732
  80. package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap +334 -308
  81. package/build/components/__shared__/Payment/components/Aplazame/__tests__/__snapshots__/Aplazame.test.js.snap +8 -6
  82. package/build/components/__shared__/Payment/components/Card/__tests__/__snapshots__/Card.test.js.snap +254 -231
  83. package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap +140 -140
  84. package/build/components/__shared__/Payment/components/Tpv/__tests__/__snapshots__/Tpv.test.js.snap +30 -27
  85. package/build/components/__shared__/SelectEnvironment/__tests__/__snapshots__/SelectEnvironment.test.js.snap +53 -53
  86. package/build/components/__shared__/TextRequiredFields/__tests__/__snapshots__/TextRequiredFields.test.js.snap +6 -6
  87. package/build/components/helpers/__tests__/__snapshots__/parseHtml.test.js.snap +108 -104
  88. package/package.json +3 -3
  89. package/build/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.js.map +0 -1
  90. package/build/components/Rates/components/Item/components/ModalRateInfo/index.js +0 -17
  91. package/build/components/Rates/components/Item/components/ModalRateInfo/index.js.map +0 -1
  92. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.Tooltip.js +0 -49
  93. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.Tooltip.js.map +0 -1
  94. /package/build/components/Rates/components/Item/components/{ModalRateInfo/ModalRateInfo.module.css → ModalCancellationInfo/ModalCancellationInfo.module.css} +0 -0
package/build/components/Signup/__tests__/__snapshots__/Signup.test.js.snap CHANGED
@@ -2,45 +2,46 @@
2
2
 
3
3
  exports[`component:<Signup> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <div
5
+ <ui_view
6
6
  class="view"
7
7
  >
8
- <div
8
+ <ui_view
9
9
  class="view wide"
10
10
  >
11
- <h2
11
+ <ui_text
12
12
  class="text bold headline-2"
13
13
  >
14
14
  user.label.title_signup
15
- </h2>
16
- <span
15
+ </ui_text>
16
+ <ui_text
17
17
  class="text paragraph"
18
18
  >
19
19
  user.label.description_signup
20
- </span>
21
- </div>
20
+ </ui_text>
21
+ </ui_view>
22
22
  <form
23
23
  class="mirai"
24
24
  >
25
- <span
25
+ <ui_text
26
26
  class="text small"
27
27
  >
28
28
  <span>
29
29
  *
30
30
  </span>
31
31
  common.label.required_field
32
- </span>
33
- <div
32
+ </ui_text>
33
+ <ui_input_text
34
34
  class="view inputContainer"
35
35
  >
36
- <div
36
+ <ui_view
37
37
  class="view row inputBorder"
38
38
  >
39
- <div
39
+ <ui_view
40
40
  class="view wide content"
41
41
  >
42
- <span
42
+ <label
43
43
  class="text paragraph text label"
44
+ for="input.signup-firstName"
44
45
  >
45
46
  common.label.name
46
47
  <span
@@ -48,29 +49,30 @@ exports[`component:<Signup> inherit:className 1`] = `
48
49
  >
49
50
  *
50
51
  </span>
51
- </span>
52
+ </label>
52
53
  <input
53
54
  class="input input withLabel"
54
- id="signup-firstName"
55
+ id="input.signup-firstName"
55
56
  name="firstName"
56
57
  required=""
57
58
  type="text"
58
59
  value=""
59
60
  />
60
- </div>
61
- </div>
62
- </div>
63
- <div
61
+ </ui_view>
62
+ </ui_view>
63
+ </ui_input_text>
64
+ <ui_input_text
64
65
  class="view inputContainer"
65
66
  >
66
- <div
67
+ <ui_view
67
68
  class="view row inputBorder"
68
69
  >
69
- <div
70
+ <ui_view
70
71
  class="view wide content"
71
72
  >
72
- <span
73
+ <label
73
74
  class="text paragraph text label"
75
+ for="input.signup-lastName"
74
76
  >
75
77
  common.label.lastname
76
78
  <span
@@ -78,29 +80,30 @@ exports[`component:<Signup> inherit:className 1`] = `
78
80
  >
79
81
  *
80
82
  </span>
81
- </span>
83
+ </label>
82
84
  <input
83
85
  class="input input withLabel"
84
- id="signup-lastName"
86
+ id="input.signup-lastName"
85
87
  name="lastName"
86
88
  required=""
87
89
  type="text"
88
90
  value=""
89
91
  />
90
- </div>
91
- </div>
92
- </div>
93
- <div
92
+ </ui_view>
93
+ </ui_view>
94
+ </ui_input_text>
95
+ <ui_input_text
94
96
  class="view inputContainer"
95
97
  >
96
- <div
98
+ <ui_view
97
99
  class="view row inputBorder"
98
100
  >
99
- <div
101
+ <ui_view
100
102
  class="view wide content"
101
103
  >
102
- <span
104
+ <label
103
105
  class="text paragraph text label"
106
+ for="input.signup-email"
104
107
  >
105
108
  common.label.email
106
109
  <span
@@ -108,29 +111,30 @@ exports[`component:<Signup> inherit:className 1`] = `
108
111
  >
109
112
  *
110
113
  </span>
111
- </span>
114
+ </label>
112
115
  <input
113
116
  class="input input withLabel"
114
- id="signup-email"
117
+ id="input.signup-email"
115
118
  name="email"
116
119
  required=""
117
120
  type="email"
118
121
  value=""
119
122
  />
120
- </div>
121
- </div>
122
- </div>
123
- <div
123
+ </ui_view>
124
+ </ui_view>
125
+ </ui_input_text>
126
+ <ui_input_date
124
127
  class="view inputContainer"
125
128
  >
126
- <div
129
+ <ui_view
127
130
  class="view row inputBorder"
128
131
  >
129
- <div
132
+ <ui_view
130
133
  class="view wide content"
131
134
  >
132
- <span
135
+ <label
133
136
  class="text paragraph text label"
137
+ for="input.signup-dateOfBirth"
134
138
  >
135
139
  user.label.date_of_birth
136
140
  <span
@@ -138,10 +142,10 @@ exports[`component:<Signup> inherit:className 1`] = `
138
142
  >
139
143
  *
140
144
  </span>
141
- </span>
145
+ </label>
142
146
  <input
143
147
  class="input input withLabel"
144
- id="signup-dateOfBirth"
148
+ id="input.signup-dateOfBirth"
145
149
  maxlength="10"
146
150
  name="dateOfBirth"
147
151
  placeholder="DD/MM/YYYY"
@@ -149,20 +153,21 @@ exports[`component:<Signup> inherit:className 1`] = `
149
153
  type="inputDate"
150
154
  value=""
151
155
  />
152
- </div>
153
- </div>
154
- </div>
155
- <div
156
+ </ui_view>
157
+ </ui_view>
158
+ </ui_input_date>
159
+ <ui_view
156
160
  class="view inputContainer"
157
161
  >
158
- <div
162
+ <ui_view
159
163
  class="view row inputBorder"
160
164
  >
161
- <div
165
+ <ui_view
162
166
  class="view wide content"
163
167
  >
164
- <span
168
+ <label
165
169
  class="text paragraph text label"
170
+ for="signup-country"
166
171
  >
167
172
  user.label.country
168
173
  <span
@@ -170,7 +175,7 @@ exports[`component:<Signup> inherit:className 1`] = `
170
175
  >
171
176
  *
172
177
  </span>
173
- </span>
178
+ </label>
174
179
  <select
175
180
  class="select empty input withLabel empty"
176
181
  id="signup-country"
@@ -178,8 +183,8 @@ exports[`component:<Signup> inherit:className 1`] = `
178
183
  placeholder="common.label.select"
179
184
  required=""
180
185
  />
181
- </div>
182
- <span
186
+ </ui_view>
187
+ <ui_icon
183
188
  class="icon headline-3 icon expand"
184
189
  >
185
190
  <svg
@@ -200,20 +205,21 @@ exports[`component:<Signup> inherit:className 1`] = `
200
205
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
201
206
  />
202
207
  </svg>
203
- </span>
204
- </div>
205
- </div>
206
- <div
208
+ </ui_icon>
209
+ </ui_view>
210
+ </ui_view>
211
+ <ui_input_text
207
212
  class="view inputContainer"
208
213
  >
209
- <div
214
+ <ui_view
210
215
  class="view row inputBorder"
211
216
  >
212
- <div
217
+ <ui_view
213
218
  class="view wide content"
214
219
  >
215
- <span
220
+ <label
216
221
  class="text paragraph text label"
222
+ for="input.signup-password"
217
223
  >
218
224
  common.label.password
219
225
  <span
@@ -221,21 +227,21 @@ exports[`component:<Signup> inherit:className 1`] = `
221
227
  >
222
228
  *
223
229
  </span>
224
- </span>
230
+ </label>
225
231
  <input
226
232
  class="input input withLabel"
227
- id="signup-password"
233
+ id="input.signup-password"
228
234
  name="password"
229
235
  required=""
230
236
  type="password"
231
237
  value=""
232
238
  />
233
- </div>
234
- <div
239
+ </ui_view>
240
+ <ui_pressable
235
241
  class="pressable"
236
242
  tabindex="-1"
237
243
  >
238
- <span
244
+ <ui_icon
239
245
  class="icon headline-3 icon password"
240
246
  >
241
247
  <svg
@@ -255,19 +261,20 @@ exports[`component:<Signup> inherit:className 1`] = `
255
261
  d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
256
262
  />
257
263
  </svg>
258
- </span>
259
- </div>
260
- </div>
261
- <span
264
+ </ui_icon>
265
+ </ui_pressable>
266
+ </ui_view>
267
+ <ui_text
262
268
  class="text small text hint"
263
269
  >
264
270
  user.label.password_hint
265
- </span>
266
- </div>
267
- <div
271
+ </ui_text>
272
+ </ui_input_text>
273
+ <ui_input_option
268
274
  class="pressable inputOption"
275
+ tabindex="0"
269
276
  >
270
- <div
277
+ <ui_checkbox
271
278
  class="checkbox"
272
279
  >
273
280
  <input
@@ -277,7 +284,7 @@ exports[`component:<Signup> inherit:className 1`] = `
277
284
  type="checkbox"
278
285
  value="true"
279
286
  />
280
- <span
287
+ <ui_icon
281
288
  class="icon paragraph icon"
282
289
  >
283
290
  <svg
@@ -297,19 +304,21 @@ exports[`component:<Signup> inherit:className 1`] = `
297
304
  d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
298
305
  />
299
306
  </svg>
300
- </span>
301
- </div>
302
- <span
307
+ </ui_icon>
308
+ </ui_checkbox>
309
+ <label
303
310
  class="text small text label"
311
+ for="subscribed"
304
312
  >
305
313
  user.label.subscribe
306
- </span>
307
- </div>
308
- <div
314
+ </label>
315
+ </ui_input_option>
316
+ <ui_input_option
309
317
  class="pressable inputOption"
310
318
  id="signup-privacy"
319
+ tabindex="0"
311
320
  >
312
- <div
321
+ <ui_checkbox
313
322
  class="checkbox"
314
323
  >
315
324
  <input
@@ -318,9 +327,10 @@ exports[`component:<Signup> inherit:className 1`] = `
318
327
  type="checkbox"
319
328
  value=""
320
329
  />
321
- </div>
322
- <span
330
+ </ui_checkbox>
331
+ <label
323
332
  class="text small text label"
333
+ for="signup-privacy"
324
334
  >
325
335
  user.label.privacy_policy
326
336
  <span
@@ -328,68 +338,70 @@ exports[`component:<Signup> inherit:className 1`] = `
328
338
  >
329
339
  *
330
340
  </span>
331
- </span>
332
- </div>
341
+ </label>
342
+ </ui_input_option>
333
343
  <button
334
344
  class="pressable button large wide"
345
+ tabindex="0"
335
346
  >
336
- <div
347
+ <ui_view
337
348
  class="view busyContainer"
338
349
  >
339
- <div
350
+ <ui_view
340
351
  class="view spinner"
341
352
  />
342
- </div>
343
- <div
353
+ </ui_view>
354
+ <ui_view
344
355
  class="view row children"
345
356
  >
346
357
  user.action.signup
347
- </div>
358
+ </ui_view>
348
359
  </button>
349
360
  </form>
350
- </div>
361
+ </ui_view>
351
362
  </DocumentFragment>
352
363
  `;
353
364
 
354
365
  exports[`component:<Signup> renders 1`] = `
355
366
  <DocumentFragment>
356
- <div
367
+ <ui_view
357
368
  class="view"
358
369
  >
359
- <div
370
+ <ui_view
360
371
  class="view wide"
361
372
  >
362
- <h2
373
+ <ui_text
363
374
  class="text bold headline-2"
364
375
  >
365
376
  user.label.title_signup
366
- </h2>
367
- <span
377
+ </ui_text>
378
+ <ui_text
368
379
  class="text paragraph"
369
380
  >
370
381
  user.label.description_signup
371
- </span>
372
- </div>
382
+ </ui_text>
383
+ </ui_view>
373
384
  <form>
374
- <span
385
+ <ui_text
375
386
  class="text small"
376
387
  >
377
388
  <span>
378
389
  *
379
390
  </span>
380
391
  common.label.required_field
381
- </span>
382
- <div
392
+ </ui_text>
393
+ <ui_input_text
383
394
  class="view inputContainer"
384
395
  >
385
- <div
396
+ <ui_view
386
397
  class="view row inputBorder"
387
398
  >
388
- <div
399
+ <ui_view
389
400
  class="view wide content"
390
401
  >
391
- <span
402
+ <label
392
403
  class="text paragraph text label"
404
+ for="input.signup-firstName"
393
405
  >
394
406
  common.label.name
395
407
  <span
@@ -397,29 +409,30 @@ exports[`component:<Signup> renders 1`] = `
397
409
  >
398
410
  *
399
411
  </span>
400
- </span>
412
+ </label>
401
413
  <input
402
414
  class="input input withLabel"
403
- id="signup-firstName"
415
+ id="input.signup-firstName"
404
416
  name="firstName"
405
417
  required=""
406
418
  type="text"
407
419
  value=""
408
420
  />
409
- </div>
410
- </div>
411
- </div>
412
- <div
421
+ </ui_view>
422
+ </ui_view>
423
+ </ui_input_text>
424
+ <ui_input_text
413
425
  class="view inputContainer"
414
426
  >
415
- <div
427
+ <ui_view
416
428
  class="view row inputBorder"
417
429
  >
418
- <div
430
+ <ui_view
419
431
  class="view wide content"
420
432
  >
421
- <span
433
+ <label
422
434
  class="text paragraph text label"
435
+ for="input.signup-lastName"
423
436
  >
424
437
  common.label.lastname
425
438
  <span
@@ -427,29 +440,30 @@ exports[`component:<Signup> renders 1`] = `
427
440
  >
428
441
  *
429
442
  </span>
430
- </span>
443
+ </label>
431
444
  <input
432
445
  class="input input withLabel"
433
- id="signup-lastName"
446
+ id="input.signup-lastName"
434
447
  name="lastName"
435
448
  required=""
436
449
  type="text"
437
450
  value=""
438
451
  />
439
- </div>
440
- </div>
441
- </div>
442
- <div
452
+ </ui_view>
453
+ </ui_view>
454
+ </ui_input_text>
455
+ <ui_input_text
443
456
  class="view inputContainer"
444
457
  >
445
- <div
458
+ <ui_view
446
459
  class="view row inputBorder"
447
460
  >
448
- <div
461
+ <ui_view
449
462
  class="view wide content"
450
463
  >
451
- <span
464
+ <label
452
465
  class="text paragraph text label"
466
+ for="input.signup-email"
453
467
  >
454
468
  common.label.email
455
469
  <span
@@ -457,29 +471,30 @@ exports[`component:<Signup> renders 1`] = `
457
471
  >
458
472
  *
459
473
  </span>
460
- </span>
474
+ </label>
461
475
  <input
462
476
  class="input input withLabel"
463
- id="signup-email"
477
+ id="input.signup-email"
464
478
  name="email"
465
479
  required=""
466
480
  type="email"
467
481
  value=""
468
482
  />
469
- </div>
470
- </div>
471
- </div>
472
- <div
483
+ </ui_view>
484
+ </ui_view>
485
+ </ui_input_text>
486
+ <ui_input_date
473
487
  class="view inputContainer"
474
488
  >
475
- <div
489
+ <ui_view
476
490
  class="view row inputBorder"
477
491
  >
478
- <div
492
+ <ui_view
479
493
  class="view wide content"
480
494
  >
481
- <span
495
+ <label
482
496
  class="text paragraph text label"
497
+ for="input.signup-dateOfBirth"
483
498
  >
484
499
  user.label.date_of_birth
485
500
  <span
@@ -487,10 +502,10 @@ exports[`component:<Signup> renders 1`] = `
487
502
  >
488
503
  *
489
504
  </span>
490
- </span>
505
+ </label>
491
506
  <input
492
507
  class="input input withLabel"
493
- id="signup-dateOfBirth"
508
+ id="input.signup-dateOfBirth"
494
509
  maxlength="10"
495
510
  name="dateOfBirth"
496
511
  placeholder="DD/MM/YYYY"
@@ -498,20 +513,21 @@ exports[`component:<Signup> renders 1`] = `
498
513
  type="inputDate"
499
514
  value=""
500
515
  />
501
- </div>
502
- </div>
503
- </div>
504
- <div
516
+ </ui_view>
517
+ </ui_view>
518
+ </ui_input_date>
519
+ <ui_view
505
520
  class="view inputContainer"
506
521
  >
507
- <div
522
+ <ui_view
508
523
  class="view row inputBorder"
509
524
  >
510
- <div
525
+ <ui_view
511
526
  class="view wide content"
512
527
  >
513
- <span
528
+ <label
514
529
  class="text paragraph text label"
530
+ for="signup-country"
515
531
  >
516
532
  user.label.country
517
533
  <span
@@ -519,7 +535,7 @@ exports[`component:<Signup> renders 1`] = `
519
535
  >
520
536
  *
521
537
  </span>
522
- </span>
538
+ </label>
523
539
  <select
524
540
  class="select empty input withLabel empty"
525
541
  id="signup-country"
@@ -527,8 +543,8 @@ exports[`component:<Signup> renders 1`] = `
527
543
  placeholder="common.label.select"
528
544
  required=""
529
545
  />
530
- </div>
531
- <span
546
+ </ui_view>
547
+ <ui_icon
532
548
  class="icon headline-3 icon expand"
533
549
  >
534
550
  <svg
@@ -549,20 +565,21 @@ exports[`component:<Signup> renders 1`] = `
549
565
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
550
566
  />
551
567
  </svg>
552
- </span>
553
- </div>
554
- </div>
555
- <div
568
+ </ui_icon>
569
+ </ui_view>
570
+ </ui_view>
571
+ <ui_input_text
556
572
  class="view inputContainer"
557
573
  >
558
- <div
574
+ <ui_view
559
575
  class="view row inputBorder"
560
576
  >
561
- <div
577
+ <ui_view
562
578
  class="view wide content"
563
579
  >
564
- <span
580
+ <label
565
581
  class="text paragraph text label"
582
+ for="input.signup-password"
566
583
  >
567
584
  common.label.password
568
585
  <span
@@ -570,21 +587,21 @@ exports[`component:<Signup> renders 1`] = `
570
587
  >
571
588
  *
572
589
  </span>
573
- </span>
590
+ </label>
574
591
  <input
575
592
  class="input input withLabel"
576
- id="signup-password"
593
+ id="input.signup-password"
577
594
  name="password"
578
595
  required=""
579
596
  type="password"
580
597
  value=""
581
598
  />
582
- </div>
583
- <div
599
+ </ui_view>
600
+ <ui_pressable
584
601
  class="pressable"
585
602
  tabindex="-1"
586
603
  >
587
- <span
604
+ <ui_icon
588
605
  class="icon headline-3 icon password"
589
606
  >
590
607
  <svg
@@ -604,19 +621,20 @@ exports[`component:<Signup> renders 1`] = `
604
621
  d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
605
622
  />
606
623
  </svg>
607
- </span>
608
- </div>
609
- </div>
610
- <span
624
+ </ui_icon>
625
+ </ui_pressable>
626
+ </ui_view>
627
+ <ui_text
611
628
  class="text small text hint"
612
629
  >
613
630
  user.label.password_hint
614
- </span>
615
- </div>
616
- <div
631
+ </ui_text>
632
+ </ui_input_text>
633
+ <ui_input_option
617
634
  class="pressable inputOption"
635
+ tabindex="0"
618
636
  >
619
- <div
637
+ <ui_checkbox
620
638
  class="checkbox"
621
639
  >
622
640
  <input
@@ -626,7 +644,7 @@ exports[`component:<Signup> renders 1`] = `
626
644
  type="checkbox"
627
645
  value="true"
628
646
  />
629
- <span
647
+ <ui_icon
630
648
  class="icon paragraph icon"
631
649
  >
632
650
  <svg
@@ -646,19 +664,21 @@ exports[`component:<Signup> renders 1`] = `
646
664
  d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
647
665
  />
648
666
  </svg>
649
- </span>
650
- </div>
651
- <span
667
+ </ui_icon>
668
+ </ui_checkbox>
669
+ <label
652
670
  class="text small text label"
671
+ for="subscribed"
653
672
  >
654
673
  user.label.subscribe
655
- </span>
656
- </div>
657
- <div
674
+ </label>
675
+ </ui_input_option>
676
+ <ui_input_option
658
677
  class="pressable inputOption"
659
678
  id="signup-privacy"
679
+ tabindex="0"
660
680
  >
661
- <div
681
+ <ui_checkbox
662
682
  class="checkbox"
663
683
  >
664
684
  <input
@@ -667,9 +687,10 @@ exports[`component:<Signup> renders 1`] = `
667
687
  type="checkbox"
668
688
  value=""
669
689
  />
670
- </div>
671
- <span
690
+ </ui_checkbox>
691
+ <label
672
692
  class="text small text label"
693
+ for="signup-privacy"
673
694
  >
674
695
  user.label.privacy_policy
675
696
  <span
@@ -677,70 +698,72 @@ exports[`component:<Signup> renders 1`] = `
677
698
  >
678
699
  *
679
700
  </span>
680
- </span>
681
- </div>
701
+ </label>
702
+ </ui_input_option>
682
703
  <button
683
704
  class="pressable button large wide"
705
+ tabindex="0"
684
706
  >
685
- <div
707
+ <ui_view
686
708
  class="view busyContainer"
687
709
  >
688
- <div
710
+ <ui_view
689
711
  class="view spinner"
690
712
  />
691
- </div>
692
- <div
713
+ </ui_view>
714
+ <ui_view
693
715
  class="view row children"
694
716
  >
695
717
  user.action.signup
696
- </div>
718
+ </ui_view>
697
719
  </button>
698
720
  </form>
699
- </div>
721
+ </ui_view>
700
722
  </DocumentFragment>
701
723
  `;
702
724
 
703
725
  exports[`component:<Signup> testID 1`] = `
704
726
  <DocumentFragment>
705
- <div
727
+ <ui_view
706
728
  class="view"
707
729
  >
708
- <div
730
+ <ui_view
709
731
  class="view wide"
710
732
  >
711
- <h2
733
+ <ui_text
712
734
  class="text bold headline-2"
713
735
  >
714
736
  user.label.title_signup
715
- </h2>
716
- <span
737
+ </ui_text>
738
+ <ui_text
717
739
  class="text paragraph"
718
740
  >
719
741
  user.label.description_signup
720
- </span>
721
- </div>
742
+ </ui_text>
743
+ </ui_view>
722
744
  <form
723
745
  data-testid="mirai"
724
746
  >
725
- <span
747
+ <ui_text
726
748
  class="text small"
727
749
  >
728
750
  <span>
729
751
  *
730
752
  </span>
731
753
  common.label.required_field
732
- </span>
733
- <div
754
+ </ui_text>
755
+ <ui_input_text
734
756
  class="view inputContainer"
735
757
  >
736
- <div
758
+ <ui_view
737
759
  class="view row inputBorder"
738
760
  >
739
- <div
761
+ <ui_view
740
762
  class="view wide content"
741
763
  >
742
- <span
764
+ <label
743
765
  class="text paragraph text label"
766
+ for="input.signup-firstName"
744
767
  >
745
768
  common.label.name
746
769
  <span
@@ -748,29 +771,30 @@ exports[`component:<Signup> testID 1`] = `
748
771
  >
749
772
  *
750
773
  </span>
751
- </span>
774
+ </label>
752
775
  <input
753
776
  class="input input withLabel"
754
- id="signup-firstName"
777
+ id="input.signup-firstName"
755
778
  name="firstName"
756
779
  required=""
757
780
  type="text"
758
781
  value=""
759
782
  />
760
- </div>
761
- </div>
762
- </div>
763
- <div
783
+ </ui_view>
784
+ </ui_view>
785
+ </ui_input_text>
786
+ <ui_input_text
764
787
  class="view inputContainer"
765
788
  >
766
- <div
789
+ <ui_view
767
790
  class="view row inputBorder"
768
791
  >
769
- <div
792
+ <ui_view
770
793
  class="view wide content"
771
794
  >
772
- <span
795
+ <label
773
796
  class="text paragraph text label"
797
+ for="input.signup-lastName"
774
798
  >
775
799
  common.label.lastname
776
800
  <span
@@ -778,29 +802,30 @@ exports[`component:<Signup> testID 1`] = `
778
802
  >
779
803
  *
780
804
  </span>
781
- </span>
805
+ </label>
782
806
  <input
783
807
  class="input input withLabel"
784
- id="signup-lastName"
808
+ id="input.signup-lastName"
785
809
  name="lastName"
786
810
  required=""
787
811
  type="text"
788
812
  value=""
789
813
  />
790
- </div>
791
- </div>
792
- </div>
793
- <div
814
+ </ui_view>
815
+ </ui_view>
816
+ </ui_input_text>
817
+ <ui_input_text
794
818
  class="view inputContainer"
795
819
  >
796
- <div
820
+ <ui_view
797
821
  class="view row inputBorder"
798
822
  >
799
- <div
823
+ <ui_view
800
824
  class="view wide content"
801
825
  >
802
- <span
826
+ <label
803
827
  class="text paragraph text label"
828
+ for="input.signup-email"
804
829
  >
805
830
  common.label.email
806
831
  <span
@@ -808,29 +833,30 @@ exports[`component:<Signup> testID 1`] = `
808
833
  >
809
834
  *
810
835
  </span>
811
- </span>
836
+ </label>
812
837
  <input
813
838
  class="input input withLabel"
814
- id="signup-email"
839
+ id="input.signup-email"
815
840
  name="email"
816
841
  required=""
817
842
  type="email"
818
843
  value=""
819
844
  />
820
- </div>
821
- </div>
822
- </div>
823
- <div
845
+ </ui_view>
846
+ </ui_view>
847
+ </ui_input_text>
848
+ <ui_input_date
824
849
  class="view inputContainer"
825
850
  >
826
- <div
851
+ <ui_view
827
852
  class="view row inputBorder"
828
853
  >
829
- <div
854
+ <ui_view
830
855
  class="view wide content"
831
856
  >
832
- <span
857
+ <label
833
858
  class="text paragraph text label"
859
+ for="input.signup-dateOfBirth"
834
860
  >
835
861
  user.label.date_of_birth
836
862
  <span
@@ -838,10 +864,10 @@ exports[`component:<Signup> testID 1`] = `
838
864
  >
839
865
  *
840
866
  </span>
841
- </span>
867
+ </label>
842
868
  <input
843
869
  class="input input withLabel"
844
- id="signup-dateOfBirth"
870
+ id="input.signup-dateOfBirth"
845
871
  maxlength="10"
846
872
  name="dateOfBirth"
847
873
  placeholder="DD/MM/YYYY"
@@ -849,20 +875,21 @@ exports[`component:<Signup> testID 1`] = `
849
875
  type="inputDate"
850
876
  value=""
851
877
  />
852
- </div>
853
- </div>
854
- </div>
855
- <div
878
+ </ui_view>
879
+ </ui_view>
880
+ </ui_input_date>
881
+ <ui_view
856
882
  class="view inputContainer"
857
883
  >
858
- <div
884
+ <ui_view
859
885
  class="view row inputBorder"
860
886
  >
861
- <div
887
+ <ui_view
862
888
  class="view wide content"
863
889
  >
864
- <span
890
+ <label
865
891
  class="text paragraph text label"
892
+ for="signup-country"
866
893
  >
867
894
  user.label.country
868
895
  <span
@@ -870,7 +897,7 @@ exports[`component:<Signup> testID 1`] = `
870
897
  >
871
898
  *
872
899
  </span>
873
- </span>
900
+ </label>
874
901
  <select
875
902
  class="select empty input withLabel empty"
876
903
  id="signup-country"
@@ -878,8 +905,8 @@ exports[`component:<Signup> testID 1`] = `
878
905
  placeholder="common.label.select"
879
906
  required=""
880
907
  />
881
- </div>
882
- <span
908
+ </ui_view>
909
+ <ui_icon
883
910
  class="icon headline-3 icon expand"
884
911
  >
885
912
  <svg
@@ -900,20 +927,21 @@ exports[`component:<Signup> testID 1`] = `
900
927
  d="M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"
901
928
  />
902
929
  </svg>
903
- </span>
904
- </div>
905
- </div>
906
- <div
930
+ </ui_icon>
931
+ </ui_view>
932
+ </ui_view>
933
+ <ui_input_text
907
934
  class="view inputContainer"
908
935
  >
909
- <div
936
+ <ui_view
910
937
  class="view row inputBorder"
911
938
  >
912
- <div
939
+ <ui_view
913
940
  class="view wide content"
914
941
  >
915
- <span
942
+ <label
916
943
  class="text paragraph text label"
944
+ for="input.signup-password"
917
945
  >
918
946
  common.label.password
919
947
  <span
@@ -921,21 +949,21 @@ exports[`component:<Signup> testID 1`] = `
921
949
  >
922
950
  *
923
951
  </span>
924
- </span>
952
+ </label>
925
953
  <input
926
954
  class="input input withLabel"
927
- id="signup-password"
955
+ id="input.signup-password"
928
956
  name="password"
929
957
  required=""
930
958
  type="password"
931
959
  value=""
932
960
  />
933
- </div>
934
- <div
961
+ </ui_view>
962
+ <ui_pressable
935
963
  class="pressable"
936
964
  tabindex="-1"
937
965
  >
938
- <span
966
+ <ui_icon
939
967
  class="icon headline-3 icon password"
940
968
  >
941
969
  <svg
@@ -955,19 +983,20 @@ exports[`component:<Signup> testID 1`] = `
955
983
  d="M12 6a9.77 9.77 0 0 1 8.82 5.5 9.647 9.647 0 0 1-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 0 0 1 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 0 1-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75a4.6 4.6 0 0 0-.36 1.78 4.507 4.507 0 0 0 6.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 0 1-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
956
984
  />
957
985
  </svg>
958
- </span>
959
- </div>
960
- </div>
961
- <span
986
+ </ui_icon>
987
+ </ui_pressable>
988
+ </ui_view>
989
+ <ui_text
962
990
  class="text small text hint"
963
991
  >
964
992
  user.label.password_hint
965
- </span>
966
- </div>
967
- <div
993
+ </ui_text>
994
+ </ui_input_text>
995
+ <ui_input_option
968
996
  class="pressable inputOption"
997
+ tabindex="0"
969
998
  >
970
- <div
999
+ <ui_checkbox
971
1000
  class="checkbox"
972
1001
  >
973
1002
  <input
@@ -977,7 +1006,7 @@ exports[`component:<Signup> testID 1`] = `
977
1006
  type="checkbox"
978
1007
  value="true"
979
1008
  />
980
- <span
1009
+ <ui_icon
981
1010
  class="icon paragraph icon"
982
1011
  >
983
1012
  <svg
@@ -997,19 +1026,21 @@ exports[`component:<Signup> testID 1`] = `
997
1026
  d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"
998
1027
  />
999
1028
  </svg>
1000
- </span>
1001
- </div>
1002
- <span
1029
+ </ui_icon>
1030
+ </ui_checkbox>
1031
+ <label
1003
1032
  class="text small text label"
1033
+ for="subscribed"
1004
1034
  >
1005
1035
  user.label.subscribe
1006
- </span>
1007
- </div>
1008
- <div
1036
+ </label>
1037
+ </ui_input_option>
1038
+ <ui_input_option
1009
1039
  class="pressable inputOption"
1010
1040
  id="signup-privacy"
1041
+ tabindex="0"
1011
1042
  >
1012
- <div
1043
+ <ui_checkbox
1013
1044
  class="checkbox"
1014
1045
  >
1015
1046
  <input
@@ -1018,9 +1049,10 @@ exports[`component:<Signup> testID 1`] = `
1018
1049
  type="checkbox"
1019
1050
  value=""
1020
1051
  />
1021
- </div>
1022
- <span
1052
+ </ui_checkbox>
1053
+ <label
1023
1054
  class="text small text label"
1055
+ for="signup-privacy"
1024
1056
  >
1025
1057
  user.label.privacy_policy
1026
1058
  <span
@@ -1028,25 +1060,26 @@ exports[`component:<Signup> testID 1`] = `
1028
1060
  >
1029
1061
  *
1030
1062
  </span>
1031
- </span>
1032
- </div>
1063
+ </label>
1064
+ </ui_input_option>
1033
1065
  <button
1034
1066
  class="pressable button large wide"
1067
+ tabindex="0"
1035
1068
  >
1036
- <div
1069
+ <ui_view
1037
1070
  class="view busyContainer"
1038
1071
  >
1039
- <div
1072
+ <ui_view
1040
1073
  class="view spinner"
1041
1074
  />
1042
- </div>
1043
- <div
1075
+ </ui_view>
1076
+ <ui_view
1044
1077
  class="view row children"
1045
1078
  >
1046
1079
  user.action.signup
1047
- </div>
1080
+ </ui_view>
1048
1081
  </button>
1049
1082
  </form>
1050
- </div>
1083
+ </ui_view>
1051
1084
  </DocumentFragment>
1052
1085
  `;