@tactics/toddle-styleguide 1.2.3 → 1.2.5

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 (77) hide show
  1. package/App.tsx +202 -191
  2. package/index.d.ts +2 -1
  3. package/index.tsx +2 -0
  4. package/package.json +2 -2
  5. package/src/components/atoms/backdrop/backdrop.component.d.ts +2 -1
  6. package/src/components/atoms/backdrop/backdrop.component.tsx +8 -2
  7. package/src/components/atoms/calendar/__snapshots__/calendar.test.js.snap +1821 -641
  8. package/src/components/atoms/text-input/text-input.component.d.ts +4 -5
  9. package/src/components/atoms/text-input/text-input.component.tsx +9 -13
  10. package/src/components/atoms/text-input/text-input.preview.tsx +5 -5
  11. package/src/components/atoms/text-input/text-input.test.js +4 -4
  12. package/src/components/molecules/avatar/__snapshots__/avatar.test.js.snap +70 -62
  13. package/src/components/molecules/avatar/avatar.component.d.ts +2 -1
  14. package/src/components/molecules/avatar/avatar.component.tsx +22 -11
  15. package/src/components/molecules/avatar/avatar.preview.tsx +58 -44
  16. package/src/components/molecules/avatar/avatar.styles.d.ts +54 -15
  17. package/src/components/molecules/avatar/avatar.styles.js +33 -5
  18. package/src/components/molecules/button/__snapshots__/button.test.js.snap +144 -0
  19. package/src/components/molecules/button/button.component.d.ts +6 -4
  20. package/src/components/molecules/button/button.component.tsx +30 -9
  21. package/src/components/molecules/button/button.preview.tsx +16 -1
  22. package/src/components/molecules/button/button.styles.d.ts +13 -16
  23. package/src/components/molecules/button/button.styles.js +2 -4
  24. package/src/components/molecules/button/button.test.js +12 -0
  25. package/src/components/molecules/date-input/date-input.preview.tsx +25 -23
  26. package/src/components/molecules/message-input/__snapshots__/message-input.test.js.snap +4 -0
  27. package/src/components/molecules/message-input/message-input.component.d.ts +4 -6
  28. package/src/components/molecules/message-input/message-input.component.tsx +10 -12
  29. package/src/components/molecules/message-input/message-input.preview.tsx +28 -15
  30. package/src/components/molecules/password-input/password-input.component.d.ts +4 -6
  31. package/src/components/molecules/password-input/password-input.component.tsx +11 -15
  32. package/src/components/molecules/swipe/__snapshots__/swipe.test.js.snap +263 -420
  33. package/src/components/molecules/swipe/swipe.component.d.ts +4 -4
  34. package/src/components/molecules/swipe/swipe.component.tsx +47 -20
  35. package/src/components/molecules/swipe/swipe.preview.tsx +111 -51
  36. package/src/components/molecules/swipe/swipe.styles.d.ts +28 -0
  37. package/src/components/molecules/swipe/swipe.styles.js +32 -0
  38. package/src/components/molecules/swipe/swipe.test.js +1 -1
  39. package/src/components/molecules/tag/__snapshots__/tag.test.js.snap +10 -10
  40. package/src/components/molecules/tag/tag.component.d.ts +3 -8
  41. package/src/components/molecules/tag/tag.component.tsx +7 -13
  42. package/src/components/molecules/tag/tag.preview.tsx +22 -19
  43. package/src/components/molecules/tag/tag.styles.js +4 -2
  44. package/src/components/molecules/tag/tag.test.js +10 -2
  45. package/src/components/molecules/time-picker/__snapshots__/time-picker.test.js.snap +1868 -1776
  46. package/src/components/molecules/time-picker/time-picker.component.tsx +49 -23
  47. package/src/components/molecules/time-picker/time-picker.preview.tsx +5 -4
  48. package/src/components/molecules/time-picker/time-picker.styles.d.ts +16 -4
  49. package/src/components/molecules/time-picker/time-picker.styles.js +18 -6
  50. package/src/components/molecules/timestamp/__snapshots__/timestamp.test.js.snap +1 -1
  51. package/src/components/molecules/timestamp/timestamp.component.tsx +0 -2
  52. package/src/components/organisms/child-list-item/__snapshots__/child-list-item.test.js.snap +174 -162
  53. package/src/components/organisms/contact-item/__snapshots__/contact-item.test.js.snap +70 -127
  54. package/src/components/organisms/contact-item/contact-item.component.tsx +10 -9
  55. package/src/components/organisms/my-child-list-item/__snapshots__/my-child-list-item.test.js.snap +97 -89
  56. package/src/components/organisms/person-info-card/__snapshots__/person-info-card.test.js.snap +233 -209
  57. package/src/components/organisms/text-bubble/__snapshots__/text-bubble.test.js.snap +7 -7
  58. package/src/components/templates/modal/modal.component.tsx +0 -1
  59. package/src/components/templates/popover/components/modal/modal.component.tsx +0 -1
  60. package/src/components/templates/popover/components/modal/modal.styles.d.ts +2 -1
  61. package/src/components/templates/popover/components/modal/modal.styles.js +2 -2
  62. package/src/components/templates/popover/popover.component.tsx +27 -14
  63. package/src/components/templates/popover/popover.preview.tsx +63 -97
  64. package/src/components/templates/popover/popover.styles.d.ts +1 -1
  65. package/src/components/templates/popover/popover.styles.js +3 -1
  66. package/src/components/templates/popover-action/popover-action.component.d.ts +8 -0
  67. package/src/components/templates/popover-action/popover-action.component.tsx +119 -0
  68. package/src/components/templates/popover-action/popover-action.preview.d.ts +1 -0
  69. package/src/components/templates/popover-action/popover-action.preview.tsx +142 -0
  70. package/src/components/templates/popover-action/popover-action.styles.d.ts +26 -0
  71. package/src/components/templates/popover-action/popover-action.styles.js +31 -0
  72. package/src/utilities/toddle-datetime/toddle-datetime.class.d.ts +5 -0
  73. package/src/utilities/toddle-datetime/toddle-datetime.class.tsx +23 -0
  74. package/src/utilities/toddle-datetime/toddle-datetime.preview.tsx +15 -1
  75. package/src/utilities/toddle-datetime/toddle-datetime.test.js +10 -0
  76. package/src/components/molecules/swipe/Swipe.styles.d.ts +0 -7
  77. package/src/components/molecules/swipe/Swipe.styles.js +0 -10
package/src/components/molecules/time-picker/__snapshots__/time-picker.test.js.snap CHANGED
@@ -5,996 +5,1038 @@ exports[`Time picker test Should render a time picker where we can choose the ho
5
5
  style={
6
6
  {
7
7
  "alignItems": "center",
8
- "borderColor": "#F5F7FA",
9
- "borderRadius": 16,
10
- "borderStyle": "solid",
11
- "borderWidth": 1,
12
8
  "flexDirection": "row",
13
- "overflow": "hidden",
9
+ "gap": 12,
14
10
  }
15
11
  }
16
12
  >
17
13
  <View
18
14
  style={
19
15
  {
20
- "backgroundColor": "#FFFFFF",
21
- "height": 200,
22
- "width": 72,
16
+ "alignItems": "center",
17
+ "borderColor": "#E5E8EB",
18
+ "borderRadius": 20,
19
+ "borderStyle": "solid",
20
+ "borderWidth": 1,
21
+ "justifyContent": "center",
22
+ "maxHeight": 72,
23
+ "maxWidth": 72,
24
+ "overflow": "hidden",
23
25
  }
24
26
  }
25
27
  >
26
- <RCTScrollView
27
- data={
28
- [
29
- {
30
- "label": "",
31
- "value": null,
32
- },
33
- {
34
- "label": "",
35
- "value": null,
36
- },
37
- {
38
- "label": "--",
39
- "value": "--",
40
- },
41
- {
42
- "label": "00",
43
- "value": "00",
44
- },
45
- {
46
- "label": "01",
47
- "value": "01",
48
- },
49
- {
50
- "label": "02",
51
- "value": "02",
52
- },
53
- {
54
- "label": "03",
55
- "value": "03",
56
- },
57
- {
58
- "label": "04",
59
- "value": "04",
60
- },
61
- {
62
- "label": "05",
63
- "value": "05",
64
- },
65
- {
66
- "label": "06",
67
- "value": "06",
68
- },
69
- {
70
- "label": "07",
71
- "value": "07",
72
- },
73
- {
74
- "label": "08",
75
- "value": "08",
76
- },
77
- {
78
- "label": "09",
79
- "value": "09",
80
- },
81
- {
82
- "label": "10",
83
- "value": "10",
84
- },
85
- {
86
- "label": "11",
87
- "value": "11",
88
- },
89
- {
90
- "label": "12",
91
- "value": "12",
92
- },
93
- {
94
- "label": "13",
95
- "value": "13",
96
- },
97
- {
98
- "label": "14",
99
- "value": "14",
100
- },
101
- {
102
- "label": "15",
103
- "value": "15",
104
- },
105
- {
106
- "label": "16",
107
- "value": "16",
108
- },
109
- {
110
- "label": "17",
111
- "value": "17",
112
- },
113
- {
114
- "label": "18",
115
- "value": "18",
116
- },
117
- {
118
- "label": "19",
119
- "value": "19",
120
- },
121
- {
122
- "label": "20",
123
- "value": "20",
124
- },
125
- {
126
- "label": "21",
127
- "value": "21",
128
- },
129
- {
130
- "label": "22",
131
- "value": "22",
132
- },
133
- {
134
- "label": "23",
135
- "value": "23",
136
- },
137
- {
138
- "label": "",
139
- "value": null,
140
- },
141
- {
142
- "label": "",
143
- "value": null,
144
- },
145
- ]
28
+ <View
29
+ style={
30
+ {
31
+ "backgroundColor": "#F5F7FA",
32
+ "height": 320,
33
+ "width": 72,
34
+ }
146
35
  }
147
- getItem={[Function]}
148
- getItemCount={[Function]}
149
- getItemLayout={[Function]}
150
- initialScrollIndex={9}
151
- keyExtractor={[Function]}
152
- onContentSizeChange={[Function]}
153
- onLayout={[Function]}
154
- onMomentumScrollBegin={[Function]}
155
- onMomentumScrollEnd={[Function]}
156
- onScroll={[Function]}
157
- onScrollBeginDrag={[Function]}
158
- onScrollEndDrag={[Function]}
159
- onTouchStart={[Function]}
160
- removeClippedSubviews={false}
161
- renderItem={[Function]}
162
- scrollEventThrottle={50}
163
- showsVerticalScrollIndicator={false}
164
- snapToInterval={40}
165
- stickyHeaderIndices={[]}
166
- viewabilityConfigCallbackPairs={[]}
167
36
  >
168
- <View>
169
- <View
170
- style={
37
+ <RCTScrollView
38
+ data={
39
+ [
171
40
  {
172
- "height": 360,
173
- }
174
- }
175
- />
176
- <View
177
- onFocusCapture={[Function]}
178
- style={null}
179
- >
41
+ "label": "",
42
+ "value": null,
43
+ },
44
+ {
45
+ "label": "",
46
+ "value": null,
47
+ },
48
+ {
49
+ "label": "--",
50
+ "value": "--",
51
+ },
52
+ {
53
+ "label": "00",
54
+ "value": "00",
55
+ },
56
+ {
57
+ "label": "01",
58
+ "value": "01",
59
+ },
60
+ {
61
+ "label": "02",
62
+ "value": "02",
63
+ },
64
+ {
65
+ "label": "03",
66
+ "value": "03",
67
+ },
68
+ {
69
+ "label": "04",
70
+ "value": "04",
71
+ },
72
+ {
73
+ "label": "05",
74
+ "value": "05",
75
+ },
76
+ {
77
+ "label": "06",
78
+ "value": "06",
79
+ },
80
+ {
81
+ "label": "07",
82
+ "value": "07",
83
+ },
84
+ {
85
+ "label": "08",
86
+ "value": "08",
87
+ },
88
+ {
89
+ "label": "09",
90
+ "value": "09",
91
+ },
92
+ {
93
+ "label": "10",
94
+ "value": "10",
95
+ },
96
+ {
97
+ "label": "11",
98
+ "value": "11",
99
+ },
100
+ {
101
+ "label": "12",
102
+ "value": "12",
103
+ },
104
+ {
105
+ "label": "13",
106
+ "value": "13",
107
+ },
108
+ {
109
+ "label": "14",
110
+ "value": "14",
111
+ },
112
+ {
113
+ "label": "15",
114
+ "value": "15",
115
+ },
116
+ {
117
+ "label": "16",
118
+ "value": "16",
119
+ },
120
+ {
121
+ "label": "17",
122
+ "value": "17",
123
+ },
124
+ {
125
+ "label": "18",
126
+ "value": "18",
127
+ },
128
+ {
129
+ "label": "19",
130
+ "value": "19",
131
+ },
132
+ {
133
+ "label": "20",
134
+ "value": "20",
135
+ },
136
+ {
137
+ "label": "21",
138
+ "value": "21",
139
+ },
140
+ {
141
+ "label": "22",
142
+ "value": "22",
143
+ },
144
+ {
145
+ "label": "23",
146
+ "value": "23",
147
+ },
148
+ {
149
+ "label": "",
150
+ "value": null,
151
+ },
152
+ {
153
+ "label": "",
154
+ "value": null,
155
+ },
156
+ ]
157
+ }
158
+ getItem={[Function]}
159
+ getItemCount={[Function]}
160
+ getItemLayout={[Function]}
161
+ initialScrollIndex={9}
162
+ keyExtractor={[Function]}
163
+ onContentSizeChange={[Function]}
164
+ onLayout={[Function]}
165
+ onMomentumScrollBegin={[Function]}
166
+ onMomentumScrollEnd={[Function]}
167
+ onScroll={[Function]}
168
+ onScrollBeginDrag={[Function]}
169
+ onScrollEndDrag={[Function]}
170
+ onTouchStart={[Function]}
171
+ removeClippedSubviews={false}
172
+ renderItem={[Function]}
173
+ scrollEventThrottle={50}
174
+ showsVerticalScrollIndicator={false}
175
+ snapToInterval={64}
176
+ stickyHeaderIndices={[]}
177
+ viewabilityConfigCallbackPairs={[]}
178
+ >
179
+ <View>
180
180
  <View
181
- accessibilityState={
182
- {
183
- "busy": undefined,
184
- "checked": undefined,
185
- "disabled": undefined,
186
- "expanded": undefined,
187
- "selected": undefined,
188
- }
189
- }
190
- accessibilityValue={
191
- {
192
- "max": undefined,
193
- "min": undefined,
194
- "now": undefined,
195
- "text": undefined,
196
- }
197
- }
198
- accessible={true}
199
- collapsable={false}
200
- focusable={true}
201
- onClick={[Function]}
202
- onResponderGrant={[Function]}
203
- onResponderMove={[Function]}
204
- onResponderRelease={[Function]}
205
- onResponderTerminate={[Function]}
206
- onResponderTerminationRequest={[Function]}
207
- onStartShouldSetResponder={[Function]}
208
181
  style={
209
182
  {
210
- "opacity": 1,
183
+ "height": 576,
211
184
  }
212
185
  }
186
+ />
187
+ <View
188
+ onFocusCapture={[Function]}
189
+ style={null}
213
190
  >
214
191
  <View
192
+ accessibilityState={
193
+ {
194
+ "busy": undefined,
195
+ "checked": undefined,
196
+ "disabled": undefined,
197
+ "expanded": undefined,
198
+ "selected": undefined,
199
+ }
200
+ }
201
+ accessibilityValue={
202
+ {
203
+ "max": undefined,
204
+ "min": undefined,
205
+ "now": undefined,
206
+ "text": undefined,
207
+ }
208
+ }
209
+ accessible={true}
210
+ collapsable={false}
211
+ focusable={true}
212
+ onClick={[Function]}
213
+ onResponderGrant={[Function]}
214
+ onResponderMove={[Function]}
215
+ onResponderRelease={[Function]}
216
+ onResponderTerminate={[Function]}
217
+ onResponderTerminationRequest={[Function]}
218
+ onStartShouldSetResponder={[Function]}
215
219
  style={
216
220
  {
217
- "alignItems": "center",
218
- "backgroundColor": "#FFFFFF",
219
- "fontSize": 20,
220
- "height": 40,
221
- "justifyContent": "center",
221
+ "opacity": 1,
222
222
  }
223
223
  }
224
224
  >
225
- <Text
225
+ <View
226
226
  style={
227
- [
227
+ {
228
+ "alignItems": "center",
229
+ "backgroundColor": "#F5F7FA",
230
+ "fontSize": 32,
231
+ "height": 64,
232
+ "justifyContent": "center",
233
+ }
234
+ }
235
+ >
236
+ <Text
237
+ style={
228
238
  [
239
+ [
240
+ {
241
+ "fontFamily": "SourceSansPro",
242
+ "fontSize": 38,
243
+ "lineHeight": 47.8,
244
+ },
245
+ ],
229
246
  {
230
- "fontFamily": "SourceSansPro",
231
- "fontSize": 18,
232
- "lineHeight": 22.6,
247
+ "color": "#9AA5B1",
248
+ "textAlign": "center",
249
+ "width": "100%",
233
250
  },
234
- ],
235
- {
236
- "color": "#1F2933",
237
- "textAlign": "center",
238
- "width": "100%",
239
- },
240
- undefined,
241
- ]
242
- }
243
- >
244
- 06
245
- </Text>
251
+ {
252
+ "fontSize": 42,
253
+ "fontWeight": "200",
254
+ },
255
+ ]
256
+ }
257
+ >
258
+ 06
259
+ </Text>
260
+ </View>
246
261
  </View>
247
262
  </View>
248
- </View>
249
- <View
250
- onFocusCapture={[Function]}
251
- style={null}
252
- >
253
263
  <View
254
- accessibilityState={
255
- {
256
- "busy": undefined,
257
- "checked": undefined,
258
- "disabled": undefined,
259
- "expanded": undefined,
260
- "selected": undefined,
261
- }
262
- }
263
- accessibilityValue={
264
- {
265
- "max": undefined,
266
- "min": undefined,
267
- "now": undefined,
268
- "text": undefined,
269
- }
270
- }
271
- accessible={true}
272
- collapsable={false}
273
- focusable={true}
274
- onClick={[Function]}
275
- onResponderGrant={[Function]}
276
- onResponderMove={[Function]}
277
- onResponderRelease={[Function]}
278
- onResponderTerminate={[Function]}
279
- onResponderTerminationRequest={[Function]}
280
- onStartShouldSetResponder={[Function]}
281
- style={
282
- {
283
- "opacity": 1,
284
- }
285
- }
264
+ onFocusCapture={[Function]}
265
+ style={null}
286
266
  >
287
267
  <View
268
+ accessibilityState={
269
+ {
270
+ "busy": undefined,
271
+ "checked": undefined,
272
+ "disabled": undefined,
273
+ "expanded": undefined,
274
+ "selected": undefined,
275
+ }
276
+ }
277
+ accessibilityValue={
278
+ {
279
+ "max": undefined,
280
+ "min": undefined,
281
+ "now": undefined,
282
+ "text": undefined,
283
+ }
284
+ }
285
+ accessible={true}
286
+ collapsable={false}
287
+ focusable={true}
288
+ onClick={[Function]}
289
+ onResponderGrant={[Function]}
290
+ onResponderMove={[Function]}
291
+ onResponderRelease={[Function]}
292
+ onResponderTerminate={[Function]}
293
+ onResponderTerminationRequest={[Function]}
294
+ onStartShouldSetResponder={[Function]}
288
295
  style={
289
296
  {
290
- "alignItems": "center",
291
- "backgroundColor": "#FFFFFF",
292
- "fontSize": 20,
293
- "height": 40,
294
- "justifyContent": "center",
297
+ "opacity": 1,
295
298
  }
296
299
  }
297
300
  >
298
- <Text
301
+ <View
299
302
  style={
300
- [
303
+ {
304
+ "alignItems": "center",
305
+ "backgroundColor": "#F5F7FA",
306
+ "fontSize": 32,
307
+ "height": 64,
308
+ "justifyContent": "center",
309
+ }
310
+ }
311
+ >
312
+ <Text
313
+ style={
301
314
  [
315
+ [
316
+ {
317
+ "fontFamily": "SourceSansPro",
318
+ "fontSize": 38,
319
+ "lineHeight": 47.8,
320
+ },
321
+ ],
302
322
  {
303
- "fontFamily": "SourceSansPro",
304
- "fontSize": 18,
305
- "lineHeight": 22.6,
323
+ "color": "#9AA5B1",
324
+ "textAlign": "center",
325
+ "width": "100%",
306
326
  },
307
- ],
308
- {
309
- "color": "#1F2933",
310
- "textAlign": "center",
311
- "width": "100%",
312
- },
313
- undefined,
314
- ]
315
- }
316
- >
317
- 07
318
- </Text>
327
+ {
328
+ "fontSize": 42,
329
+ "fontWeight": "200",
330
+ },
331
+ ]
332
+ }
333
+ >
334
+ 07
335
+ </Text>
336
+ </View>
319
337
  </View>
320
338
  </View>
321
- </View>
322
- <View
323
- onFocusCapture={[Function]}
324
- style={null}
325
- >
326
339
  <View
327
- accessibilityState={
328
- {
329
- "busy": undefined,
330
- "checked": undefined,
331
- "disabled": undefined,
332
- "expanded": undefined,
333
- "selected": undefined,
334
- }
335
- }
336
- accessibilityValue={
337
- {
338
- "max": undefined,
339
- "min": undefined,
340
- "now": undefined,
341
- "text": undefined,
342
- }
343
- }
344
- accessible={true}
345
- collapsable={false}
346
- focusable={true}
347
- onClick={[Function]}
348
- onResponderGrant={[Function]}
349
- onResponderMove={[Function]}
350
- onResponderRelease={[Function]}
351
- onResponderTerminate={[Function]}
352
- onResponderTerminationRequest={[Function]}
353
- onStartShouldSetResponder={[Function]}
354
- style={
355
- {
356
- "opacity": 1,
357
- }
358
- }
340
+ onFocusCapture={[Function]}
341
+ style={null}
359
342
  >
360
343
  <View
344
+ accessibilityState={
345
+ {
346
+ "busy": undefined,
347
+ "checked": undefined,
348
+ "disabled": undefined,
349
+ "expanded": undefined,
350
+ "selected": undefined,
351
+ }
352
+ }
353
+ accessibilityValue={
354
+ {
355
+ "max": undefined,
356
+ "min": undefined,
357
+ "now": undefined,
358
+ "text": undefined,
359
+ }
360
+ }
361
+ accessible={true}
362
+ collapsable={false}
363
+ focusable={true}
364
+ onClick={[Function]}
365
+ onResponderGrant={[Function]}
366
+ onResponderMove={[Function]}
367
+ onResponderRelease={[Function]}
368
+ onResponderTerminate={[Function]}
369
+ onResponderTerminationRequest={[Function]}
370
+ onStartShouldSetResponder={[Function]}
361
371
  style={
362
372
  {
363
- "alignItems": "center",
364
- "backgroundColor": "#FFFFFF",
365
- "fontSize": 20,
366
- "height": 40,
367
- "justifyContent": "center",
373
+ "opacity": 1,
368
374
  }
369
375
  }
370
376
  >
371
- <Text
377
+ <View
372
378
  style={
373
- [
379
+ {
380
+ "alignItems": "center",
381
+ "backgroundColor": "#F5F7FA",
382
+ "fontSize": 32,
383
+ "height": 64,
384
+ "justifyContent": "center",
385
+ }
386
+ }
387
+ >
388
+ <Text
389
+ style={
374
390
  [
391
+ [
392
+ {
393
+ "fontFamily": "SourceSansPro",
394
+ "fontSize": 38,
395
+ "lineHeight": 47.8,
396
+ },
397
+ ],
375
398
  {
376
- "fontFamily": "SourceSansPro",
377
- "fontSize": 18,
378
- "lineHeight": 22.6,
399
+ "color": "#9AA5B1",
400
+ "textAlign": "center",
401
+ "width": "100%",
379
402
  },
380
- ],
381
- {
382
- "color": "#1F2933",
383
- "textAlign": "center",
384
- "width": "100%",
385
- },
386
- undefined,
387
- ]
388
- }
389
- >
390
- 08
391
- </Text>
403
+ {
404
+ "fontSize": 42,
405
+ "fontWeight": "200",
406
+ },
407
+ ]
408
+ }
409
+ >
410
+ 08
411
+ </Text>
412
+ </View>
392
413
  </View>
393
414
  </View>
394
- </View>
395
- <View
396
- onFocusCapture={[Function]}
397
- style={null}
398
- >
399
415
  <View
400
- accessibilityState={
401
- {
402
- "busy": undefined,
403
- "checked": undefined,
404
- "disabled": undefined,
405
- "expanded": undefined,
406
- "selected": undefined,
407
- }
408
- }
409
- accessibilityValue={
410
- {
411
- "max": undefined,
412
- "min": undefined,
413
- "now": undefined,
414
- "text": undefined,
415
- }
416
- }
417
- accessible={true}
418
- collapsable={false}
419
- focusable={true}
420
- onClick={[Function]}
421
- onResponderGrant={[Function]}
422
- onResponderMove={[Function]}
423
- onResponderRelease={[Function]}
424
- onResponderTerminate={[Function]}
425
- onResponderTerminationRequest={[Function]}
426
- onStartShouldSetResponder={[Function]}
427
- style={
428
- {
429
- "opacity": 1,
430
- }
431
- }
416
+ onFocusCapture={[Function]}
417
+ style={null}
432
418
  >
433
419
  <View
420
+ accessibilityState={
421
+ {
422
+ "busy": undefined,
423
+ "checked": undefined,
424
+ "disabled": undefined,
425
+ "expanded": undefined,
426
+ "selected": undefined,
427
+ }
428
+ }
429
+ accessibilityValue={
430
+ {
431
+ "max": undefined,
432
+ "min": undefined,
433
+ "now": undefined,
434
+ "text": undefined,
435
+ }
436
+ }
437
+ accessible={true}
438
+ collapsable={false}
439
+ focusable={true}
440
+ onClick={[Function]}
441
+ onResponderGrant={[Function]}
442
+ onResponderMove={[Function]}
443
+ onResponderRelease={[Function]}
444
+ onResponderTerminate={[Function]}
445
+ onResponderTerminationRequest={[Function]}
446
+ onStartShouldSetResponder={[Function]}
434
447
  style={
435
448
  {
436
- "alignItems": "center",
437
- "backgroundColor": "#FFFFFF",
438
- "fontSize": 20,
439
- "height": 40,
440
- "justifyContent": "center",
449
+ "opacity": 1,
441
450
  }
442
451
  }
443
452
  >
444
- <Text
453
+ <View
445
454
  style={
446
- [
455
+ {
456
+ "alignItems": "center",
457
+ "backgroundColor": "#F5F7FA",
458
+ "fontSize": 32,
459
+ "height": 64,
460
+ "justifyContent": "center",
461
+ }
462
+ }
463
+ >
464
+ <Text
465
+ style={
447
466
  [
467
+ [
468
+ {
469
+ "fontFamily": "SourceSansPro",
470
+ "fontSize": 38,
471
+ "lineHeight": 47.8,
472
+ },
473
+ ],
448
474
  {
449
- "fontFamily": "SourceSansPro",
450
- "fontSize": 18,
451
- "lineHeight": 22.6,
475
+ "color": "#9AA5B1",
476
+ "textAlign": "center",
477
+ "width": "100%",
452
478
  },
453
- ],
454
- {
455
- "color": "#1F2933",
456
- "textAlign": "center",
457
- "width": "100%",
458
- },
459
- undefined,
460
- ]
461
- }
462
- >
463
- 09
464
- </Text>
479
+ {
480
+ "fontSize": 42,
481
+ "fontWeight": "200",
482
+ },
483
+ ]
484
+ }
485
+ >
486
+ 09
487
+ </Text>
488
+ </View>
465
489
  </View>
466
490
  </View>
467
- </View>
468
- <View
469
- onFocusCapture={[Function]}
470
- style={null}
471
- >
472
491
  <View
473
- accessibilityState={
474
- {
475
- "busy": undefined,
476
- "checked": undefined,
477
- "disabled": undefined,
478
- "expanded": undefined,
479
- "selected": undefined,
480
- }
481
- }
482
- accessibilityValue={
483
- {
484
- "max": undefined,
485
- "min": undefined,
486
- "now": undefined,
487
- "text": undefined,
488
- }
489
- }
490
- accessible={true}
491
- collapsable={false}
492
- focusable={true}
493
- onClick={[Function]}
494
- onResponderGrant={[Function]}
495
- onResponderMove={[Function]}
496
- onResponderRelease={[Function]}
497
- onResponderTerminate={[Function]}
498
- onResponderTerminationRequest={[Function]}
499
- onStartShouldSetResponder={[Function]}
500
- style={
501
- {
502
- "opacity": 1,
503
- }
504
- }
492
+ onFocusCapture={[Function]}
493
+ style={null}
505
494
  >
506
495
  <View
496
+ accessibilityState={
497
+ {
498
+ "busy": undefined,
499
+ "checked": undefined,
500
+ "disabled": undefined,
501
+ "expanded": undefined,
502
+ "selected": undefined,
503
+ }
504
+ }
505
+ accessibilityValue={
506
+ {
507
+ "max": undefined,
508
+ "min": undefined,
509
+ "now": undefined,
510
+ "text": undefined,
511
+ }
512
+ }
513
+ accessible={true}
514
+ collapsable={false}
515
+ focusable={true}
516
+ onClick={[Function]}
517
+ onResponderGrant={[Function]}
518
+ onResponderMove={[Function]}
519
+ onResponderRelease={[Function]}
520
+ onResponderTerminate={[Function]}
521
+ onResponderTerminationRequest={[Function]}
522
+ onStartShouldSetResponder={[Function]}
507
523
  style={
508
524
  {
509
- "alignItems": "center",
510
- "backgroundColor": "#FFFFFF",
511
- "fontSize": 20,
512
- "height": 40,
513
- "justifyContent": "center",
525
+ "opacity": 1,
514
526
  }
515
527
  }
516
528
  >
517
- <Text
529
+ <View
518
530
  style={
519
- [
531
+ {
532
+ "alignItems": "center",
533
+ "backgroundColor": "#F5F7FA",
534
+ "fontSize": 32,
535
+ "height": 64,
536
+ "justifyContent": "center",
537
+ }
538
+ }
539
+ >
540
+ <Text
541
+ style={
520
542
  [
543
+ [
544
+ {
545
+ "fontFamily": "SourceSansPro",
546
+ "fontSize": 38,
547
+ "lineHeight": 47.8,
548
+ },
549
+ ],
521
550
  {
522
- "fontFamily": "SourceSansPro",
523
- "fontSize": 18,
524
- "lineHeight": 22.6,
551
+ "color": "#9AA5B1",
552
+ "textAlign": "center",
553
+ "width": "100%",
525
554
  },
526
- ],
527
- {
528
- "color": "#1F2933",
529
- "textAlign": "center",
530
- "width": "100%",
531
- },
532
- undefined,
533
- ]
534
- }
535
- >
536
- 10
537
- </Text>
555
+ {
556
+ "fontSize": 42,
557
+ "fontWeight": "200",
558
+ },
559
+ ]
560
+ }
561
+ >
562
+ 10
563
+ </Text>
564
+ </View>
538
565
  </View>
539
566
  </View>
540
- </View>
541
- <View
542
- onFocusCapture={[Function]}
543
- style={null}
544
- >
545
567
  <View
546
- accessibilityState={
547
- {
548
- "busy": undefined,
549
- "checked": undefined,
550
- "disabled": undefined,
551
- "expanded": undefined,
552
- "selected": undefined,
553
- }
554
- }
555
- accessibilityValue={
556
- {
557
- "max": undefined,
558
- "min": undefined,
559
- "now": undefined,
560
- "text": undefined,
561
- }
562
- }
563
- accessible={true}
564
- collapsable={false}
565
- focusable={true}
566
- onClick={[Function]}
567
- onResponderGrant={[Function]}
568
- onResponderMove={[Function]}
569
- onResponderRelease={[Function]}
570
- onResponderTerminate={[Function]}
571
- onResponderTerminationRequest={[Function]}
572
- onStartShouldSetResponder={[Function]}
573
- style={
574
- {
575
- "opacity": 1,
576
- }
577
- }
568
+ onFocusCapture={[Function]}
569
+ style={null}
578
570
  >
579
571
  <View
572
+ accessibilityState={
573
+ {
574
+ "busy": undefined,
575
+ "checked": undefined,
576
+ "disabled": undefined,
577
+ "expanded": undefined,
578
+ "selected": undefined,
579
+ }
580
+ }
581
+ accessibilityValue={
582
+ {
583
+ "max": undefined,
584
+ "min": undefined,
585
+ "now": undefined,
586
+ "text": undefined,
587
+ }
588
+ }
589
+ accessible={true}
590
+ collapsable={false}
591
+ focusable={true}
592
+ onClick={[Function]}
593
+ onResponderGrant={[Function]}
594
+ onResponderMove={[Function]}
595
+ onResponderRelease={[Function]}
596
+ onResponderTerminate={[Function]}
597
+ onResponderTerminationRequest={[Function]}
598
+ onStartShouldSetResponder={[Function]}
580
599
  style={
581
600
  {
582
- "alignItems": "center",
583
- "backgroundColor": "#FFFFFF",
584
- "fontSize": 20,
585
- "height": 40,
586
- "justifyContent": "center",
601
+ "opacity": 1,
587
602
  }
588
603
  }
589
604
  >
590
- <Text
605
+ <View
591
606
  style={
592
- [
607
+ {
608
+ "alignItems": "center",
609
+ "backgroundColor": "#F5F7FA",
610
+ "fontSize": 32,
611
+ "height": 64,
612
+ "justifyContent": "center",
613
+ }
614
+ }
615
+ >
616
+ <Text
617
+ style={
593
618
  [
619
+ [
620
+ {
621
+ "fontFamily": "SourceSansPro",
622
+ "fontSize": 38,
623
+ "lineHeight": 47.8,
624
+ },
625
+ ],
594
626
  {
595
- "fontFamily": "SourceSansPro",
596
- "fontSize": 18,
597
- "lineHeight": 22.6,
627
+ "color": "#9AA5B1",
628
+ "textAlign": "center",
629
+ "width": "100%",
598
630
  },
599
- ],
600
- {
601
- "color": "#1F2933",
602
- "textAlign": "center",
603
- "width": "100%",
604
- },
605
- undefined,
606
- ]
607
- }
608
- >
609
- 11
610
- </Text>
631
+ {
632
+ "fontSize": 42,
633
+ "fontWeight": "200",
634
+ },
635
+ ]
636
+ }
637
+ >
638
+ 11
639
+ </Text>
640
+ </View>
611
641
  </View>
612
642
  </View>
613
- </View>
614
- <View
615
- onFocusCapture={[Function]}
616
- style={null}
617
- >
618
643
  <View
619
- accessibilityState={
620
- {
621
- "busy": undefined,
622
- "checked": undefined,
623
- "disabled": undefined,
624
- "expanded": undefined,
625
- "selected": undefined,
626
- }
627
- }
628
- accessibilityValue={
629
- {
630
- "max": undefined,
631
- "min": undefined,
632
- "now": undefined,
633
- "text": undefined,
634
- }
635
- }
636
- accessible={true}
637
- collapsable={false}
638
- focusable={true}
639
- onClick={[Function]}
640
- onResponderGrant={[Function]}
641
- onResponderMove={[Function]}
642
- onResponderRelease={[Function]}
643
- onResponderTerminate={[Function]}
644
- onResponderTerminationRequest={[Function]}
645
- onStartShouldSetResponder={[Function]}
646
- style={
647
- {
648
- "opacity": 1,
649
- }
650
- }
644
+ onFocusCapture={[Function]}
645
+ style={null}
651
646
  >
652
647
  <View
648
+ accessibilityState={
649
+ {
650
+ "busy": undefined,
651
+ "checked": undefined,
652
+ "disabled": undefined,
653
+ "expanded": undefined,
654
+ "selected": undefined,
655
+ }
656
+ }
657
+ accessibilityValue={
658
+ {
659
+ "max": undefined,
660
+ "min": undefined,
661
+ "now": undefined,
662
+ "text": undefined,
663
+ }
664
+ }
665
+ accessible={true}
666
+ collapsable={false}
667
+ focusable={true}
668
+ onClick={[Function]}
669
+ onResponderGrant={[Function]}
670
+ onResponderMove={[Function]}
671
+ onResponderRelease={[Function]}
672
+ onResponderTerminate={[Function]}
673
+ onResponderTerminationRequest={[Function]}
674
+ onStartShouldSetResponder={[Function]}
653
675
  style={
654
676
  {
655
- "alignItems": "center",
656
- "backgroundColor": "#FFFFFF",
657
- "fontSize": 20,
658
- "height": 40,
659
- "justifyContent": "center",
677
+ "opacity": 1,
660
678
  }
661
679
  }
662
680
  >
663
- <Text
681
+ <View
664
682
  style={
665
- [
683
+ {
684
+ "alignItems": "center",
685
+ "backgroundColor": "#F5F7FA",
686
+ "fontSize": 32,
687
+ "height": 64,
688
+ "justifyContent": "center",
689
+ }
690
+ }
691
+ >
692
+ <Text
693
+ style={
666
694
  [
695
+ [
696
+ {
697
+ "fontFamily": "SourceSansPro",
698
+ "fontSize": 38,
699
+ "lineHeight": 47.8,
700
+ },
701
+ ],
667
702
  {
668
- "fontFamily": "SourceSansPro",
669
- "fontSize": 18,
670
- "lineHeight": 22.6,
703
+ "color": "#9AA5B1",
704
+ "textAlign": "center",
705
+ "width": "100%",
671
706
  },
672
- ],
673
- {
674
- "color": "#1F2933",
675
- "textAlign": "center",
676
- "width": "100%",
677
- },
678
- undefined,
679
- ]
680
- }
681
- >
682
- 12
683
- </Text>
707
+ {
708
+ "fontSize": 42,
709
+ "fontWeight": "200",
710
+ },
711
+ ]
712
+ }
713
+ >
714
+ 12
715
+ </Text>
716
+ </View>
684
717
  </View>
685
718
  </View>
686
- </View>
687
- <View
688
- onFocusCapture={[Function]}
689
- style={null}
690
- >
691
719
  <View
692
- accessibilityState={
693
- {
694
- "busy": undefined,
695
- "checked": undefined,
696
- "disabled": undefined,
697
- "expanded": undefined,
698
- "selected": undefined,
699
- }
700
- }
701
- accessibilityValue={
702
- {
703
- "max": undefined,
704
- "min": undefined,
705
- "now": undefined,
706
- "text": undefined,
707
- }
708
- }
709
- accessible={true}
710
- collapsable={false}
711
- focusable={true}
712
- onClick={[Function]}
713
- onResponderGrant={[Function]}
714
- onResponderMove={[Function]}
715
- onResponderRelease={[Function]}
716
- onResponderTerminate={[Function]}
717
- onResponderTerminationRequest={[Function]}
718
- onStartShouldSetResponder={[Function]}
719
- style={
720
- {
721
- "opacity": 1,
722
- }
723
- }
720
+ onFocusCapture={[Function]}
721
+ style={null}
724
722
  >
725
723
  <View
724
+ accessibilityState={
725
+ {
726
+ "busy": undefined,
727
+ "checked": undefined,
728
+ "disabled": undefined,
729
+ "expanded": undefined,
730
+ "selected": undefined,
731
+ }
732
+ }
733
+ accessibilityValue={
734
+ {
735
+ "max": undefined,
736
+ "min": undefined,
737
+ "now": undefined,
738
+ "text": undefined,
739
+ }
740
+ }
741
+ accessible={true}
742
+ collapsable={false}
743
+ focusable={true}
744
+ onClick={[Function]}
745
+ onResponderGrant={[Function]}
746
+ onResponderMove={[Function]}
747
+ onResponderRelease={[Function]}
748
+ onResponderTerminate={[Function]}
749
+ onResponderTerminationRequest={[Function]}
750
+ onStartShouldSetResponder={[Function]}
726
751
  style={
727
752
  {
728
- "alignItems": "center",
729
- "backgroundColor": "#FFFFFF",
730
- "fontSize": 20,
731
- "height": 40,
732
- "justifyContent": "center",
753
+ "opacity": 1,
733
754
  }
734
755
  }
735
756
  >
736
- <Text
757
+ <View
737
758
  style={
738
- [
759
+ {
760
+ "alignItems": "center",
761
+ "backgroundColor": "#F5F7FA",
762
+ "fontSize": 32,
763
+ "height": 64,
764
+ "justifyContent": "center",
765
+ }
766
+ }
767
+ >
768
+ <Text
769
+ style={
739
770
  [
771
+ [
772
+ {
773
+ "fontFamily": "SourceSansPro",
774
+ "fontSize": 38,
775
+ "lineHeight": 47.8,
776
+ },
777
+ ],
740
778
  {
741
- "fontFamily": "SourceSansPro",
742
- "fontSize": 18,
743
- "lineHeight": 22.6,
779
+ "color": "#9AA5B1",
780
+ "textAlign": "center",
781
+ "width": "100%",
744
782
  },
745
- ],
746
- {
747
- "color": "#1F2933",
748
- "textAlign": "center",
749
- "width": "100%",
750
- },
751
- undefined,
752
- ]
753
- }
754
- >
755
- 13
756
- </Text>
783
+ {
784
+ "fontSize": 42,
785
+ "fontWeight": "200",
786
+ },
787
+ ]
788
+ }
789
+ >
790
+ 13
791
+ </Text>
792
+ </View>
757
793
  </View>
758
794
  </View>
759
- </View>
760
- <View
761
- onFocusCapture={[Function]}
762
- style={null}
763
- >
764
795
  <View
765
- accessibilityState={
766
- {
767
- "busy": undefined,
768
- "checked": undefined,
769
- "disabled": undefined,
770
- "expanded": undefined,
771
- "selected": undefined,
772
- }
773
- }
774
- accessibilityValue={
775
- {
776
- "max": undefined,
777
- "min": undefined,
778
- "now": undefined,
779
- "text": undefined,
780
- }
781
- }
782
- accessible={true}
783
- collapsable={false}
784
- focusable={true}
785
- onClick={[Function]}
786
- onResponderGrant={[Function]}
787
- onResponderMove={[Function]}
788
- onResponderRelease={[Function]}
789
- onResponderTerminate={[Function]}
790
- onResponderTerminationRequest={[Function]}
791
- onStartShouldSetResponder={[Function]}
792
- style={
793
- {
794
- "opacity": 1,
795
- }
796
- }
796
+ onFocusCapture={[Function]}
797
+ style={null}
797
798
  >
798
799
  <View
800
+ accessibilityState={
801
+ {
802
+ "busy": undefined,
803
+ "checked": undefined,
804
+ "disabled": undefined,
805
+ "expanded": undefined,
806
+ "selected": undefined,
807
+ }
808
+ }
809
+ accessibilityValue={
810
+ {
811
+ "max": undefined,
812
+ "min": undefined,
813
+ "now": undefined,
814
+ "text": undefined,
815
+ }
816
+ }
817
+ accessible={true}
818
+ collapsable={false}
819
+ focusable={true}
820
+ onClick={[Function]}
821
+ onResponderGrant={[Function]}
822
+ onResponderMove={[Function]}
823
+ onResponderRelease={[Function]}
824
+ onResponderTerminate={[Function]}
825
+ onResponderTerminationRequest={[Function]}
826
+ onStartShouldSetResponder={[Function]}
799
827
  style={
800
828
  {
801
- "alignItems": "center",
802
- "backgroundColor": "#FFFFFF",
803
- "fontSize": 20,
804
- "height": 40,
805
- "justifyContent": "center",
829
+ "opacity": 1,
806
830
  }
807
831
  }
808
832
  >
809
- <Text
833
+ <View
810
834
  style={
811
- [
835
+ {
836
+ "alignItems": "center",
837
+ "backgroundColor": "#F5F7FA",
838
+ "fontSize": 32,
839
+ "height": 64,
840
+ "justifyContent": "center",
841
+ }
842
+ }
843
+ >
844
+ <Text
845
+ style={
812
846
  [
847
+ [
848
+ {
849
+ "fontFamily": "SourceSansPro",
850
+ "fontSize": 38,
851
+ "lineHeight": 47.8,
852
+ },
853
+ ],
813
854
  {
814
- "fontFamily": "SourceSansPro",
815
- "fontSize": 18,
816
- "lineHeight": 22.6,
855
+ "color": "#9AA5B1",
856
+ "textAlign": "center",
857
+ "width": "100%",
817
858
  },
818
- ],
819
- {
820
- "color": "#1F2933",
821
- "textAlign": "center",
822
- "width": "100%",
823
- },
824
- undefined,
825
- ]
826
- }
827
- >
828
- 14
829
- </Text>
859
+ {
860
+ "fontSize": 42,
861
+ "fontWeight": "200",
862
+ },
863
+ ]
864
+ }
865
+ >
866
+ 14
867
+ </Text>
868
+ </View>
830
869
  </View>
831
870
  </View>
832
- </View>
833
- <View
834
- onFocusCapture={[Function]}
835
- style={null}
836
- >
837
871
  <View
838
- accessibilityState={
839
- {
840
- "busy": undefined,
841
- "checked": undefined,
842
- "disabled": undefined,
843
- "expanded": undefined,
844
- "selected": undefined,
845
- }
846
- }
847
- accessibilityValue={
848
- {
849
- "max": undefined,
850
- "min": undefined,
851
- "now": undefined,
852
- "text": undefined,
853
- }
854
- }
855
- accessible={true}
856
- collapsable={false}
857
- focusable={true}
858
- onClick={[Function]}
859
- onResponderGrant={[Function]}
860
- onResponderMove={[Function]}
861
- onResponderRelease={[Function]}
862
- onResponderTerminate={[Function]}
863
- onResponderTerminationRequest={[Function]}
864
- onStartShouldSetResponder={[Function]}
865
- style={
866
- {
867
- "opacity": 1,
868
- }
869
- }
872
+ onFocusCapture={[Function]}
873
+ style={null}
870
874
  >
871
875
  <View
876
+ accessibilityState={
877
+ {
878
+ "busy": undefined,
879
+ "checked": undefined,
880
+ "disabled": undefined,
881
+ "expanded": undefined,
882
+ "selected": undefined,
883
+ }
884
+ }
885
+ accessibilityValue={
886
+ {
887
+ "max": undefined,
888
+ "min": undefined,
889
+ "now": undefined,
890
+ "text": undefined,
891
+ }
892
+ }
893
+ accessible={true}
894
+ collapsable={false}
895
+ focusable={true}
896
+ onClick={[Function]}
897
+ onResponderGrant={[Function]}
898
+ onResponderMove={[Function]}
899
+ onResponderRelease={[Function]}
900
+ onResponderTerminate={[Function]}
901
+ onResponderTerminationRequest={[Function]}
902
+ onStartShouldSetResponder={[Function]}
872
903
  style={
873
904
  {
874
- "alignItems": "center",
875
- "backgroundColor": "#FFFFFF",
876
- "fontSize": 20,
877
- "height": 40,
878
- "justifyContent": "center",
905
+ "opacity": 1,
879
906
  }
880
907
  }
881
908
  >
882
- <Text
909
+ <View
883
910
  style={
884
- [
911
+ {
912
+ "alignItems": "center",
913
+ "backgroundColor": "#F5F7FA",
914
+ "fontSize": 32,
915
+ "height": 64,
916
+ "justifyContent": "center",
917
+ }
918
+ }
919
+ >
920
+ <Text
921
+ style={
885
922
  [
923
+ [
924
+ {
925
+ "fontFamily": "SourceSansPro",
926
+ "fontSize": 38,
927
+ "lineHeight": 47.8,
928
+ },
929
+ ],
886
930
  {
887
- "fontFamily": "SourceSansPro",
888
- "fontSize": 18,
889
- "lineHeight": 22.6,
931
+ "color": "#9AA5B1",
932
+ "textAlign": "center",
933
+ "width": "100%",
890
934
  },
891
- ],
892
- {
893
- "color": "#1F2933",
894
- "textAlign": "center",
895
- "width": "100%",
896
- },
897
- undefined,
898
- ]
899
- }
900
- >
901
- 15
902
- </Text>
935
+ {
936
+ "fontSize": 42,
937
+ "fontWeight": "200",
938
+ },
939
+ ]
940
+ }
941
+ >
942
+ 15
943
+ </Text>
944
+ </View>
903
945
  </View>
904
946
  </View>
947
+ <View
948
+ style={
949
+ {
950
+ "height": 640,
951
+ }
952
+ }
953
+ />
905
954
  </View>
906
- <View
955
+ </RCTScrollView>
956
+ <View
957
+ pointerEvents="none"
958
+ style={
959
+ [
960
+ [
961
+ {
962
+ "borderColor": undefined,
963
+ "height": 128,
964
+ },
965
+ {
966
+ "position": "absolute",
967
+ "width": "100%",
968
+ },
969
+ ],
970
+ {
971
+ "top": 0,
972
+ },
973
+ {
974
+ "borderBottomWidth": undefined,
975
+ },
976
+ ]
977
+ }
978
+ >
979
+ <ViewManagerAdapter_ExpoLinearGradient
980
+ proxiedProperties={
981
+ {
982
+ "colors": [
983
+ 4294309882,
984
+ 871757818,
985
+ ],
986
+ "endPoint": undefined,
987
+ "locations": undefined,
988
+ "startPoint": undefined,
989
+ }
990
+ }
907
991
  style={
908
992
  {
909
- "height": 400,
993
+ "flex": 1,
910
994
  }
911
995
  }
912
996
  />
913
997
  </View>
914
- </RCTScrollView>
915
- <View
916
- pointerEvents="none"
917
- style={
918
- [
998
+ <View
999
+ pointerEvents="none"
1000
+ style={
919
1001
  [
1002
+ [
1003
+ {
1004
+ "borderColor": undefined,
1005
+ "height": 128,
1006
+ },
1007
+ {
1008
+ "position": "absolute",
1009
+ "width": "100%",
1010
+ },
1011
+ ],
920
1012
  {
921
- "borderColor": "#E5E8EB",
922
- "height": 80,
1013
+ "bottom": 0,
923
1014
  },
924
1015
  {
925
- "position": "absolute",
926
- "width": "100%",
1016
+ "borderTopWidth": undefined,
927
1017
  },
928
- ],
929
- {
930
- "top": 0,
931
- },
932
- {
933
- "borderBottomWidth": 1,
934
- },
935
- ]
936
- }
937
- >
938
- <ViewManagerAdapter_ExpoLinearGradient
939
- proxiedProperties={
940
- {
941
- "colors": [
942
- 4294967295,
943
- 872415231,
944
- ],
945
- "endPoint": undefined,
946
- "locations": undefined,
947
- "startPoint": undefined,
948
- }
949
- }
950
- style={
951
- {
952
- "flex": 1,
953
- }
1018
+ ]
954
1019
  }
955
- />
956
- </View>
957
- <View
958
- pointerEvents="none"
959
- style={
960
- [
961
- [
1020
+ >
1021
+ <ViewManagerAdapter_ExpoLinearGradient
1022
+ proxiedProperties={
962
1023
  {
963
- "borderColor": "#E5E8EB",
964
- "height": 80,
965
- },
966
- {
967
- "position": "absolute",
968
- "width": "100%",
969
- },
970
- ],
971
- {
972
- "bottom": 0,
973
- },
974
- {
975
- "borderTopWidth": 1,
976
- },
977
- ]
978
- }
979
- >
980
- <ViewManagerAdapter_ExpoLinearGradient
981
- proxiedProperties={
982
- {
983
- "colors": [
984
- 872415231,
985
- 4294967295,
986
- ],
987
- "endPoint": undefined,
988
- "locations": undefined,
989
- "startPoint": undefined,
1024
+ "colors": [
1025
+ 871757818,
1026
+ 4294309882,
1027
+ ],
1028
+ "endPoint": undefined,
1029
+ "locations": undefined,
1030
+ "startPoint": undefined,
1031
+ }
990
1032
  }
991
- }
992
- style={
993
- {
994
- "flex": 1,
1033
+ style={
1034
+ {
1035
+ "flex": 1,
1036
+ }
995
1037
  }
996
- }
997
- />
1038
+ />
1039
+ </View>
998
1040
  </View>
999
1041
  </View>
1000
1042
  <View>
@@ -1004,16 +1046,20 @@ exports[`Time picker test Should render a time picker where we can choose the ho
1004
1046
  [
1005
1047
  {
1006
1048
  "fontFamily": "SourceSansPro",
1007
- "fontSize": 18,
1008
- "lineHeight": 22.6,
1049
+ "fontSize": 38,
1050
+ "lineHeight": 47.8,
1009
1051
  },
1010
1052
  ],
1011
1053
  {
1012
- "color": "#1F2933",
1013
- "textAlign": undefined,
1054
+ "color": "#9AA5B1",
1055
+ "textAlign": "center",
1014
1056
  "width": "100%",
1015
1057
  },
1016
- undefined,
1058
+ {
1059
+ "fontSize": 42,
1060
+ "fontWeight": "200",
1061
+ "lineHeight": 42,
1062
+ },
1017
1063
  ]
1018
1064
  }
1019
1065
  >
@@ -1023,1126 +1069,1172 @@ exports[`Time picker test Should render a time picker where we can choose the ho
1023
1069
  <View
1024
1070
  style={
1025
1071
  {
1026
- "backgroundColor": "#FFFFFF",
1027
- "height": 200,
1028
- "width": 72,
1072
+ "alignItems": "center",
1073
+ "borderColor": "#E5E8EB",
1074
+ "borderRadius": 20,
1075
+ "borderStyle": "solid",
1076
+ "borderWidth": 1,
1077
+ "justifyContent": "center",
1078
+ "maxHeight": 72,
1079
+ "maxWidth": 72,
1080
+ "overflow": "hidden",
1029
1081
  }
1030
1082
  }
1031
1083
  >
1032
- <RCTScrollView
1033
- data={
1034
- [
1035
- {
1036
- "label": "",
1037
- "value": null,
1038
- },
1039
- {
1040
- "label": "",
1041
- "value": null,
1042
- },
1043
- {
1044
- "label": "--",
1045
- "value": "--",
1046
- },
1047
- {
1048
- "label": "00",
1049
- "value": "00",
1050
- },
1051
- {
1052
- "label": "01",
1053
- "value": "01",
1054
- },
1055
- {
1056
- "label": "02",
1057
- "value": "02",
1058
- },
1059
- {
1060
- "label": "03",
1061
- "value": "03",
1062
- },
1063
- {
1064
- "label": "04",
1065
- "value": "04",
1066
- },
1067
- {
1068
- "label": "05",
1069
- "value": "05",
1070
- },
1071
- {
1072
- "label": "06",
1073
- "value": "06",
1074
- },
1075
- {
1076
- "label": "07",
1077
- "value": "07",
1078
- },
1079
- {
1080
- "label": "08",
1081
- "value": "08",
1082
- },
1083
- {
1084
- "label": "09",
1085
- "value": "09",
1086
- },
1087
- {
1088
- "label": "10",
1089
- "value": "10",
1090
- },
1091
- {
1092
- "label": "11",
1093
- "value": "11",
1094
- },
1095
- {
1096
- "label": "12",
1097
- "value": "12",
1098
- },
1099
- {
1100
- "label": "13",
1101
- "value": "13",
1102
- },
1103
- {
1104
- "label": "14",
1105
- "value": "14",
1106
- },
1107
- {
1108
- "label": "15",
1109
- "value": "15",
1110
- },
1111
- {
1112
- "label": "16",
1113
- "value": "16",
1114
- },
1115
- {
1116
- "label": "17",
1117
- "value": "17",
1118
- },
1119
- {
1120
- "label": "18",
1121
- "value": "18",
1122
- },
1123
- {
1124
- "label": "19",
1125
- "value": "19",
1126
- },
1127
- {
1128
- "label": "20",
1129
- "value": "20",
1130
- },
1131
- {
1132
- "label": "21",
1133
- "value": "21",
1134
- },
1135
- {
1136
- "label": "22",
1137
- "value": "22",
1138
- },
1139
- {
1140
- "label": "23",
1141
- "value": "23",
1142
- },
1143
- {
1144
- "label": "24",
1145
- "value": "24",
1146
- },
1147
- {
1148
- "label": "25",
1149
- "value": "25",
1150
- },
1151
- {
1152
- "label": "26",
1153
- "value": "26",
1154
- },
1155
- {
1156
- "label": "27",
1157
- "value": "27",
1158
- },
1159
- {
1160
- "label": "28",
1161
- "value": "28",
1162
- },
1163
- {
1164
- "label": "29",
1165
- "value": "29",
1166
- },
1167
- {
1168
- "label": "30",
1169
- "value": "30",
1170
- },
1171
- {
1172
- "label": "31",
1173
- "value": "31",
1174
- },
1175
- {
1176
- "label": "32",
1177
- "value": "32",
1178
- },
1179
- {
1180
- "label": "33",
1181
- "value": "33",
1182
- },
1183
- {
1184
- "label": "34",
1185
- "value": "34",
1186
- },
1187
- {
1188
- "label": "35",
1189
- "value": "35",
1190
- },
1191
- {
1192
- "label": "36",
1193
- "value": "36",
1194
- },
1195
- {
1196
- "label": "37",
1197
- "value": "37",
1198
- },
1199
- {
1200
- "label": "38",
1201
- "value": "38",
1202
- },
1203
- {
1204
- "label": "39",
1205
- "value": "39",
1206
- },
1207
- {
1208
- "label": "40",
1209
- "value": "40",
1210
- },
1211
- {
1212
- "label": "41",
1213
- "value": "41",
1214
- },
1215
- {
1216
- "label": "42",
1217
- "value": "42",
1218
- },
1219
- {
1220
- "label": "43",
1221
- "value": "43",
1222
- },
1223
- {
1224
- "label": "44",
1225
- "value": "44",
1226
- },
1227
- {
1228
- "label": "45",
1229
- "value": "45",
1230
- },
1231
- {
1232
- "label": "46",
1233
- "value": "46",
1234
- },
1235
- {
1236
- "label": "47",
1237
- "value": "47",
1238
- },
1239
- {
1240
- "label": "48",
1241
- "value": "48",
1242
- },
1243
- {
1244
- "label": "49",
1245
- "value": "49",
1246
- },
1247
- {
1248
- "label": "50",
1249
- "value": "50",
1250
- },
1251
- {
1252
- "label": "51",
1253
- "value": "51",
1254
- },
1255
- {
1256
- "label": "52",
1257
- "value": "52",
1258
- },
1259
- {
1260
- "label": "53",
1261
- "value": "53",
1262
- },
1263
- {
1264
- "label": "54",
1265
- "value": "54",
1266
- },
1267
- {
1268
- "label": "55",
1269
- "value": "55",
1270
- },
1271
- {
1272
- "label": "56",
1273
- "value": "56",
1274
- },
1275
- {
1276
- "label": "57",
1277
- "value": "57",
1278
- },
1279
- {
1280
- "label": "58",
1281
- "value": "58",
1282
- },
1283
- {
1284
- "label": "59",
1285
- "value": "59",
1286
- },
1287
- {
1288
- "label": "",
1289
- "value": null,
1290
- },
1291
- {
1292
- "label": "",
1293
- "value": null,
1294
- },
1295
- ]
1084
+ <View
1085
+ style={
1086
+ {
1087
+ "backgroundColor": "#F5F7FA",
1088
+ "height": 320,
1089
+ "width": 72,
1090
+ }
1296
1091
  }
1297
- getItem={[Function]}
1298
- getItemCount={[Function]}
1299
- getItemLayout={[Function]}
1300
- initialScrollIndex={1}
1301
- keyExtractor={[Function]}
1302
- onContentSizeChange={[Function]}
1303
- onLayout={[Function]}
1304
- onMomentumScrollBegin={[Function]}
1305
- onMomentumScrollEnd={[Function]}
1306
- onScroll={[Function]}
1307
- onScrollBeginDrag={[Function]}
1308
- onScrollEndDrag={[Function]}
1309
- onTouchStart={[Function]}
1310
- removeClippedSubviews={false}
1311
- renderItem={[Function]}
1312
- scrollEventThrottle={50}
1313
- showsVerticalScrollIndicator={false}
1314
- snapToInterval={40}
1315
- stickyHeaderIndices={[]}
1316
- viewabilityConfigCallbackPairs={[]}
1317
1092
  >
1318
- <View>
1319
- <View
1320
- style={
1093
+ <RCTScrollView
1094
+ data={
1095
+ [
1321
1096
  {
1322
- "height": 40,
1323
- }
1324
- }
1325
- />
1326
- <View
1327
- onFocusCapture={[Function]}
1328
- style={null}
1329
- >
1097
+ "label": "",
1098
+ "value": null,
1099
+ },
1100
+ {
1101
+ "label": "",
1102
+ "value": null,
1103
+ },
1104
+ {
1105
+ "label": "--",
1106
+ "value": "--",
1107
+ },
1108
+ {
1109
+ "label": "00",
1110
+ "value": "00",
1111
+ },
1112
+ {
1113
+ "label": "01",
1114
+ "value": "01",
1115
+ },
1116
+ {
1117
+ "label": "02",
1118
+ "value": "02",
1119
+ },
1120
+ {
1121
+ "label": "03",
1122
+ "value": "03",
1123
+ },
1124
+ {
1125
+ "label": "04",
1126
+ "value": "04",
1127
+ },
1128
+ {
1129
+ "label": "05",
1130
+ "value": "05",
1131
+ },
1132
+ {
1133
+ "label": "06",
1134
+ "value": "06",
1135
+ },
1136
+ {
1137
+ "label": "07",
1138
+ "value": "07",
1139
+ },
1140
+ {
1141
+ "label": "08",
1142
+ "value": "08",
1143
+ },
1144
+ {
1145
+ "label": "09",
1146
+ "value": "09",
1147
+ },
1148
+ {
1149
+ "label": "10",
1150
+ "value": "10",
1151
+ },
1152
+ {
1153
+ "label": "11",
1154
+ "value": "11",
1155
+ },
1156
+ {
1157
+ "label": "12",
1158
+ "value": "12",
1159
+ },
1160
+ {
1161
+ "label": "13",
1162
+ "value": "13",
1163
+ },
1164
+ {
1165
+ "label": "14",
1166
+ "value": "14",
1167
+ },
1168
+ {
1169
+ "label": "15",
1170
+ "value": "15",
1171
+ },
1172
+ {
1173
+ "label": "16",
1174
+ "value": "16",
1175
+ },
1176
+ {
1177
+ "label": "17",
1178
+ "value": "17",
1179
+ },
1180
+ {
1181
+ "label": "18",
1182
+ "value": "18",
1183
+ },
1184
+ {
1185
+ "label": "19",
1186
+ "value": "19",
1187
+ },
1188
+ {
1189
+ "label": "20",
1190
+ "value": "20",
1191
+ },
1192
+ {
1193
+ "label": "21",
1194
+ "value": "21",
1195
+ },
1196
+ {
1197
+ "label": "22",
1198
+ "value": "22",
1199
+ },
1200
+ {
1201
+ "label": "23",
1202
+ "value": "23",
1203
+ },
1204
+ {
1205
+ "label": "24",
1206
+ "value": "24",
1207
+ },
1208
+ {
1209
+ "label": "25",
1210
+ "value": "25",
1211
+ },
1212
+ {
1213
+ "label": "26",
1214
+ "value": "26",
1215
+ },
1216
+ {
1217
+ "label": "27",
1218
+ "value": "27",
1219
+ },
1220
+ {
1221
+ "label": "28",
1222
+ "value": "28",
1223
+ },
1224
+ {
1225
+ "label": "29",
1226
+ "value": "29",
1227
+ },
1228
+ {
1229
+ "label": "30",
1230
+ "value": "30",
1231
+ },
1232
+ {
1233
+ "label": "31",
1234
+ "value": "31",
1235
+ },
1236
+ {
1237
+ "label": "32",
1238
+ "value": "32",
1239
+ },
1240
+ {
1241
+ "label": "33",
1242
+ "value": "33",
1243
+ },
1244
+ {
1245
+ "label": "34",
1246
+ "value": "34",
1247
+ },
1248
+ {
1249
+ "label": "35",
1250
+ "value": "35",
1251
+ },
1252
+ {
1253
+ "label": "36",
1254
+ "value": "36",
1255
+ },
1256
+ {
1257
+ "label": "37",
1258
+ "value": "37",
1259
+ },
1260
+ {
1261
+ "label": "38",
1262
+ "value": "38",
1263
+ },
1264
+ {
1265
+ "label": "39",
1266
+ "value": "39",
1267
+ },
1268
+ {
1269
+ "label": "40",
1270
+ "value": "40",
1271
+ },
1272
+ {
1273
+ "label": "41",
1274
+ "value": "41",
1275
+ },
1276
+ {
1277
+ "label": "42",
1278
+ "value": "42",
1279
+ },
1280
+ {
1281
+ "label": "43",
1282
+ "value": "43",
1283
+ },
1284
+ {
1285
+ "label": "44",
1286
+ "value": "44",
1287
+ },
1288
+ {
1289
+ "label": "45",
1290
+ "value": "45",
1291
+ },
1292
+ {
1293
+ "label": "46",
1294
+ "value": "46",
1295
+ },
1296
+ {
1297
+ "label": "47",
1298
+ "value": "47",
1299
+ },
1300
+ {
1301
+ "label": "48",
1302
+ "value": "48",
1303
+ },
1304
+ {
1305
+ "label": "49",
1306
+ "value": "49",
1307
+ },
1308
+ {
1309
+ "label": "50",
1310
+ "value": "50",
1311
+ },
1312
+ {
1313
+ "label": "51",
1314
+ "value": "51",
1315
+ },
1316
+ {
1317
+ "label": "52",
1318
+ "value": "52",
1319
+ },
1320
+ {
1321
+ "label": "53",
1322
+ "value": "53",
1323
+ },
1324
+ {
1325
+ "label": "54",
1326
+ "value": "54",
1327
+ },
1328
+ {
1329
+ "label": "55",
1330
+ "value": "55",
1331
+ },
1332
+ {
1333
+ "label": "56",
1334
+ "value": "56",
1335
+ },
1336
+ {
1337
+ "label": "57",
1338
+ "value": "57",
1339
+ },
1340
+ {
1341
+ "label": "58",
1342
+ "value": "58",
1343
+ },
1344
+ {
1345
+ "label": "59",
1346
+ "value": "59",
1347
+ },
1348
+ {
1349
+ "label": "",
1350
+ "value": null,
1351
+ },
1352
+ {
1353
+ "label": "",
1354
+ "value": null,
1355
+ },
1356
+ ]
1357
+ }
1358
+ getItem={[Function]}
1359
+ getItemCount={[Function]}
1360
+ getItemLayout={[Function]}
1361
+ initialScrollIndex={1}
1362
+ keyExtractor={[Function]}
1363
+ onContentSizeChange={[Function]}
1364
+ onLayout={[Function]}
1365
+ onMomentumScrollBegin={[Function]}
1366
+ onMomentumScrollEnd={[Function]}
1367
+ onScroll={[Function]}
1368
+ onScrollBeginDrag={[Function]}
1369
+ onScrollEndDrag={[Function]}
1370
+ onTouchStart={[Function]}
1371
+ removeClippedSubviews={false}
1372
+ renderItem={[Function]}
1373
+ scrollEventThrottle={50}
1374
+ showsVerticalScrollIndicator={false}
1375
+ snapToInterval={64}
1376
+ stickyHeaderIndices={[]}
1377
+ viewabilityConfigCallbackPairs={[]}
1378
+ >
1379
+ <View>
1330
1380
  <View
1331
- accessibilityState={
1332
- {
1333
- "busy": undefined,
1334
- "checked": undefined,
1335
- "disabled": undefined,
1336
- "expanded": undefined,
1337
- "selected": undefined,
1338
- }
1339
- }
1340
- accessibilityValue={
1341
- {
1342
- "max": undefined,
1343
- "min": undefined,
1344
- "now": undefined,
1345
- "text": undefined,
1346
- }
1347
- }
1348
- accessible={true}
1349
- collapsable={false}
1350
- focusable={true}
1351
- onClick={[Function]}
1352
- onResponderGrant={[Function]}
1353
- onResponderMove={[Function]}
1354
- onResponderRelease={[Function]}
1355
- onResponderTerminate={[Function]}
1356
- onResponderTerminationRequest={[Function]}
1357
- onStartShouldSetResponder={[Function]}
1358
1381
  style={
1359
1382
  {
1360
- "opacity": 1,
1383
+ "height": 64,
1361
1384
  }
1362
1385
  }
1386
+ />
1387
+ <View
1388
+ onFocusCapture={[Function]}
1389
+ style={null}
1363
1390
  >
1364
1391
  <View
1392
+ accessibilityState={
1393
+ {
1394
+ "busy": undefined,
1395
+ "checked": undefined,
1396
+ "disabled": undefined,
1397
+ "expanded": undefined,
1398
+ "selected": undefined,
1399
+ }
1400
+ }
1401
+ accessibilityValue={
1402
+ {
1403
+ "max": undefined,
1404
+ "min": undefined,
1405
+ "now": undefined,
1406
+ "text": undefined,
1407
+ }
1408
+ }
1409
+ accessible={true}
1410
+ collapsable={false}
1411
+ focusable={true}
1412
+ onClick={[Function]}
1413
+ onResponderGrant={[Function]}
1414
+ onResponderMove={[Function]}
1415
+ onResponderRelease={[Function]}
1416
+ onResponderTerminate={[Function]}
1417
+ onResponderTerminationRequest={[Function]}
1418
+ onStartShouldSetResponder={[Function]}
1365
1419
  style={
1366
1420
  {
1367
- "alignItems": "center",
1368
- "backgroundColor": "#FFFFFF",
1369
- "fontSize": 20,
1370
- "height": 40,
1371
- "justifyContent": "center",
1421
+ "opacity": 1,
1372
1422
  }
1373
1423
  }
1374
1424
  >
1375
- <Text
1425
+ <View
1376
1426
  style={
1377
- [
1427
+ {
1428
+ "alignItems": "center",
1429
+ "backgroundColor": "#F5F7FA",
1430
+ "fontSize": 32,
1431
+ "height": 64,
1432
+ "justifyContent": "center",
1433
+ }
1434
+ }
1435
+ >
1436
+ <Text
1437
+ style={
1378
1438
  [
1439
+ [
1440
+ {
1441
+ "fontFamily": "SourceSansPro",
1442
+ "fontSize": 38,
1443
+ "lineHeight": 47.8,
1444
+ },
1445
+ ],
1379
1446
  {
1380
- "fontFamily": "SourceSansPro",
1381
- "fontSize": 18,
1382
- "lineHeight": 22.6,
1447
+ "color": "#9AA5B1",
1448
+ "textAlign": "center",
1449
+ "width": "100%",
1383
1450
  },
1384
- ],
1385
- {
1386
- "color": "#1F2933",
1387
- "textAlign": "center",
1388
- "width": "100%",
1389
- },
1390
- undefined,
1391
- ]
1392
- }
1393
- />
1451
+ {
1452
+ "fontSize": 42,
1453
+ "fontWeight": "200",
1454
+ },
1455
+ ]
1456
+ }
1457
+ />
1458
+ </View>
1394
1459
  </View>
1395
1460
  </View>
1396
- </View>
1397
- <View
1398
- onFocusCapture={[Function]}
1399
- style={null}
1400
- >
1401
1461
  <View
1402
- accessibilityState={
1403
- {
1404
- "busy": undefined,
1405
- "checked": undefined,
1406
- "disabled": undefined,
1407
- "expanded": undefined,
1408
- "selected": undefined,
1409
- }
1410
- }
1411
- accessibilityValue={
1412
- {
1413
- "max": undefined,
1414
- "min": undefined,
1415
- "now": undefined,
1416
- "text": undefined,
1417
- }
1418
- }
1419
- accessible={true}
1420
- collapsable={false}
1421
- focusable={true}
1422
- onClick={[Function]}
1423
- onResponderGrant={[Function]}
1424
- onResponderMove={[Function]}
1425
- onResponderRelease={[Function]}
1426
- onResponderTerminate={[Function]}
1427
- onResponderTerminationRequest={[Function]}
1428
- onStartShouldSetResponder={[Function]}
1429
- style={
1430
- {
1431
- "opacity": 1,
1432
- }
1433
- }
1462
+ onFocusCapture={[Function]}
1463
+ style={null}
1434
1464
  >
1435
1465
  <View
1466
+ accessibilityState={
1467
+ {
1468
+ "busy": undefined,
1469
+ "checked": undefined,
1470
+ "disabled": undefined,
1471
+ "expanded": undefined,
1472
+ "selected": undefined,
1473
+ }
1474
+ }
1475
+ accessibilityValue={
1476
+ {
1477
+ "max": undefined,
1478
+ "min": undefined,
1479
+ "now": undefined,
1480
+ "text": undefined,
1481
+ }
1482
+ }
1483
+ accessible={true}
1484
+ collapsable={false}
1485
+ focusable={true}
1486
+ onClick={[Function]}
1487
+ onResponderGrant={[Function]}
1488
+ onResponderMove={[Function]}
1489
+ onResponderRelease={[Function]}
1490
+ onResponderTerminate={[Function]}
1491
+ onResponderTerminationRequest={[Function]}
1492
+ onStartShouldSetResponder={[Function]}
1436
1493
  style={
1437
1494
  {
1438
- "alignItems": "center",
1439
- "backgroundColor": "#FFFFFF",
1440
- "fontSize": 20,
1441
- "height": 40,
1442
- "justifyContent": "center",
1495
+ "opacity": 1,
1443
1496
  }
1444
1497
  }
1445
1498
  >
1446
- <Text
1499
+ <View
1447
1500
  style={
1448
- [
1501
+ {
1502
+ "alignItems": "center",
1503
+ "backgroundColor": "#F5F7FA",
1504
+ "fontSize": 32,
1505
+ "height": 64,
1506
+ "justifyContent": "center",
1507
+ }
1508
+ }
1509
+ >
1510
+ <Text
1511
+ style={
1449
1512
  [
1513
+ [
1514
+ {
1515
+ "fontFamily": "SourceSansPro",
1516
+ "fontSize": 38,
1517
+ "lineHeight": 47.8,
1518
+ },
1519
+ ],
1450
1520
  {
1451
- "fontFamily": "SourceSansPro",
1452
- "fontSize": 18,
1453
- "lineHeight": 22.6,
1521
+ "color": "#9AA5B1",
1522
+ "textAlign": "center",
1523
+ "width": "100%",
1454
1524
  },
1455
- ],
1456
- {
1457
- "color": "#1F2933",
1458
- "textAlign": "center",
1459
- "width": "100%",
1460
- },
1461
- undefined,
1462
- ]
1463
- }
1464
- >
1465
- --
1466
- </Text>
1525
+ {
1526
+ "fontSize": 42,
1527
+ "fontWeight": "200",
1528
+ },
1529
+ ]
1530
+ }
1531
+ >
1532
+ --
1533
+ </Text>
1534
+ </View>
1467
1535
  </View>
1468
1536
  </View>
1469
- </View>
1470
- <View
1471
- onFocusCapture={[Function]}
1472
- style={null}
1473
- >
1474
1537
  <View
1475
- accessibilityState={
1476
- {
1477
- "busy": undefined,
1478
- "checked": undefined,
1479
- "disabled": undefined,
1480
- "expanded": undefined,
1481
- "selected": undefined,
1482
- }
1483
- }
1484
- accessibilityValue={
1485
- {
1486
- "max": undefined,
1487
- "min": undefined,
1488
- "now": undefined,
1489
- "text": undefined,
1490
- }
1491
- }
1492
- accessible={true}
1493
- collapsable={false}
1494
- focusable={true}
1495
- onClick={[Function]}
1496
- onResponderGrant={[Function]}
1497
- onResponderMove={[Function]}
1498
- onResponderRelease={[Function]}
1499
- onResponderTerminate={[Function]}
1500
- onResponderTerminationRequest={[Function]}
1501
- onStartShouldSetResponder={[Function]}
1502
- style={
1503
- {
1504
- "opacity": 1,
1505
- }
1506
- }
1538
+ onFocusCapture={[Function]}
1539
+ style={null}
1507
1540
  >
1508
1541
  <View
1542
+ accessibilityState={
1543
+ {
1544
+ "busy": undefined,
1545
+ "checked": undefined,
1546
+ "disabled": undefined,
1547
+ "expanded": undefined,
1548
+ "selected": undefined,
1549
+ }
1550
+ }
1551
+ accessibilityValue={
1552
+ {
1553
+ "max": undefined,
1554
+ "min": undefined,
1555
+ "now": undefined,
1556
+ "text": undefined,
1557
+ }
1558
+ }
1559
+ accessible={true}
1560
+ collapsable={false}
1561
+ focusable={true}
1562
+ onClick={[Function]}
1563
+ onResponderGrant={[Function]}
1564
+ onResponderMove={[Function]}
1565
+ onResponderRelease={[Function]}
1566
+ onResponderTerminate={[Function]}
1567
+ onResponderTerminationRequest={[Function]}
1568
+ onStartShouldSetResponder={[Function]}
1509
1569
  style={
1510
1570
  {
1511
- "alignItems": "center",
1512
- "backgroundColor": "#FFFFFF",
1513
- "fontSize": 20,
1514
- "height": 40,
1515
- "justifyContent": "center",
1571
+ "opacity": 1,
1516
1572
  }
1517
1573
  }
1518
1574
  >
1519
- <Text
1575
+ <View
1520
1576
  style={
1521
- [
1577
+ {
1578
+ "alignItems": "center",
1579
+ "backgroundColor": "#F5F7FA",
1580
+ "fontSize": 32,
1581
+ "height": 64,
1582
+ "justifyContent": "center",
1583
+ }
1584
+ }
1585
+ >
1586
+ <Text
1587
+ style={
1522
1588
  [
1589
+ [
1590
+ {
1591
+ "fontFamily": "SourceSansPro",
1592
+ "fontSize": 38,
1593
+ "lineHeight": 47.8,
1594
+ },
1595
+ ],
1523
1596
  {
1524
- "fontFamily": "SourceSansPro",
1525
- "fontSize": 18,
1526
- "lineHeight": 22.6,
1597
+ "color": "#9AA5B1",
1598
+ "textAlign": "center",
1599
+ "width": "100%",
1527
1600
  },
1528
- ],
1529
- {
1530
- "color": "#1F2933",
1531
- "textAlign": "center",
1532
- "width": "100%",
1533
- },
1534
- undefined,
1535
- ]
1536
- }
1537
- >
1538
- 00
1539
- </Text>
1601
+ {
1602
+ "fontSize": 42,
1603
+ "fontWeight": "200",
1604
+ },
1605
+ ]
1606
+ }
1607
+ >
1608
+ 00
1609
+ </Text>
1610
+ </View>
1540
1611
  </View>
1541
1612
  </View>
1542
- </View>
1543
- <View
1544
- onFocusCapture={[Function]}
1545
- style={null}
1546
- >
1547
1613
  <View
1548
- accessibilityState={
1549
- {
1550
- "busy": undefined,
1551
- "checked": undefined,
1552
- "disabled": undefined,
1553
- "expanded": undefined,
1554
- "selected": undefined,
1555
- }
1556
- }
1557
- accessibilityValue={
1558
- {
1559
- "max": undefined,
1560
- "min": undefined,
1561
- "now": undefined,
1562
- "text": undefined,
1563
- }
1564
- }
1565
- accessible={true}
1566
- collapsable={false}
1567
- focusable={true}
1568
- onClick={[Function]}
1569
- onResponderGrant={[Function]}
1570
- onResponderMove={[Function]}
1571
- onResponderRelease={[Function]}
1572
- onResponderTerminate={[Function]}
1573
- onResponderTerminationRequest={[Function]}
1574
- onStartShouldSetResponder={[Function]}
1575
- style={
1576
- {
1577
- "opacity": 1,
1578
- }
1579
- }
1614
+ onFocusCapture={[Function]}
1615
+ style={null}
1580
1616
  >
1581
1617
  <View
1618
+ accessibilityState={
1619
+ {
1620
+ "busy": undefined,
1621
+ "checked": undefined,
1622
+ "disabled": undefined,
1623
+ "expanded": undefined,
1624
+ "selected": undefined,
1625
+ }
1626
+ }
1627
+ accessibilityValue={
1628
+ {
1629
+ "max": undefined,
1630
+ "min": undefined,
1631
+ "now": undefined,
1632
+ "text": undefined,
1633
+ }
1634
+ }
1635
+ accessible={true}
1636
+ collapsable={false}
1637
+ focusable={true}
1638
+ onClick={[Function]}
1639
+ onResponderGrant={[Function]}
1640
+ onResponderMove={[Function]}
1641
+ onResponderRelease={[Function]}
1642
+ onResponderTerminate={[Function]}
1643
+ onResponderTerminationRequest={[Function]}
1644
+ onStartShouldSetResponder={[Function]}
1582
1645
  style={
1583
1646
  {
1584
- "alignItems": "center",
1585
- "backgroundColor": "#FFFFFF",
1586
- "fontSize": 20,
1587
- "height": 40,
1588
- "justifyContent": "center",
1647
+ "opacity": 1,
1589
1648
  }
1590
1649
  }
1591
1650
  >
1592
- <Text
1651
+ <View
1593
1652
  style={
1594
- [
1653
+ {
1654
+ "alignItems": "center",
1655
+ "backgroundColor": "#F5F7FA",
1656
+ "fontSize": 32,
1657
+ "height": 64,
1658
+ "justifyContent": "center",
1659
+ }
1660
+ }
1661
+ >
1662
+ <Text
1663
+ style={
1595
1664
  [
1665
+ [
1666
+ {
1667
+ "fontFamily": "SourceSansPro",
1668
+ "fontSize": 38,
1669
+ "lineHeight": 47.8,
1670
+ },
1671
+ ],
1596
1672
  {
1597
- "fontFamily": "SourceSansPro",
1598
- "fontSize": 18,
1599
- "lineHeight": 22.6,
1673
+ "color": "#9AA5B1",
1674
+ "textAlign": "center",
1675
+ "width": "100%",
1600
1676
  },
1601
- ],
1602
- {
1603
- "color": "#1F2933",
1604
- "textAlign": "center",
1605
- "width": "100%",
1606
- },
1607
- undefined,
1608
- ]
1609
- }
1610
- >
1611
- 01
1612
- </Text>
1677
+ {
1678
+ "fontSize": 42,
1679
+ "fontWeight": "200",
1680
+ },
1681
+ ]
1682
+ }
1683
+ >
1684
+ 01
1685
+ </Text>
1686
+ </View>
1613
1687
  </View>
1614
1688
  </View>
1615
- </View>
1616
- <View
1617
- onFocusCapture={[Function]}
1618
- style={null}
1619
- >
1620
1689
  <View
1621
- accessibilityState={
1622
- {
1623
- "busy": undefined,
1624
- "checked": undefined,
1625
- "disabled": undefined,
1626
- "expanded": undefined,
1627
- "selected": undefined,
1628
- }
1629
- }
1630
- accessibilityValue={
1631
- {
1632
- "max": undefined,
1633
- "min": undefined,
1634
- "now": undefined,
1635
- "text": undefined,
1636
- }
1637
- }
1638
- accessible={true}
1639
- collapsable={false}
1640
- focusable={true}
1641
- onClick={[Function]}
1642
- onResponderGrant={[Function]}
1643
- onResponderMove={[Function]}
1644
- onResponderRelease={[Function]}
1645
- onResponderTerminate={[Function]}
1646
- onResponderTerminationRequest={[Function]}
1647
- onStartShouldSetResponder={[Function]}
1648
- style={
1649
- {
1650
- "opacity": 1,
1651
- }
1652
- }
1690
+ onFocusCapture={[Function]}
1691
+ style={null}
1653
1692
  >
1654
1693
  <View
1694
+ accessibilityState={
1695
+ {
1696
+ "busy": undefined,
1697
+ "checked": undefined,
1698
+ "disabled": undefined,
1699
+ "expanded": undefined,
1700
+ "selected": undefined,
1701
+ }
1702
+ }
1703
+ accessibilityValue={
1704
+ {
1705
+ "max": undefined,
1706
+ "min": undefined,
1707
+ "now": undefined,
1708
+ "text": undefined,
1709
+ }
1710
+ }
1711
+ accessible={true}
1712
+ collapsable={false}
1713
+ focusable={true}
1714
+ onClick={[Function]}
1715
+ onResponderGrant={[Function]}
1716
+ onResponderMove={[Function]}
1717
+ onResponderRelease={[Function]}
1718
+ onResponderTerminate={[Function]}
1719
+ onResponderTerminationRequest={[Function]}
1720
+ onStartShouldSetResponder={[Function]}
1655
1721
  style={
1656
1722
  {
1657
- "alignItems": "center",
1658
- "backgroundColor": "#FFFFFF",
1659
- "fontSize": 20,
1660
- "height": 40,
1661
- "justifyContent": "center",
1723
+ "opacity": 1,
1662
1724
  }
1663
1725
  }
1664
1726
  >
1665
- <Text
1727
+ <View
1666
1728
  style={
1667
- [
1729
+ {
1730
+ "alignItems": "center",
1731
+ "backgroundColor": "#F5F7FA",
1732
+ "fontSize": 32,
1733
+ "height": 64,
1734
+ "justifyContent": "center",
1735
+ }
1736
+ }
1737
+ >
1738
+ <Text
1739
+ style={
1668
1740
  [
1741
+ [
1742
+ {
1743
+ "fontFamily": "SourceSansPro",
1744
+ "fontSize": 38,
1745
+ "lineHeight": 47.8,
1746
+ },
1747
+ ],
1669
1748
  {
1670
- "fontFamily": "SourceSansPro",
1671
- "fontSize": 18,
1672
- "lineHeight": 22.6,
1749
+ "color": "#9AA5B1",
1750
+ "textAlign": "center",
1751
+ "width": "100%",
1673
1752
  },
1674
- ],
1675
- {
1676
- "color": "#1F2933",
1677
- "textAlign": "center",
1678
- "width": "100%",
1679
- },
1680
- undefined,
1681
- ]
1682
- }
1683
- >
1684
- 02
1685
- </Text>
1753
+ {
1754
+ "fontSize": 42,
1755
+ "fontWeight": "200",
1756
+ },
1757
+ ]
1758
+ }
1759
+ >
1760
+ 02
1761
+ </Text>
1762
+ </View>
1686
1763
  </View>
1687
1764
  </View>
1688
- </View>
1689
- <View
1690
- onFocusCapture={[Function]}
1691
- style={null}
1692
- >
1693
1765
  <View
1694
- accessibilityState={
1695
- {
1696
- "busy": undefined,
1697
- "checked": undefined,
1698
- "disabled": undefined,
1699
- "expanded": undefined,
1700
- "selected": undefined,
1701
- }
1702
- }
1703
- accessibilityValue={
1704
- {
1705
- "max": undefined,
1706
- "min": undefined,
1707
- "now": undefined,
1708
- "text": undefined,
1709
- }
1710
- }
1711
- accessible={true}
1712
- collapsable={false}
1713
- focusable={true}
1714
- onClick={[Function]}
1715
- onResponderGrant={[Function]}
1716
- onResponderMove={[Function]}
1717
- onResponderRelease={[Function]}
1718
- onResponderTerminate={[Function]}
1719
- onResponderTerminationRequest={[Function]}
1720
- onStartShouldSetResponder={[Function]}
1721
- style={
1722
- {
1723
- "opacity": 1,
1724
- }
1725
- }
1766
+ onFocusCapture={[Function]}
1767
+ style={null}
1726
1768
  >
1727
1769
  <View
1770
+ accessibilityState={
1771
+ {
1772
+ "busy": undefined,
1773
+ "checked": undefined,
1774
+ "disabled": undefined,
1775
+ "expanded": undefined,
1776
+ "selected": undefined,
1777
+ }
1778
+ }
1779
+ accessibilityValue={
1780
+ {
1781
+ "max": undefined,
1782
+ "min": undefined,
1783
+ "now": undefined,
1784
+ "text": undefined,
1785
+ }
1786
+ }
1787
+ accessible={true}
1788
+ collapsable={false}
1789
+ focusable={true}
1790
+ onClick={[Function]}
1791
+ onResponderGrant={[Function]}
1792
+ onResponderMove={[Function]}
1793
+ onResponderRelease={[Function]}
1794
+ onResponderTerminate={[Function]}
1795
+ onResponderTerminationRequest={[Function]}
1796
+ onStartShouldSetResponder={[Function]}
1728
1797
  style={
1729
1798
  {
1730
- "alignItems": "center",
1731
- "backgroundColor": "#FFFFFF",
1732
- "fontSize": 20,
1733
- "height": 40,
1734
- "justifyContent": "center",
1799
+ "opacity": 1,
1735
1800
  }
1736
1801
  }
1737
1802
  >
1738
- <Text
1803
+ <View
1739
1804
  style={
1740
- [
1805
+ {
1806
+ "alignItems": "center",
1807
+ "backgroundColor": "#F5F7FA",
1808
+ "fontSize": 32,
1809
+ "height": 64,
1810
+ "justifyContent": "center",
1811
+ }
1812
+ }
1813
+ >
1814
+ <Text
1815
+ style={
1741
1816
  [
1817
+ [
1818
+ {
1819
+ "fontFamily": "SourceSansPro",
1820
+ "fontSize": 38,
1821
+ "lineHeight": 47.8,
1822
+ },
1823
+ ],
1742
1824
  {
1743
- "fontFamily": "SourceSansPro",
1744
- "fontSize": 18,
1745
- "lineHeight": 22.6,
1825
+ "color": "#9AA5B1",
1826
+ "textAlign": "center",
1827
+ "width": "100%",
1746
1828
  },
1747
- ],
1748
- {
1749
- "color": "#1F2933",
1750
- "textAlign": "center",
1751
- "width": "100%",
1752
- },
1753
- undefined,
1754
- ]
1755
- }
1756
- >
1757
- 03
1758
- </Text>
1829
+ {
1830
+ "fontSize": 42,
1831
+ "fontWeight": "200",
1832
+ },
1833
+ ]
1834
+ }
1835
+ >
1836
+ 03
1837
+ </Text>
1838
+ </View>
1759
1839
  </View>
1760
1840
  </View>
1761
- </View>
1762
- <View
1763
- onFocusCapture={[Function]}
1764
- style={null}
1765
- >
1766
1841
  <View
1767
- accessibilityState={
1768
- {
1769
- "busy": undefined,
1770
- "checked": undefined,
1771
- "disabled": undefined,
1772
- "expanded": undefined,
1773
- "selected": undefined,
1774
- }
1775
- }
1776
- accessibilityValue={
1777
- {
1778
- "max": undefined,
1779
- "min": undefined,
1780
- "now": undefined,
1781
- "text": undefined,
1782
- }
1783
- }
1784
- accessible={true}
1785
- collapsable={false}
1786
- focusable={true}
1787
- onClick={[Function]}
1788
- onResponderGrant={[Function]}
1789
- onResponderMove={[Function]}
1790
- onResponderRelease={[Function]}
1791
- onResponderTerminate={[Function]}
1792
- onResponderTerminationRequest={[Function]}
1793
- onStartShouldSetResponder={[Function]}
1794
- style={
1795
- {
1796
- "opacity": 1,
1797
- }
1798
- }
1842
+ onFocusCapture={[Function]}
1843
+ style={null}
1799
1844
  >
1800
1845
  <View
1846
+ accessibilityState={
1847
+ {
1848
+ "busy": undefined,
1849
+ "checked": undefined,
1850
+ "disabled": undefined,
1851
+ "expanded": undefined,
1852
+ "selected": undefined,
1853
+ }
1854
+ }
1855
+ accessibilityValue={
1856
+ {
1857
+ "max": undefined,
1858
+ "min": undefined,
1859
+ "now": undefined,
1860
+ "text": undefined,
1861
+ }
1862
+ }
1863
+ accessible={true}
1864
+ collapsable={false}
1865
+ focusable={true}
1866
+ onClick={[Function]}
1867
+ onResponderGrant={[Function]}
1868
+ onResponderMove={[Function]}
1869
+ onResponderRelease={[Function]}
1870
+ onResponderTerminate={[Function]}
1871
+ onResponderTerminationRequest={[Function]}
1872
+ onStartShouldSetResponder={[Function]}
1801
1873
  style={
1802
1874
  {
1803
- "alignItems": "center",
1804
- "backgroundColor": "#FFFFFF",
1805
- "fontSize": 20,
1806
- "height": 40,
1807
- "justifyContent": "center",
1875
+ "opacity": 1,
1808
1876
  }
1809
1877
  }
1810
1878
  >
1811
- <Text
1879
+ <View
1812
1880
  style={
1813
- [
1881
+ {
1882
+ "alignItems": "center",
1883
+ "backgroundColor": "#F5F7FA",
1884
+ "fontSize": 32,
1885
+ "height": 64,
1886
+ "justifyContent": "center",
1887
+ }
1888
+ }
1889
+ >
1890
+ <Text
1891
+ style={
1814
1892
  [
1893
+ [
1894
+ {
1895
+ "fontFamily": "SourceSansPro",
1896
+ "fontSize": 38,
1897
+ "lineHeight": 47.8,
1898
+ },
1899
+ ],
1815
1900
  {
1816
- "fontFamily": "SourceSansPro",
1817
- "fontSize": 18,
1818
- "lineHeight": 22.6,
1901
+ "color": "#9AA5B1",
1902
+ "textAlign": "center",
1903
+ "width": "100%",
1819
1904
  },
1820
- ],
1821
- {
1822
- "color": "#1F2933",
1823
- "textAlign": "center",
1824
- "width": "100%",
1825
- },
1826
- undefined,
1827
- ]
1828
- }
1829
- >
1830
- 04
1831
- </Text>
1905
+ {
1906
+ "fontSize": 42,
1907
+ "fontWeight": "200",
1908
+ },
1909
+ ]
1910
+ }
1911
+ >
1912
+ 04
1913
+ </Text>
1914
+ </View>
1832
1915
  </View>
1833
1916
  </View>
1834
- </View>
1835
- <View
1836
- onFocusCapture={[Function]}
1837
- style={null}
1838
- >
1839
1917
  <View
1840
- accessibilityState={
1841
- {
1842
- "busy": undefined,
1843
- "checked": undefined,
1844
- "disabled": undefined,
1845
- "expanded": undefined,
1846
- "selected": undefined,
1847
- }
1848
- }
1849
- accessibilityValue={
1850
- {
1851
- "max": undefined,
1852
- "min": undefined,
1853
- "now": undefined,
1854
- "text": undefined,
1855
- }
1856
- }
1857
- accessible={true}
1858
- collapsable={false}
1859
- focusable={true}
1860
- onClick={[Function]}
1861
- onResponderGrant={[Function]}
1862
- onResponderMove={[Function]}
1863
- onResponderRelease={[Function]}
1864
- onResponderTerminate={[Function]}
1865
- onResponderTerminationRequest={[Function]}
1866
- onStartShouldSetResponder={[Function]}
1867
- style={
1868
- {
1869
- "opacity": 1,
1870
- }
1871
- }
1918
+ onFocusCapture={[Function]}
1919
+ style={null}
1872
1920
  >
1873
1921
  <View
1922
+ accessibilityState={
1923
+ {
1924
+ "busy": undefined,
1925
+ "checked": undefined,
1926
+ "disabled": undefined,
1927
+ "expanded": undefined,
1928
+ "selected": undefined,
1929
+ }
1930
+ }
1931
+ accessibilityValue={
1932
+ {
1933
+ "max": undefined,
1934
+ "min": undefined,
1935
+ "now": undefined,
1936
+ "text": undefined,
1937
+ }
1938
+ }
1939
+ accessible={true}
1940
+ collapsable={false}
1941
+ focusable={true}
1942
+ onClick={[Function]}
1943
+ onResponderGrant={[Function]}
1944
+ onResponderMove={[Function]}
1945
+ onResponderRelease={[Function]}
1946
+ onResponderTerminate={[Function]}
1947
+ onResponderTerminationRequest={[Function]}
1948
+ onStartShouldSetResponder={[Function]}
1874
1949
  style={
1875
1950
  {
1876
- "alignItems": "center",
1877
- "backgroundColor": "#FFFFFF",
1878
- "fontSize": 20,
1879
- "height": 40,
1880
- "justifyContent": "center",
1951
+ "opacity": 1,
1881
1952
  }
1882
1953
  }
1883
1954
  >
1884
- <Text
1955
+ <View
1885
1956
  style={
1886
- [
1957
+ {
1958
+ "alignItems": "center",
1959
+ "backgroundColor": "#F5F7FA",
1960
+ "fontSize": 32,
1961
+ "height": 64,
1962
+ "justifyContent": "center",
1963
+ }
1964
+ }
1965
+ >
1966
+ <Text
1967
+ style={
1887
1968
  [
1969
+ [
1970
+ {
1971
+ "fontFamily": "SourceSansPro",
1972
+ "fontSize": 38,
1973
+ "lineHeight": 47.8,
1974
+ },
1975
+ ],
1888
1976
  {
1889
- "fontFamily": "SourceSansPro",
1890
- "fontSize": 18,
1891
- "lineHeight": 22.6,
1977
+ "color": "#9AA5B1",
1978
+ "textAlign": "center",
1979
+ "width": "100%",
1892
1980
  },
1893
- ],
1894
- {
1895
- "color": "#1F2933",
1896
- "textAlign": "center",
1897
- "width": "100%",
1898
- },
1899
- undefined,
1900
- ]
1901
- }
1902
- >
1903
- 05
1904
- </Text>
1981
+ {
1982
+ "fontSize": 42,
1983
+ "fontWeight": "200",
1984
+ },
1985
+ ]
1986
+ }
1987
+ >
1988
+ 05
1989
+ </Text>
1990
+ </View>
1905
1991
  </View>
1906
1992
  </View>
1907
- </View>
1908
- <View
1909
- onFocusCapture={[Function]}
1910
- style={null}
1911
- >
1912
1993
  <View
1913
- accessibilityState={
1914
- {
1915
- "busy": undefined,
1916
- "checked": undefined,
1917
- "disabled": undefined,
1918
- "expanded": undefined,
1919
- "selected": undefined,
1920
- }
1921
- }
1922
- accessibilityValue={
1923
- {
1924
- "max": undefined,
1925
- "min": undefined,
1926
- "now": undefined,
1927
- "text": undefined,
1928
- }
1929
- }
1930
- accessible={true}
1931
- collapsable={false}
1932
- focusable={true}
1933
- onClick={[Function]}
1934
- onResponderGrant={[Function]}
1935
- onResponderMove={[Function]}
1936
- onResponderRelease={[Function]}
1937
- onResponderTerminate={[Function]}
1938
- onResponderTerminationRequest={[Function]}
1939
- onStartShouldSetResponder={[Function]}
1940
- style={
1941
- {
1942
- "opacity": 1,
1943
- }
1944
- }
1994
+ onFocusCapture={[Function]}
1995
+ style={null}
1945
1996
  >
1946
1997
  <View
1998
+ accessibilityState={
1999
+ {
2000
+ "busy": undefined,
2001
+ "checked": undefined,
2002
+ "disabled": undefined,
2003
+ "expanded": undefined,
2004
+ "selected": undefined,
2005
+ }
2006
+ }
2007
+ accessibilityValue={
2008
+ {
2009
+ "max": undefined,
2010
+ "min": undefined,
2011
+ "now": undefined,
2012
+ "text": undefined,
2013
+ }
2014
+ }
2015
+ accessible={true}
2016
+ collapsable={false}
2017
+ focusable={true}
2018
+ onClick={[Function]}
2019
+ onResponderGrant={[Function]}
2020
+ onResponderMove={[Function]}
2021
+ onResponderRelease={[Function]}
2022
+ onResponderTerminate={[Function]}
2023
+ onResponderTerminationRequest={[Function]}
2024
+ onStartShouldSetResponder={[Function]}
1947
2025
  style={
1948
2026
  {
1949
- "alignItems": "center",
1950
- "backgroundColor": "#FFFFFF",
1951
- "fontSize": 20,
1952
- "height": 40,
1953
- "justifyContent": "center",
2027
+ "opacity": 1,
1954
2028
  }
1955
2029
  }
1956
2030
  >
1957
- <Text
2031
+ <View
1958
2032
  style={
1959
- [
2033
+ {
2034
+ "alignItems": "center",
2035
+ "backgroundColor": "#F5F7FA",
2036
+ "fontSize": 32,
2037
+ "height": 64,
2038
+ "justifyContent": "center",
2039
+ }
2040
+ }
2041
+ >
2042
+ <Text
2043
+ style={
1960
2044
  [
2045
+ [
2046
+ {
2047
+ "fontFamily": "SourceSansPro",
2048
+ "fontSize": 38,
2049
+ "lineHeight": 47.8,
2050
+ },
2051
+ ],
1961
2052
  {
1962
- "fontFamily": "SourceSansPro",
1963
- "fontSize": 18,
1964
- "lineHeight": 22.6,
2053
+ "color": "#9AA5B1",
2054
+ "textAlign": "center",
2055
+ "width": "100%",
1965
2056
  },
1966
- ],
1967
- {
1968
- "color": "#1F2933",
1969
- "textAlign": "center",
1970
- "width": "100%",
1971
- },
1972
- undefined,
1973
- ]
1974
- }
1975
- >
1976
- 06
1977
- </Text>
2057
+ {
2058
+ "fontSize": 42,
2059
+ "fontWeight": "200",
2060
+ },
2061
+ ]
2062
+ }
2063
+ >
2064
+ 06
2065
+ </Text>
2066
+ </View>
1978
2067
  </View>
1979
2068
  </View>
1980
- </View>
1981
- <View
1982
- onFocusCapture={[Function]}
1983
- style={null}
1984
- >
1985
2069
  <View
1986
- accessibilityState={
1987
- {
1988
- "busy": undefined,
1989
- "checked": undefined,
1990
- "disabled": undefined,
1991
- "expanded": undefined,
1992
- "selected": undefined,
1993
- }
1994
- }
1995
- accessibilityValue={
1996
- {
1997
- "max": undefined,
1998
- "min": undefined,
1999
- "now": undefined,
2000
- "text": undefined,
2001
- }
2002
- }
2003
- accessible={true}
2004
- collapsable={false}
2005
- focusable={true}
2006
- onClick={[Function]}
2007
- onResponderGrant={[Function]}
2008
- onResponderMove={[Function]}
2009
- onResponderRelease={[Function]}
2010
- onResponderTerminate={[Function]}
2011
- onResponderTerminationRequest={[Function]}
2012
- onStartShouldSetResponder={[Function]}
2013
- style={
2014
- {
2015
- "opacity": 1,
2016
- }
2017
- }
2070
+ onFocusCapture={[Function]}
2071
+ style={null}
2018
2072
  >
2019
2073
  <View
2074
+ accessibilityState={
2075
+ {
2076
+ "busy": undefined,
2077
+ "checked": undefined,
2078
+ "disabled": undefined,
2079
+ "expanded": undefined,
2080
+ "selected": undefined,
2081
+ }
2082
+ }
2083
+ accessibilityValue={
2084
+ {
2085
+ "max": undefined,
2086
+ "min": undefined,
2087
+ "now": undefined,
2088
+ "text": undefined,
2089
+ }
2090
+ }
2091
+ accessible={true}
2092
+ collapsable={false}
2093
+ focusable={true}
2094
+ onClick={[Function]}
2095
+ onResponderGrant={[Function]}
2096
+ onResponderMove={[Function]}
2097
+ onResponderRelease={[Function]}
2098
+ onResponderTerminate={[Function]}
2099
+ onResponderTerminationRequest={[Function]}
2100
+ onStartShouldSetResponder={[Function]}
2020
2101
  style={
2021
2102
  {
2022
- "alignItems": "center",
2023
- "backgroundColor": "#FFFFFF",
2024
- "fontSize": 20,
2025
- "height": 40,
2026
- "justifyContent": "center",
2103
+ "opacity": 1,
2027
2104
  }
2028
2105
  }
2029
2106
  >
2030
- <Text
2107
+ <View
2031
2108
  style={
2032
- [
2109
+ {
2110
+ "alignItems": "center",
2111
+ "backgroundColor": "#F5F7FA",
2112
+ "fontSize": 32,
2113
+ "height": 64,
2114
+ "justifyContent": "center",
2115
+ }
2116
+ }
2117
+ >
2118
+ <Text
2119
+ style={
2033
2120
  [
2121
+ [
2122
+ {
2123
+ "fontFamily": "SourceSansPro",
2124
+ "fontSize": 38,
2125
+ "lineHeight": 47.8,
2126
+ },
2127
+ ],
2034
2128
  {
2035
- "fontFamily": "SourceSansPro",
2036
- "fontSize": 18,
2037
- "lineHeight": 22.6,
2129
+ "color": "#9AA5B1",
2130
+ "textAlign": "center",
2131
+ "width": "100%",
2038
2132
  },
2039
- ],
2040
- {
2041
- "color": "#1F2933",
2042
- "textAlign": "center",
2043
- "width": "100%",
2044
- },
2045
- undefined,
2046
- ]
2047
- }
2048
- >
2049
- 07
2050
- </Text>
2133
+ {
2134
+ "fontSize": 42,
2135
+ "fontWeight": "200",
2136
+ },
2137
+ ]
2138
+ }
2139
+ >
2140
+ 07
2141
+ </Text>
2142
+ </View>
2051
2143
  </View>
2052
2144
  </View>
2145
+ <View
2146
+ style={
2147
+ {
2148
+ "height": 3456,
2149
+ }
2150
+ }
2151
+ />
2053
2152
  </View>
2054
- <View
2153
+ </RCTScrollView>
2154
+ <View
2155
+ pointerEvents="none"
2156
+ style={
2157
+ [
2158
+ [
2159
+ {
2160
+ "borderColor": undefined,
2161
+ "height": 128,
2162
+ },
2163
+ {
2164
+ "position": "absolute",
2165
+ "width": "100%",
2166
+ },
2167
+ ],
2168
+ {
2169
+ "top": 0,
2170
+ },
2171
+ {
2172
+ "borderBottomWidth": undefined,
2173
+ },
2174
+ ]
2175
+ }
2176
+ >
2177
+ <ViewManagerAdapter_ExpoLinearGradient
2178
+ proxiedProperties={
2179
+ {
2180
+ "colors": [
2181
+ 4294309882,
2182
+ 871757818,
2183
+ ],
2184
+ "endPoint": undefined,
2185
+ "locations": undefined,
2186
+ "startPoint": undefined,
2187
+ }
2188
+ }
2055
2189
  style={
2056
2190
  {
2057
- "height": 2160,
2191
+ "flex": 1,
2058
2192
  }
2059
2193
  }
2060
2194
  />
2061
2195
  </View>
2062
- </RCTScrollView>
2063
- <View
2064
- pointerEvents="none"
2065
- style={
2066
- [
2196
+ <View
2197
+ pointerEvents="none"
2198
+ style={
2067
2199
  [
2200
+ [
2201
+ {
2202
+ "borderColor": undefined,
2203
+ "height": 128,
2204
+ },
2205
+ {
2206
+ "position": "absolute",
2207
+ "width": "100%",
2208
+ },
2209
+ ],
2068
2210
  {
2069
- "borderColor": "#E5E8EB",
2070
- "height": 80,
2211
+ "bottom": 0,
2071
2212
  },
2072
2213
  {
2073
- "position": "absolute",
2074
- "width": "100%",
2214
+ "borderTopWidth": undefined,
2075
2215
  },
2076
- ],
2077
- {
2078
- "top": 0,
2079
- },
2080
- {
2081
- "borderBottomWidth": 1,
2082
- },
2083
- ]
2084
- }
2085
- >
2086
- <ViewManagerAdapter_ExpoLinearGradient
2087
- proxiedProperties={
2088
- {
2089
- "colors": [
2090
- 4294967295,
2091
- 872415231,
2092
- ],
2093
- "endPoint": undefined,
2094
- "locations": undefined,
2095
- "startPoint": undefined,
2096
- }
2216
+ ]
2097
2217
  }
2098
- style={
2099
- {
2100
- "flex": 1,
2101
- }
2102
- }
2103
- />
2104
- </View>
2105
- <View
2106
- pointerEvents="none"
2107
- style={
2108
- [
2109
- [
2110
- {
2111
- "borderColor": "#E5E8EB",
2112
- "height": 80,
2113
- },
2218
+ >
2219
+ <ViewManagerAdapter_ExpoLinearGradient
2220
+ proxiedProperties={
2114
2221
  {
2115
- "position": "absolute",
2116
- "width": "100%",
2117
- },
2118
- ],
2119
- {
2120
- "bottom": 0,
2121
- },
2122
- {
2123
- "borderTopWidth": 1,
2124
- },
2125
- ]
2126
- }
2127
- >
2128
- <ViewManagerAdapter_ExpoLinearGradient
2129
- proxiedProperties={
2130
- {
2131
- "colors": [
2132
- 872415231,
2133
- 4294967295,
2134
- ],
2135
- "endPoint": undefined,
2136
- "locations": undefined,
2137
- "startPoint": undefined,
2222
+ "colors": [
2223
+ 871757818,
2224
+ 4294309882,
2225
+ ],
2226
+ "endPoint": undefined,
2227
+ "locations": undefined,
2228
+ "startPoint": undefined,
2229
+ }
2138
2230
  }
2139
- }
2140
- style={
2141
- {
2142
- "flex": 1,
2231
+ style={
2232
+ {
2233
+ "flex": 1,
2234
+ }
2143
2235
  }
2144
- }
2145
- />
2236
+ />
2237
+ </View>
2146
2238
  </View>
2147
2239
  </View>
2148
2240
  </View>