@mirai/core 0.3.152 → 0.3.154

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