@hero-design/rn 8.30.3 → 8.30.4

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 (22) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/es/index.js +70 -169
  3. package/lib/index.js +70 -169
  4. package/package.json +5 -5
  5. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +3 -33
  6. package/src/components/Carousel/index.tsx +18 -5
  7. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +818 -981
  8. package/src/components/FAB/ActionGroup/__tests__/index.spec.tsx +11 -4
  9. package/src/components/FAB/ActionGroup/index.tsx +98 -142
  10. package/src/components/FAB/AnimatedFABIcon.tsx +5 -3
  11. package/src/components/FAB/FAB.tsx +28 -112
  12. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +9 -27
  13. package/src/components/FAB/__tests__/index.spec.tsx +2 -22
  14. package/src/components/Skeleton/__tests__/__snapshots__/index.spec.tsx.snap +14 -14
  15. package/src/components/Skeleton/index.tsx +3 -7
  16. package/src/types.ts +0 -4
  17. package/testUtils/setup.tsx +0 -2
  18. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +1 -1
  19. package/types/components/FAB/ActionGroup/index.d.ts +1 -7
  20. package/types/components/FAB/FAB.d.ts +2 -8
  21. package/types/components/FAB/index.d.ts +2 -3
  22. package/types/types.d.ts +1 -3
package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -42,609 +42,524 @@ exports[`ActionGroup has active false 1`] = `
42
42
  "alignItems": "flex-end",
43
43
  "justifyContent": "flex-end",
44
44
  "opacity": 0,
45
+ "transform": Array [
46
+ Object {
47
+ "translateX": 400,
48
+ },
49
+ ],
45
50
  "width": "70%",
46
51
  }
47
52
  }
48
53
  testID="action-group"
49
54
  >
50
- <View
51
- collapsable={false}
55
+ <Text
56
+ allowFontScaling={false}
52
57
  style={
53
- Object {
54
- "transform": Array [
55
- Object {
56
- "translateY": 40,
57
- },
58
- ],
59
- }
60
- }
61
- >
62
- <Text
63
- allowFontScaling={false}
64
- style={
58
+ Array [
59
+ Object {
60
+ "color": "#001f23",
61
+ "fontFamily": "BeVietnamPro-Regular",
62
+ "fontSize": 14,
63
+ "letterSpacing": 0.42,
64
+ "lineHeight": 22,
65
+ },
65
66
  Array [
66
67
  Object {
67
68
  "color": "#001f23",
68
- "fontFamily": "BeVietnamPro-Regular",
69
- "fontSize": 14,
70
- "letterSpacing": 0.42,
71
- "lineHeight": 22,
69
+ "fontFamily": "BeVietnamPro-SemiBold",
70
+ "fontSize": 24,
71
+ "lineHeight": 32,
72
+ "marginBottom": 24,
73
+ "marginRight": 24,
74
+ "textAlign": "right",
72
75
  },
73
- Array [
74
- Object {
75
- "color": "#001f23",
76
- "fontFamily": "BeVietnamPro-SemiBold",
77
- "fontSize": 24,
78
- "lineHeight": 32,
79
- "marginBottom": 24,
80
- "marginRight": 24,
81
- "textAlign": "right",
82
- },
83
- undefined,
84
- ],
85
- ]
86
- }
87
- testID="header-text"
88
- themeFontSize="medium"
89
- themeFontWeight="regular"
90
- themeIntent="body"
91
- themeTypeface="neutral"
92
- >
93
- What would you like to create?
94
- </Text>
95
- </View>
96
- <View
97
- style={
98
- Array [
99
- Object {},
100
- Array [
101
76
  undefined,
102
- Object {
103
- "paddingBottom": 0,
104
- },
105
77
  ],
106
78
  ]
107
79
  }
80
+ testID="header-text"
81
+ themeFontSize="medium"
82
+ themeFontWeight="regular"
83
+ themeIntent="body"
84
+ themeTypeface="neutral"
108
85
  >
86
+ What would you like to create?
87
+ </Text>
88
+ <View>
109
89
  <View
110
- collapsable={false}
90
+ accessible={true}
91
+ focusable={false}
92
+ onClick={[Function]}
93
+ onResponderGrant={[Function]}
94
+ onResponderMove={[Function]}
95
+ onResponderRelease={[Function]}
96
+ onResponderTerminate={[Function]}
97
+ onResponderTerminationRequest={[Function]}
98
+ onStartShouldSetResponder={[Function]}
111
99
  style={
112
- Object {
113
- "transform": Array [
114
- Object {
115
- "translateY": 40,
116
- },
117
- ],
118
- }
100
+ Array [
101
+ Object {
102
+ "alignItems": "center",
103
+ "alignSelf": "flex-end",
104
+ "backgroundColor": "#795e90",
105
+ "borderRadius": 999,
106
+ "flexDirection": "row",
107
+ "margin": 8,
108
+ "marginRight": 24,
109
+ "overflow": "hidden",
110
+ "padding": 12,
111
+ },
112
+ undefined,
113
+ ]
119
114
  }
115
+ testID="speaker-action-item"
120
116
  >
121
117
  <View
122
- accessible={true}
123
- focusable={false}
124
- onClick={[Function]}
125
- onResponderGrant={[Function]}
126
- onResponderMove={[Function]}
127
- onResponderRelease={[Function]}
128
- onResponderTerminate={[Function]}
129
- onResponderTerminationRequest={[Function]}
130
- onStartShouldSetResponder={[Function]}
131
118
  style={
132
119
  Array [
133
- Object {
134
- "alignItems": "center",
135
- "alignSelf": "flex-end",
136
- "backgroundColor": "#795e90",
137
- "borderRadius": 999,
138
- "flexDirection": "row",
139
- "margin": 8,
140
- "marginRight": 24,
141
- "overflow": "hidden",
142
- "padding": 12,
143
- },
144
- undefined,
120
+ Object {},
121
+ Array [
122
+ Object {
123
+ "alignItems": "center",
124
+ "height": 24,
125
+ "justifyContent": "center",
126
+ "width": 24,
127
+ },
128
+ undefined,
129
+ ],
145
130
  ]
146
131
  }
147
- testID="speaker-action-item"
148
132
  >
149
- <View
150
- style={
151
- Array [
152
- Object {},
153
- Array [
154
- Object {
155
- "alignItems": "center",
156
- "height": 24,
157
- "justifyContent": "center",
158
- "width": 24,
159
- },
160
- undefined,
161
- ],
162
- ]
163
- }
164
- >
165
- <HeroIcon
166
- name="speaker"
167
- style={
168
- Array [
169
- Object {
170
- "color": "#001f23",
171
- "fontSize": 16,
172
- },
173
- Array [
174
- Object {
175
- "color": "#ffffff",
176
- },
177
- undefined,
178
- ],
179
- ]
180
- }
181
- themeIntent="text"
182
- themeSize="xsmall"
183
- />
184
- </View>
185
- <Text
186
- allowFontScaling={false}
133
+ <HeroIcon
134
+ name="speaker"
187
135
  style={
188
136
  Array [
189
137
  Object {
190
138
  "color": "#001f23",
191
- "fontFamily": "BeVietnamPro-Regular",
192
- "fontSize": 14,
193
- "letterSpacing": 0.42,
194
- "lineHeight": 22,
139
+ "fontSize": 16,
195
140
  },
196
141
  Array [
197
142
  Object {
198
143
  "color": "#ffffff",
199
- "fontFamily": "BeVietnamPro-Regular",
200
- "fontSize": 16,
201
- "lineHeight": 22,
202
- "paddingLeft": 4,
203
144
  },
204
145
  undefined,
205
146
  ],
206
147
  ]
207
148
  }
208
- themeFontSize="medium"
209
- themeFontWeight="regular"
210
- themeIntent="body"
211
- themeTypeface="neutral"
212
- >
213
- Give shout out
214
- </Text>
149
+ themeIntent="text"
150
+ themeSize="xsmall"
151
+ />
215
152
  </View>
216
- </View>
217
- <View
218
- collapsable={false}
219
- style={
220
- Object {
221
- "transform": Array [
153
+ <Text
154
+ allowFontScaling={false}
155
+ style={
156
+ Array [
222
157
  Object {
223
- "translateY": 40,
158
+ "color": "#001f23",
159
+ "fontFamily": "BeVietnamPro-Regular",
160
+ "fontSize": 14,
161
+ "letterSpacing": 0.42,
162
+ "lineHeight": 22,
224
163
  },
225
- ],
164
+ Array [
165
+ Object {
166
+ "color": "#ffffff",
167
+ "fontFamily": "BeVietnamPro-Regular",
168
+ "fontSize": 16,
169
+ "lineHeight": 22,
170
+ "paddingLeft": 4,
171
+ },
172
+ undefined,
173
+ ],
174
+ ]
226
175
  }
176
+ themeFontSize="medium"
177
+ themeFontWeight="regular"
178
+ themeIntent="body"
179
+ themeTypeface="neutral"
180
+ >
181
+ Give shout out
182
+ </Text>
183
+ </View>
184
+ <View
185
+ accessible={true}
186
+ focusable={false}
187
+ onClick={[Function]}
188
+ onResponderGrant={[Function]}
189
+ onResponderMove={[Function]}
190
+ onResponderRelease={[Function]}
191
+ onResponderTerminate={[Function]}
192
+ onResponderTerminationRequest={[Function]}
193
+ onStartShouldSetResponder={[Function]}
194
+ style={
195
+ Array [
196
+ Object {
197
+ "alignItems": "center",
198
+ "alignSelf": "flex-end",
199
+ "backgroundColor": "#795e90",
200
+ "borderRadius": 999,
201
+ "flexDirection": "row",
202
+ "margin": 8,
203
+ "marginRight": 24,
204
+ "overflow": "hidden",
205
+ "padding": 12,
206
+ },
207
+ undefined,
208
+ ]
227
209
  }
210
+ testID="target-action-item"
228
211
  >
229
212
  <View
230
- accessible={true}
231
- focusable={false}
232
- onClick={[Function]}
233
- onResponderGrant={[Function]}
234
- onResponderMove={[Function]}
235
- onResponderRelease={[Function]}
236
- onResponderTerminate={[Function]}
237
- onResponderTerminationRequest={[Function]}
238
- onStartShouldSetResponder={[Function]}
239
213
  style={
240
214
  Array [
241
- Object {
242
- "alignItems": "center",
243
- "alignSelf": "flex-end",
244
- "backgroundColor": "#795e90",
245
- "borderRadius": 999,
246
- "flexDirection": "row",
247
- "margin": 8,
248
- "marginRight": 24,
249
- "overflow": "hidden",
250
- "padding": 12,
251
- },
252
- undefined,
215
+ Object {},
216
+ Array [
217
+ Object {
218
+ "alignItems": "center",
219
+ "height": 24,
220
+ "justifyContent": "center",
221
+ "width": 24,
222
+ },
223
+ undefined,
224
+ ],
253
225
  ]
254
226
  }
255
- testID="target-action-item"
256
227
  >
257
- <View
258
- style={
259
- Array [
260
- Object {},
261
- Array [
262
- Object {
263
- "alignItems": "center",
264
- "height": 24,
265
- "justifyContent": "center",
266
- "width": 24,
267
- },
268
- undefined,
269
- ],
270
- ]
271
- }
272
- >
273
- <HeroIcon
274
- name="target"
275
- style={
276
- Array [
277
- Object {
278
- "color": "#001f23",
279
- "fontSize": 16,
280
- },
281
- Array [
282
- Object {
283
- "color": "#ffffff",
284
- },
285
- undefined,
286
- ],
287
- ]
288
- }
289
- themeIntent="text"
290
- themeSize="xsmall"
291
- />
292
- </View>
293
- <Text
294
- allowFontScaling={false}
228
+ <HeroIcon
229
+ name="target"
295
230
  style={
296
231
  Array [
297
232
  Object {
298
233
  "color": "#001f23",
299
- "fontFamily": "BeVietnamPro-Regular",
300
- "fontSize": 14,
301
- "letterSpacing": 0.42,
302
- "lineHeight": 22,
234
+ "fontSize": 16,
303
235
  },
304
236
  Array [
305
237
  Object {
306
238
  "color": "#ffffff",
307
- "fontFamily": "BeVietnamPro-Regular",
308
- "fontSize": 16,
309
- "lineHeight": 22,
310
- "paddingLeft": 4,
311
239
  },
312
240
  undefined,
313
241
  ],
314
242
  ]
315
243
  }
316
- themeFontSize="medium"
317
- themeFontWeight="regular"
318
- themeIntent="body"
319
- themeTypeface="neutral"
320
- >
321
- Goal
322
- </Text>
244
+ themeIntent="text"
245
+ themeSize="xsmall"
246
+ />
323
247
  </View>
324
- </View>
325
- <View
326
- collapsable={false}
327
- style={
328
- Object {
329
- "transform": Array [
248
+ <Text
249
+ allowFontScaling={false}
250
+ style={
251
+ Array [
330
252
  Object {
331
- "translateY": 40,
253
+ "color": "#001f23",
254
+ "fontFamily": "BeVietnamPro-Regular",
255
+ "fontSize": 14,
256
+ "letterSpacing": 0.42,
257
+ "lineHeight": 22,
332
258
  },
333
- ],
259
+ Array [
260
+ Object {
261
+ "color": "#ffffff",
262
+ "fontFamily": "BeVietnamPro-Regular",
263
+ "fontSize": 16,
264
+ "lineHeight": 22,
265
+ "paddingLeft": 4,
266
+ },
267
+ undefined,
268
+ ],
269
+ ]
334
270
  }
271
+ themeFontSize="medium"
272
+ themeFontWeight="regular"
273
+ themeIntent="body"
274
+ themeTypeface="neutral"
275
+ >
276
+ Goal
277
+ </Text>
278
+ </View>
279
+ <View
280
+ accessible={true}
281
+ focusable={false}
282
+ onClick={[Function]}
283
+ onResponderGrant={[Function]}
284
+ onResponderMove={[Function]}
285
+ onResponderRelease={[Function]}
286
+ onResponderTerminate={[Function]}
287
+ onResponderTerminationRequest={[Function]}
288
+ onStartShouldSetResponder={[Function]}
289
+ style={
290
+ Array [
291
+ Object {
292
+ "alignItems": "center",
293
+ "alignSelf": "flex-end",
294
+ "backgroundColor": "#795e90",
295
+ "borderRadius": 999,
296
+ "flexDirection": "row",
297
+ "margin": 8,
298
+ "marginRight": 24,
299
+ "overflow": "hidden",
300
+ "padding": 12,
301
+ },
302
+ undefined,
303
+ ]
335
304
  }
305
+ testID="plane-action-item"
336
306
  >
337
307
  <View
338
- accessible={true}
339
- focusable={false}
340
- onClick={[Function]}
341
- onResponderGrant={[Function]}
342
- onResponderMove={[Function]}
343
- onResponderRelease={[Function]}
344
- onResponderTerminate={[Function]}
345
- onResponderTerminationRequest={[Function]}
346
- onStartShouldSetResponder={[Function]}
347
308
  style={
348
309
  Array [
349
- Object {
350
- "alignItems": "center",
351
- "alignSelf": "flex-end",
352
- "backgroundColor": "#795e90",
353
- "borderRadius": 999,
354
- "flexDirection": "row",
355
- "margin": 8,
356
- "marginRight": 24,
357
- "overflow": "hidden",
358
- "padding": 12,
359
- },
360
- undefined,
310
+ Object {},
311
+ Array [
312
+ Object {
313
+ "alignItems": "center",
314
+ "height": 24,
315
+ "justifyContent": "center",
316
+ "width": 24,
317
+ },
318
+ undefined,
319
+ ],
361
320
  ]
362
321
  }
363
- testID="plane-action-item"
364
322
  >
365
- <View
366
- style={
367
- Array [
368
- Object {},
369
- Array [
370
- Object {
371
- "alignItems": "center",
372
- "height": 24,
373
- "justifyContent": "center",
374
- "width": 24,
375
- },
376
- undefined,
377
- ],
378
- ]
379
- }
380
- >
381
- <HeroIcon
382
- name="plane"
383
- style={
384
- Array [
385
- Object {
386
- "color": "#001f23",
387
- "fontSize": 16,
388
- },
389
- Array [
390
- Object {
391
- "color": "#ffffff",
392
- },
393
- undefined,
394
- ],
395
- ]
396
- }
397
- themeIntent="text"
398
- themeSize="xsmall"
399
- />
400
- </View>
401
- <Text
402
- allowFontScaling={false}
323
+ <HeroIcon
324
+ name="plane"
403
325
  style={
404
326
  Array [
405
327
  Object {
406
328
  "color": "#001f23",
407
- "fontFamily": "BeVietnamPro-Regular",
408
- "fontSize": 14,
409
- "letterSpacing": 0.42,
410
- "lineHeight": 22,
329
+ "fontSize": 16,
411
330
  },
412
331
  Array [
413
332
  Object {
414
333
  "color": "#ffffff",
415
- "fontFamily": "BeVietnamPro-Regular",
416
- "fontSize": 16,
417
- "lineHeight": 22,
418
- "paddingLeft": 4,
419
334
  },
420
335
  undefined,
421
336
  ],
422
337
  ]
423
338
  }
424
- themeFontSize="medium"
425
- themeFontWeight="regular"
426
- themeIntent="body"
427
- themeTypeface="neutral"
428
- >
429
- Leave request
430
- </Text>
339
+ themeIntent="text"
340
+ themeSize="xsmall"
341
+ />
431
342
  </View>
432
- </View>
433
- <View
434
- collapsable={false}
435
- style={
436
- Object {
437
- "transform": Array [
343
+ <Text
344
+ allowFontScaling={false}
345
+ style={
346
+ Array [
438
347
  Object {
439
- "translateY": 40,
348
+ "color": "#001f23",
349
+ "fontFamily": "BeVietnamPro-Regular",
350
+ "fontSize": 14,
351
+ "letterSpacing": 0.42,
352
+ "lineHeight": 22,
440
353
  },
441
- ],
354
+ Array [
355
+ Object {
356
+ "color": "#ffffff",
357
+ "fontFamily": "BeVietnamPro-Regular",
358
+ "fontSize": 16,
359
+ "lineHeight": 22,
360
+ "paddingLeft": 4,
361
+ },
362
+ undefined,
363
+ ],
364
+ ]
442
365
  }
366
+ themeFontSize="medium"
367
+ themeFontWeight="regular"
368
+ themeIntent="body"
369
+ themeTypeface="neutral"
370
+ >
371
+ Leave request
372
+ </Text>
373
+ </View>
374
+ <View
375
+ accessible={true}
376
+ focusable={false}
377
+ onClick={[Function]}
378
+ onResponderGrant={[Function]}
379
+ onResponderMove={[Function]}
380
+ onResponderRelease={[Function]}
381
+ onResponderTerminate={[Function]}
382
+ onResponderTerminationRequest={[Function]}
383
+ onStartShouldSetResponder={[Function]}
384
+ style={
385
+ Array [
386
+ Object {
387
+ "alignItems": "center",
388
+ "alignSelf": "flex-end",
389
+ "backgroundColor": "#795e90",
390
+ "borderRadius": 999,
391
+ "flexDirection": "row",
392
+ "margin": 8,
393
+ "marginRight": 24,
394
+ "overflow": "hidden",
395
+ "padding": 12,
396
+ },
397
+ undefined,
398
+ ]
443
399
  }
400
+ testID="health-bag-action-item"
444
401
  >
445
402
  <View
446
- accessible={true}
447
- focusable={false}
448
- onClick={[Function]}
449
- onResponderGrant={[Function]}
450
- onResponderMove={[Function]}
451
- onResponderRelease={[Function]}
452
- onResponderTerminate={[Function]}
453
- onResponderTerminationRequest={[Function]}
454
- onStartShouldSetResponder={[Function]}
455
403
  style={
456
404
  Array [
457
- Object {
458
- "alignItems": "center",
459
- "alignSelf": "flex-end",
460
- "backgroundColor": "#795e90",
461
- "borderRadius": 999,
462
- "flexDirection": "row",
463
- "margin": 8,
464
- "marginRight": 24,
465
- "overflow": "hidden",
466
- "padding": 12,
467
- },
468
- undefined,
405
+ Object {},
406
+ Array [
407
+ Object {
408
+ "alignItems": "center",
409
+ "height": 24,
410
+ "justifyContent": "center",
411
+ "width": 24,
412
+ },
413
+ undefined,
414
+ ],
469
415
  ]
470
416
  }
471
- testID="health-bag-action-item"
472
417
  >
473
- <View
474
- style={
475
- Array [
476
- Object {},
477
- Array [
478
- Object {
479
- "alignItems": "center",
480
- "height": 24,
481
- "justifyContent": "center",
482
- "width": 24,
483
- },
484
- undefined,
485
- ],
486
- ]
487
- }
488
- >
489
- <HeroIcon
490
- name="health-bag"
491
- style={
492
- Array [
493
- Object {
494
- "color": "#001f23",
495
- "fontSize": 16,
496
- },
497
- Array [
498
- Object {
499
- "color": "#ffffff",
500
- },
501
- undefined,
502
- ],
503
- ]
504
- }
505
- themeIntent="text"
506
- themeSize="xsmall"
507
- />
508
- </View>
509
- <Text
510
- allowFontScaling={false}
418
+ <HeroIcon
419
+ name="health-bag"
511
420
  style={
512
421
  Array [
513
422
  Object {
514
423
  "color": "#001f23",
515
- "fontFamily": "BeVietnamPro-Regular",
516
- "fontSize": 14,
517
- "letterSpacing": 0.42,
518
- "lineHeight": 22,
424
+ "fontSize": 16,
519
425
  },
520
426
  Array [
521
427
  Object {
522
428
  "color": "#ffffff",
523
- "fontFamily": "BeVietnamPro-Regular",
524
- "fontSize": 16,
525
- "lineHeight": 22,
526
- "paddingLeft": 4,
527
429
  },
528
430
  undefined,
529
431
  ],
530
432
  ]
531
433
  }
532
- themeFontSize="medium"
533
- themeFontWeight="regular"
534
- themeIntent="body"
535
- themeTypeface="neutral"
536
- >
537
- Safety incident
538
- </Text>
434
+ themeIntent="text"
435
+ themeSize="xsmall"
436
+ />
539
437
  </View>
540
- </View>
541
- <View
542
- collapsable={false}
543
- style={
544
- Object {
545
- "transform": Array [
438
+ <Text
439
+ allowFontScaling={false}
440
+ style={
441
+ Array [
546
442
  Object {
547
- "translateY": 40,
443
+ "color": "#001f23",
444
+ "fontFamily": "BeVietnamPro-Regular",
445
+ "fontSize": 14,
446
+ "letterSpacing": 0.42,
447
+ "lineHeight": 22,
548
448
  },
549
- ],
449
+ Array [
450
+ Object {
451
+ "color": "#ffffff",
452
+ "fontFamily": "BeVietnamPro-Regular",
453
+ "fontSize": 16,
454
+ "lineHeight": 22,
455
+ "paddingLeft": 4,
456
+ },
457
+ undefined,
458
+ ],
459
+ ]
550
460
  }
461
+ themeFontSize="medium"
462
+ themeFontWeight="regular"
463
+ themeIntent="body"
464
+ themeTypeface="neutral"
465
+ >
466
+ Safety incident
467
+ </Text>
468
+ </View>
469
+ <View
470
+ accessible={true}
471
+ focusable={false}
472
+ onClick={[Function]}
473
+ onResponderGrant={[Function]}
474
+ onResponderMove={[Function]}
475
+ onResponderRelease={[Function]}
476
+ onResponderTerminate={[Function]}
477
+ onResponderTerminationRequest={[Function]}
478
+ onStartShouldSetResponder={[Function]}
479
+ style={
480
+ Array [
481
+ Object {
482
+ "alignItems": "center",
483
+ "alignSelf": "flex-end",
484
+ "backgroundColor": "#795e90",
485
+ "borderRadius": 999,
486
+ "flexDirection": "row",
487
+ "margin": 8,
488
+ "marginRight": 24,
489
+ "overflow": "hidden",
490
+ "padding": 12,
491
+ },
492
+ undefined,
493
+ ]
551
494
  }
495
+ testID="clock-action-item"
552
496
  >
553
497
  <View
554
- accessible={true}
555
- focusable={false}
556
- onClick={[Function]}
557
- onResponderGrant={[Function]}
558
- onResponderMove={[Function]}
559
- onResponderRelease={[Function]}
560
- onResponderTerminate={[Function]}
561
- onResponderTerminationRequest={[Function]}
562
- onStartShouldSetResponder={[Function]}
563
498
  style={
564
499
  Array [
565
- Object {
566
- "alignItems": "center",
567
- "alignSelf": "flex-end",
568
- "backgroundColor": "#795e90",
569
- "borderRadius": 999,
570
- "flexDirection": "row",
571
- "margin": 8,
572
- "marginRight": 24,
573
- "overflow": "hidden",
574
- "padding": 12,
575
- },
576
- undefined,
500
+ Object {},
501
+ Array [
502
+ Object {
503
+ "alignItems": "center",
504
+ "height": 24,
505
+ "justifyContent": "center",
506
+ "width": 24,
507
+ },
508
+ undefined,
509
+ ],
577
510
  ]
578
511
  }
579
- testID="clock-action-item"
580
512
  >
581
- <View
582
- style={
583
- Array [
584
- Object {},
585
- Array [
586
- Object {
587
- "alignItems": "center",
588
- "height": 24,
589
- "justifyContent": "center",
590
- "width": 24,
591
- },
592
- undefined,
593
- ],
594
- ]
595
- }
596
- >
597
- <HeroIcon
598
- name="clock"
599
- style={
600
- Array [
601
- Object {
602
- "color": "#001f23",
603
- "fontSize": 16,
604
- },
605
- Array [
606
- Object {
607
- "color": "#ffffff",
608
- },
609
- undefined,
610
- ],
611
- ]
612
- }
613
- themeIntent="text"
614
- themeSize="xsmall"
615
- />
616
- </View>
617
- <Text
618
- allowFontScaling={false}
513
+ <HeroIcon
514
+ name="clock"
619
515
  style={
620
516
  Array [
621
517
  Object {
622
518
  "color": "#001f23",
623
- "fontFamily": "BeVietnamPro-Regular",
624
- "fontSize": 14,
625
- "letterSpacing": 0.42,
626
- "lineHeight": 22,
519
+ "fontSize": 16,
627
520
  },
628
521
  Array [
629
522
  Object {
630
523
  "color": "#ffffff",
631
- "fontFamily": "BeVietnamPro-Regular",
632
- "fontSize": 16,
633
- "lineHeight": 22,
634
- "paddingLeft": 4,
635
524
  },
636
525
  undefined,
637
526
  ],
638
527
  ]
639
528
  }
640
- themeFontSize="medium"
641
- themeFontWeight="regular"
642
- themeIntent="body"
643
- themeTypeface="neutral"
644
- >
645
- Timesheets
646
- </Text>
529
+ themeIntent="text"
530
+ themeSize="xsmall"
531
+ />
647
532
  </View>
533
+ <Text
534
+ allowFontScaling={false}
535
+ style={
536
+ Array [
537
+ Object {
538
+ "color": "#001f23",
539
+ "fontFamily": "BeVietnamPro-Regular",
540
+ "fontSize": 14,
541
+ "letterSpacing": 0.42,
542
+ "lineHeight": 22,
543
+ },
544
+ Array [
545
+ Object {
546
+ "color": "#ffffff",
547
+ "fontFamily": "BeVietnamPro-Regular",
548
+ "fontSize": 16,
549
+ "lineHeight": 22,
550
+ "paddingLeft": 4,
551
+ },
552
+ undefined,
553
+ ],
554
+ ]
555
+ }
556
+ themeFontSize="medium"
557
+ themeFontWeight="regular"
558
+ themeIntent="body"
559
+ themeTypeface="neutral"
560
+ >
561
+ Timesheets
562
+ </Text>
648
563
  </View>
649
564
  </View>
650
565
  </View>
@@ -652,7 +567,6 @@ exports[`ActionGroup has active false 1`] = `
652
567
  accessible={true}
653
568
  focusable={false}
654
569
  onClick={[Function]}
655
- onLayout={[Function]}
656
570
  onResponderGrant={[Function]}
657
571
  onResponderMove={[Function]}
658
572
  onResponderRelease={[Function]}
@@ -679,17 +593,12 @@ exports[`ActionGroup has active false 1`] = `
679
593
  "shadowRadius": 8,
680
594
  },
681
595
  Array [
682
- Array [
683
- Object {
684
- "alignSelf": "flex-end",
685
- "marginRight": 24,
686
- "marginTop": 24,
687
- },
688
- undefined,
689
- ],
690
596
  Object {
691
- "bottom": undefined,
597
+ "alignSelf": "flex-end",
598
+ "marginRight": 24,
599
+ "marginTop": 24,
692
600
  },
601
+ undefined,
693
602
  ],
694
603
  ]
695
604
  }
@@ -813,609 +722,524 @@ exports[`ActionGroup has active true 1`] = `
813
722
  "alignItems": "flex-end",
814
723
  "justifyContent": "flex-end",
815
724
  "opacity": 1,
725
+ "transform": Array [
726
+ Object {
727
+ "translateX": 0,
728
+ },
729
+ ],
816
730
  "width": "70%",
817
731
  }
818
732
  }
819
733
  testID="action-group"
820
734
  >
821
- <View
822
- collapsable={false}
735
+ <Text
736
+ allowFontScaling={false}
823
737
  style={
824
- Object {
825
- "transform": Array [
826
- Object {
827
- "translateY": 100,
828
- },
829
- ],
830
- }
831
- }
832
- >
833
- <Text
834
- allowFontScaling={false}
835
- style={
738
+ Array [
739
+ Object {
740
+ "color": "#001f23",
741
+ "fontFamily": "BeVietnamPro-Regular",
742
+ "fontSize": 14,
743
+ "letterSpacing": 0.42,
744
+ "lineHeight": 22,
745
+ },
836
746
  Array [
837
747
  Object {
838
748
  "color": "#001f23",
839
- "fontFamily": "BeVietnamPro-Regular",
840
- "fontSize": 14,
841
- "letterSpacing": 0.42,
842
- "lineHeight": 22,
749
+ "fontFamily": "BeVietnamPro-SemiBold",
750
+ "fontSize": 24,
751
+ "lineHeight": 32,
752
+ "marginBottom": 24,
753
+ "marginRight": 24,
754
+ "textAlign": "right",
843
755
  },
844
- Array [
845
- Object {
846
- "color": "#001f23",
847
- "fontFamily": "BeVietnamPro-SemiBold",
848
- "fontSize": 24,
849
- "lineHeight": 32,
850
- "marginBottom": 24,
851
- "marginRight": 24,
852
- "textAlign": "right",
853
- },
854
- undefined,
855
- ],
856
- ]
857
- }
858
- testID="header-text"
859
- themeFontSize="medium"
860
- themeFontWeight="regular"
861
- themeIntent="body"
862
- themeTypeface="neutral"
863
- >
864
- What would you like to create?
865
- </Text>
866
- </View>
867
- <View
868
- style={
869
- Array [
870
- Object {},
871
- Array [
872
756
  undefined,
873
- Object {
874
- "paddingBottom": 0,
875
- },
876
757
  ],
877
758
  ]
878
759
  }
760
+ testID="header-text"
761
+ themeFontSize="medium"
762
+ themeFontWeight="regular"
763
+ themeIntent="body"
764
+ themeTypeface="neutral"
879
765
  >
766
+ What would you like to create?
767
+ </Text>
768
+ <View>
880
769
  <View
881
- collapsable={false}
770
+ accessible={true}
771
+ focusable={false}
772
+ onClick={[Function]}
773
+ onResponderGrant={[Function]}
774
+ onResponderMove={[Function]}
775
+ onResponderRelease={[Function]}
776
+ onResponderTerminate={[Function]}
777
+ onResponderTerminationRequest={[Function]}
778
+ onStartShouldSetResponder={[Function]}
882
779
  style={
883
- Object {
884
- "transform": Array [
885
- Object {
886
- "translateY": 100,
887
- },
888
- ],
889
- }
780
+ Array [
781
+ Object {
782
+ "alignItems": "center",
783
+ "alignSelf": "flex-end",
784
+ "backgroundColor": "#795e90",
785
+ "borderRadius": 999,
786
+ "flexDirection": "row",
787
+ "margin": 8,
788
+ "marginRight": 24,
789
+ "overflow": "hidden",
790
+ "padding": 12,
791
+ },
792
+ undefined,
793
+ ]
890
794
  }
795
+ testID="speaker-action-item"
891
796
  >
892
797
  <View
893
- accessible={true}
894
- focusable={false}
895
- onClick={[Function]}
896
- onResponderGrant={[Function]}
897
- onResponderMove={[Function]}
898
- onResponderRelease={[Function]}
899
- onResponderTerminate={[Function]}
900
- onResponderTerminationRequest={[Function]}
901
- onStartShouldSetResponder={[Function]}
902
798
  style={
903
799
  Array [
904
- Object {
905
- "alignItems": "center",
906
- "alignSelf": "flex-end",
907
- "backgroundColor": "#795e90",
908
- "borderRadius": 999,
909
- "flexDirection": "row",
910
- "margin": 8,
911
- "marginRight": 24,
912
- "overflow": "hidden",
913
- "padding": 12,
914
- },
915
- undefined,
800
+ Object {},
801
+ Array [
802
+ Object {
803
+ "alignItems": "center",
804
+ "height": 24,
805
+ "justifyContent": "center",
806
+ "width": 24,
807
+ },
808
+ undefined,
809
+ ],
916
810
  ]
917
811
  }
918
- testID="speaker-action-item"
919
812
  >
920
- <View
921
- style={
922
- Array [
923
- Object {},
924
- Array [
925
- Object {
926
- "alignItems": "center",
927
- "height": 24,
928
- "justifyContent": "center",
929
- "width": 24,
930
- },
931
- undefined,
932
- ],
933
- ]
934
- }
935
- >
936
- <HeroIcon
937
- name="speaker"
938
- style={
939
- Array [
940
- Object {
941
- "color": "#001f23",
942
- "fontSize": 16,
943
- },
944
- Array [
945
- Object {
946
- "color": "#ffffff",
947
- },
948
- undefined,
949
- ],
950
- ]
951
- }
952
- themeIntent="text"
953
- themeSize="xsmall"
954
- />
955
- </View>
956
- <Text
957
- allowFontScaling={false}
813
+ <HeroIcon
814
+ name="speaker"
958
815
  style={
959
816
  Array [
960
817
  Object {
961
818
  "color": "#001f23",
962
- "fontFamily": "BeVietnamPro-Regular",
963
- "fontSize": 14,
964
- "letterSpacing": 0.42,
965
- "lineHeight": 22,
819
+ "fontSize": 16,
966
820
  },
967
821
  Array [
968
822
  Object {
969
823
  "color": "#ffffff",
970
- "fontFamily": "BeVietnamPro-Regular",
971
- "fontSize": 16,
972
- "lineHeight": 22,
973
- "paddingLeft": 4,
974
824
  },
975
825
  undefined,
976
826
  ],
977
827
  ]
978
828
  }
979
- themeFontSize="medium"
980
- themeFontWeight="regular"
981
- themeIntent="body"
982
- themeTypeface="neutral"
983
- >
984
- Give shout out
985
- </Text>
829
+ themeIntent="text"
830
+ themeSize="xsmall"
831
+ />
986
832
  </View>
987
- </View>
988
- <View
989
- collapsable={false}
990
- style={
991
- Object {
992
- "transform": Array [
833
+ <Text
834
+ allowFontScaling={false}
835
+ style={
836
+ Array [
993
837
  Object {
994
- "translateY": 100,
838
+ "color": "#001f23",
839
+ "fontFamily": "BeVietnamPro-Regular",
840
+ "fontSize": 14,
841
+ "letterSpacing": 0.42,
842
+ "lineHeight": 22,
995
843
  },
996
- ],
844
+ Array [
845
+ Object {
846
+ "color": "#ffffff",
847
+ "fontFamily": "BeVietnamPro-Regular",
848
+ "fontSize": 16,
849
+ "lineHeight": 22,
850
+ "paddingLeft": 4,
851
+ },
852
+ undefined,
853
+ ],
854
+ ]
997
855
  }
856
+ themeFontSize="medium"
857
+ themeFontWeight="regular"
858
+ themeIntent="body"
859
+ themeTypeface="neutral"
860
+ >
861
+ Give shout out
862
+ </Text>
863
+ </View>
864
+ <View
865
+ accessible={true}
866
+ focusable={false}
867
+ onClick={[Function]}
868
+ onResponderGrant={[Function]}
869
+ onResponderMove={[Function]}
870
+ onResponderRelease={[Function]}
871
+ onResponderTerminate={[Function]}
872
+ onResponderTerminationRequest={[Function]}
873
+ onStartShouldSetResponder={[Function]}
874
+ style={
875
+ Array [
876
+ Object {
877
+ "alignItems": "center",
878
+ "alignSelf": "flex-end",
879
+ "backgroundColor": "#795e90",
880
+ "borderRadius": 999,
881
+ "flexDirection": "row",
882
+ "margin": 8,
883
+ "marginRight": 24,
884
+ "overflow": "hidden",
885
+ "padding": 12,
886
+ },
887
+ undefined,
888
+ ]
998
889
  }
890
+ testID="target-action-item"
999
891
  >
1000
892
  <View
1001
- accessible={true}
1002
- focusable={false}
1003
- onClick={[Function]}
1004
- onResponderGrant={[Function]}
1005
- onResponderMove={[Function]}
1006
- onResponderRelease={[Function]}
1007
- onResponderTerminate={[Function]}
1008
- onResponderTerminationRequest={[Function]}
1009
- onStartShouldSetResponder={[Function]}
1010
- style={
1011
- Array [
1012
- Object {
1013
- "alignItems": "center",
1014
- "alignSelf": "flex-end",
1015
- "backgroundColor": "#795e90",
1016
- "borderRadius": 999,
1017
- "flexDirection": "row",
1018
- "margin": 8,
1019
- "marginRight": 24,
1020
- "overflow": "hidden",
1021
- "padding": 12,
1022
- },
1023
- undefined,
893
+ style={
894
+ Array [
895
+ Object {},
896
+ Array [
897
+ Object {
898
+ "alignItems": "center",
899
+ "height": 24,
900
+ "justifyContent": "center",
901
+ "width": 24,
902
+ },
903
+ undefined,
904
+ ],
1024
905
  ]
1025
906
  }
1026
- testID="target-action-item"
1027
907
  >
1028
- <View
1029
- style={
1030
- Array [
1031
- Object {},
1032
- Array [
1033
- Object {
1034
- "alignItems": "center",
1035
- "height": 24,
1036
- "justifyContent": "center",
1037
- "width": 24,
1038
- },
1039
- undefined,
1040
- ],
1041
- ]
1042
- }
1043
- >
1044
- <HeroIcon
1045
- name="target"
1046
- style={
1047
- Array [
1048
- Object {
1049
- "color": "#001f23",
1050
- "fontSize": 16,
1051
- },
1052
- Array [
1053
- Object {
1054
- "color": "#ffffff",
1055
- },
1056
- undefined,
1057
- ],
1058
- ]
1059
- }
1060
- themeIntent="text"
1061
- themeSize="xsmall"
1062
- />
1063
- </View>
1064
- <Text
1065
- allowFontScaling={false}
908
+ <HeroIcon
909
+ name="target"
1066
910
  style={
1067
911
  Array [
1068
912
  Object {
1069
913
  "color": "#001f23",
1070
- "fontFamily": "BeVietnamPro-Regular",
1071
- "fontSize": 14,
1072
- "letterSpacing": 0.42,
1073
- "lineHeight": 22,
914
+ "fontSize": 16,
1074
915
  },
1075
916
  Array [
1076
917
  Object {
1077
918
  "color": "#ffffff",
1078
- "fontFamily": "BeVietnamPro-Regular",
1079
- "fontSize": 16,
1080
- "lineHeight": 22,
1081
- "paddingLeft": 4,
1082
919
  },
1083
920
  undefined,
1084
921
  ],
1085
922
  ]
1086
923
  }
1087
- themeFontSize="medium"
1088
- themeFontWeight="regular"
1089
- themeIntent="body"
1090
- themeTypeface="neutral"
1091
- >
1092
- Goal
1093
- </Text>
924
+ themeIntent="text"
925
+ themeSize="xsmall"
926
+ />
1094
927
  </View>
1095
- </View>
1096
- <View
1097
- collapsable={false}
1098
- style={
1099
- Object {
1100
- "transform": Array [
928
+ <Text
929
+ allowFontScaling={false}
930
+ style={
931
+ Array [
1101
932
  Object {
1102
- "translateY": 100,
933
+ "color": "#001f23",
934
+ "fontFamily": "BeVietnamPro-Regular",
935
+ "fontSize": 14,
936
+ "letterSpacing": 0.42,
937
+ "lineHeight": 22,
1103
938
  },
1104
- ],
939
+ Array [
940
+ Object {
941
+ "color": "#ffffff",
942
+ "fontFamily": "BeVietnamPro-Regular",
943
+ "fontSize": 16,
944
+ "lineHeight": 22,
945
+ "paddingLeft": 4,
946
+ },
947
+ undefined,
948
+ ],
949
+ ]
1105
950
  }
951
+ themeFontSize="medium"
952
+ themeFontWeight="regular"
953
+ themeIntent="body"
954
+ themeTypeface="neutral"
955
+ >
956
+ Goal
957
+ </Text>
958
+ </View>
959
+ <View
960
+ accessible={true}
961
+ focusable={false}
962
+ onClick={[Function]}
963
+ onResponderGrant={[Function]}
964
+ onResponderMove={[Function]}
965
+ onResponderRelease={[Function]}
966
+ onResponderTerminate={[Function]}
967
+ onResponderTerminationRequest={[Function]}
968
+ onStartShouldSetResponder={[Function]}
969
+ style={
970
+ Array [
971
+ Object {
972
+ "alignItems": "center",
973
+ "alignSelf": "flex-end",
974
+ "backgroundColor": "#795e90",
975
+ "borderRadius": 999,
976
+ "flexDirection": "row",
977
+ "margin": 8,
978
+ "marginRight": 24,
979
+ "overflow": "hidden",
980
+ "padding": 12,
981
+ },
982
+ undefined,
983
+ ]
1106
984
  }
985
+ testID="plane-action-item"
1107
986
  >
1108
987
  <View
1109
- accessible={true}
1110
- focusable={false}
1111
- onClick={[Function]}
1112
- onResponderGrant={[Function]}
1113
- onResponderMove={[Function]}
1114
- onResponderRelease={[Function]}
1115
- onResponderTerminate={[Function]}
1116
- onResponderTerminationRequest={[Function]}
1117
- onStartShouldSetResponder={[Function]}
1118
988
  style={
1119
989
  Array [
1120
- Object {
1121
- "alignItems": "center",
1122
- "alignSelf": "flex-end",
1123
- "backgroundColor": "#795e90",
1124
- "borderRadius": 999,
1125
- "flexDirection": "row",
1126
- "margin": 8,
1127
- "marginRight": 24,
1128
- "overflow": "hidden",
1129
- "padding": 12,
1130
- },
1131
- undefined,
990
+ Object {},
991
+ Array [
992
+ Object {
993
+ "alignItems": "center",
994
+ "height": 24,
995
+ "justifyContent": "center",
996
+ "width": 24,
997
+ },
998
+ undefined,
999
+ ],
1132
1000
  ]
1133
1001
  }
1134
- testID="plane-action-item"
1135
1002
  >
1136
- <View
1137
- style={
1138
- Array [
1139
- Object {},
1140
- Array [
1141
- Object {
1142
- "alignItems": "center",
1143
- "height": 24,
1144
- "justifyContent": "center",
1145
- "width": 24,
1146
- },
1147
- undefined,
1148
- ],
1149
- ]
1150
- }
1151
- >
1152
- <HeroIcon
1153
- name="plane"
1154
- style={
1155
- Array [
1156
- Object {
1157
- "color": "#001f23",
1158
- "fontSize": 16,
1159
- },
1160
- Array [
1161
- Object {
1162
- "color": "#ffffff",
1163
- },
1164
- undefined,
1165
- ],
1166
- ]
1167
- }
1168
- themeIntent="text"
1169
- themeSize="xsmall"
1170
- />
1171
- </View>
1172
- <Text
1173
- allowFontScaling={false}
1003
+ <HeroIcon
1004
+ name="plane"
1174
1005
  style={
1175
1006
  Array [
1176
1007
  Object {
1177
1008
  "color": "#001f23",
1178
- "fontFamily": "BeVietnamPro-Regular",
1179
- "fontSize": 14,
1180
- "letterSpacing": 0.42,
1181
- "lineHeight": 22,
1009
+ "fontSize": 16,
1182
1010
  },
1183
1011
  Array [
1184
1012
  Object {
1185
1013
  "color": "#ffffff",
1186
- "fontFamily": "BeVietnamPro-Regular",
1187
- "fontSize": 16,
1188
- "lineHeight": 22,
1189
- "paddingLeft": 4,
1190
1014
  },
1191
1015
  undefined,
1192
1016
  ],
1193
1017
  ]
1194
1018
  }
1195
- themeFontSize="medium"
1196
- themeFontWeight="regular"
1197
- themeIntent="body"
1198
- themeTypeface="neutral"
1199
- >
1200
- Leave request
1201
- </Text>
1019
+ themeIntent="text"
1020
+ themeSize="xsmall"
1021
+ />
1202
1022
  </View>
1203
- </View>
1204
- <View
1205
- collapsable={false}
1206
- style={
1207
- Object {
1208
- "transform": Array [
1023
+ <Text
1024
+ allowFontScaling={false}
1025
+ style={
1026
+ Array [
1209
1027
  Object {
1210
- "translateY": 100,
1028
+ "color": "#001f23",
1029
+ "fontFamily": "BeVietnamPro-Regular",
1030
+ "fontSize": 14,
1031
+ "letterSpacing": 0.42,
1032
+ "lineHeight": 22,
1211
1033
  },
1212
- ],
1034
+ Array [
1035
+ Object {
1036
+ "color": "#ffffff",
1037
+ "fontFamily": "BeVietnamPro-Regular",
1038
+ "fontSize": 16,
1039
+ "lineHeight": 22,
1040
+ "paddingLeft": 4,
1041
+ },
1042
+ undefined,
1043
+ ],
1044
+ ]
1213
1045
  }
1046
+ themeFontSize="medium"
1047
+ themeFontWeight="regular"
1048
+ themeIntent="body"
1049
+ themeTypeface="neutral"
1050
+ >
1051
+ Leave request
1052
+ </Text>
1053
+ </View>
1054
+ <View
1055
+ accessible={true}
1056
+ focusable={false}
1057
+ onClick={[Function]}
1058
+ onResponderGrant={[Function]}
1059
+ onResponderMove={[Function]}
1060
+ onResponderRelease={[Function]}
1061
+ onResponderTerminate={[Function]}
1062
+ onResponderTerminationRequest={[Function]}
1063
+ onStartShouldSetResponder={[Function]}
1064
+ style={
1065
+ Array [
1066
+ Object {
1067
+ "alignItems": "center",
1068
+ "alignSelf": "flex-end",
1069
+ "backgroundColor": "#795e90",
1070
+ "borderRadius": 999,
1071
+ "flexDirection": "row",
1072
+ "margin": 8,
1073
+ "marginRight": 24,
1074
+ "overflow": "hidden",
1075
+ "padding": 12,
1076
+ },
1077
+ undefined,
1078
+ ]
1214
1079
  }
1080
+ testID="health-bag-action-item"
1215
1081
  >
1216
1082
  <View
1217
- accessible={true}
1218
- focusable={false}
1219
- onClick={[Function]}
1220
- onResponderGrant={[Function]}
1221
- onResponderMove={[Function]}
1222
- onResponderRelease={[Function]}
1223
- onResponderTerminate={[Function]}
1224
- onResponderTerminationRequest={[Function]}
1225
- onStartShouldSetResponder={[Function]}
1226
1083
  style={
1227
1084
  Array [
1228
- Object {
1229
- "alignItems": "center",
1230
- "alignSelf": "flex-end",
1231
- "backgroundColor": "#795e90",
1232
- "borderRadius": 999,
1233
- "flexDirection": "row",
1234
- "margin": 8,
1235
- "marginRight": 24,
1236
- "overflow": "hidden",
1237
- "padding": 12,
1238
- },
1239
- undefined,
1085
+ Object {},
1086
+ Array [
1087
+ Object {
1088
+ "alignItems": "center",
1089
+ "height": 24,
1090
+ "justifyContent": "center",
1091
+ "width": 24,
1092
+ },
1093
+ undefined,
1094
+ ],
1240
1095
  ]
1241
1096
  }
1242
- testID="health-bag-action-item"
1243
1097
  >
1244
- <View
1245
- style={
1246
- Array [
1247
- Object {},
1248
- Array [
1249
- Object {
1250
- "alignItems": "center",
1251
- "height": 24,
1252
- "justifyContent": "center",
1253
- "width": 24,
1254
- },
1255
- undefined,
1256
- ],
1257
- ]
1258
- }
1259
- >
1260
- <HeroIcon
1261
- name="health-bag"
1262
- style={
1263
- Array [
1264
- Object {
1265
- "color": "#001f23",
1266
- "fontSize": 16,
1267
- },
1268
- Array [
1269
- Object {
1270
- "color": "#ffffff",
1271
- },
1272
- undefined,
1273
- ],
1274
- ]
1275
- }
1276
- themeIntent="text"
1277
- themeSize="xsmall"
1278
- />
1279
- </View>
1280
- <Text
1281
- allowFontScaling={false}
1098
+ <HeroIcon
1099
+ name="health-bag"
1282
1100
  style={
1283
1101
  Array [
1284
1102
  Object {
1285
1103
  "color": "#001f23",
1286
- "fontFamily": "BeVietnamPro-Regular",
1287
- "fontSize": 14,
1288
- "letterSpacing": 0.42,
1289
- "lineHeight": 22,
1104
+ "fontSize": 16,
1290
1105
  },
1291
1106
  Array [
1292
1107
  Object {
1293
1108
  "color": "#ffffff",
1294
- "fontFamily": "BeVietnamPro-Regular",
1295
- "fontSize": 16,
1296
- "lineHeight": 22,
1297
- "paddingLeft": 4,
1298
1109
  },
1299
1110
  undefined,
1300
1111
  ],
1301
1112
  ]
1302
1113
  }
1303
- themeFontSize="medium"
1304
- themeFontWeight="regular"
1305
- themeIntent="body"
1306
- themeTypeface="neutral"
1307
- >
1308
- Safety incident
1309
- </Text>
1114
+ themeIntent="text"
1115
+ themeSize="xsmall"
1116
+ />
1310
1117
  </View>
1311
- </View>
1312
- <View
1313
- collapsable={false}
1314
- style={
1315
- Object {
1316
- "transform": Array [
1118
+ <Text
1119
+ allowFontScaling={false}
1120
+ style={
1121
+ Array [
1317
1122
  Object {
1318
- "translateY": 100,
1123
+ "color": "#001f23",
1124
+ "fontFamily": "BeVietnamPro-Regular",
1125
+ "fontSize": 14,
1126
+ "letterSpacing": 0.42,
1127
+ "lineHeight": 22,
1319
1128
  },
1320
- ],
1129
+ Array [
1130
+ Object {
1131
+ "color": "#ffffff",
1132
+ "fontFamily": "BeVietnamPro-Regular",
1133
+ "fontSize": 16,
1134
+ "lineHeight": 22,
1135
+ "paddingLeft": 4,
1136
+ },
1137
+ undefined,
1138
+ ],
1139
+ ]
1321
1140
  }
1141
+ themeFontSize="medium"
1142
+ themeFontWeight="regular"
1143
+ themeIntent="body"
1144
+ themeTypeface="neutral"
1145
+ >
1146
+ Safety incident
1147
+ </Text>
1148
+ </View>
1149
+ <View
1150
+ accessible={true}
1151
+ focusable={false}
1152
+ onClick={[Function]}
1153
+ onResponderGrant={[Function]}
1154
+ onResponderMove={[Function]}
1155
+ onResponderRelease={[Function]}
1156
+ onResponderTerminate={[Function]}
1157
+ onResponderTerminationRequest={[Function]}
1158
+ onStartShouldSetResponder={[Function]}
1159
+ style={
1160
+ Array [
1161
+ Object {
1162
+ "alignItems": "center",
1163
+ "alignSelf": "flex-end",
1164
+ "backgroundColor": "#795e90",
1165
+ "borderRadius": 999,
1166
+ "flexDirection": "row",
1167
+ "margin": 8,
1168
+ "marginRight": 24,
1169
+ "overflow": "hidden",
1170
+ "padding": 12,
1171
+ },
1172
+ undefined,
1173
+ ]
1322
1174
  }
1175
+ testID="clock-action-item"
1323
1176
  >
1324
1177
  <View
1325
- accessible={true}
1326
- focusable={false}
1327
- onClick={[Function]}
1328
- onResponderGrant={[Function]}
1329
- onResponderMove={[Function]}
1330
- onResponderRelease={[Function]}
1331
- onResponderTerminate={[Function]}
1332
- onResponderTerminationRequest={[Function]}
1333
- onStartShouldSetResponder={[Function]}
1334
1178
  style={
1335
1179
  Array [
1336
- Object {
1337
- "alignItems": "center",
1338
- "alignSelf": "flex-end",
1339
- "backgroundColor": "#795e90",
1340
- "borderRadius": 999,
1341
- "flexDirection": "row",
1342
- "margin": 8,
1343
- "marginRight": 24,
1344
- "overflow": "hidden",
1345
- "padding": 12,
1346
- },
1347
- undefined,
1180
+ Object {},
1181
+ Array [
1182
+ Object {
1183
+ "alignItems": "center",
1184
+ "height": 24,
1185
+ "justifyContent": "center",
1186
+ "width": 24,
1187
+ },
1188
+ undefined,
1189
+ ],
1348
1190
  ]
1349
1191
  }
1350
- testID="clock-action-item"
1351
1192
  >
1352
- <View
1353
- style={
1354
- Array [
1355
- Object {},
1356
- Array [
1357
- Object {
1358
- "alignItems": "center",
1359
- "height": 24,
1360
- "justifyContent": "center",
1361
- "width": 24,
1362
- },
1363
- undefined,
1364
- ],
1365
- ]
1366
- }
1367
- >
1368
- <HeroIcon
1369
- name="clock"
1370
- style={
1371
- Array [
1372
- Object {
1373
- "color": "#001f23",
1374
- "fontSize": 16,
1375
- },
1376
- Array [
1377
- Object {
1378
- "color": "#ffffff",
1379
- },
1380
- undefined,
1381
- ],
1382
- ]
1383
- }
1384
- themeIntent="text"
1385
- themeSize="xsmall"
1386
- />
1387
- </View>
1388
- <Text
1389
- allowFontScaling={false}
1193
+ <HeroIcon
1194
+ name="clock"
1390
1195
  style={
1391
1196
  Array [
1392
1197
  Object {
1393
1198
  "color": "#001f23",
1394
- "fontFamily": "BeVietnamPro-Regular",
1395
- "fontSize": 14,
1396
- "letterSpacing": 0.42,
1397
- "lineHeight": 22,
1199
+ "fontSize": 16,
1398
1200
  },
1399
1201
  Array [
1400
1202
  Object {
1401
1203
  "color": "#ffffff",
1402
- "fontFamily": "BeVietnamPro-Regular",
1403
- "fontSize": 16,
1404
- "lineHeight": 22,
1405
- "paddingLeft": 4,
1406
1204
  },
1407
1205
  undefined,
1408
1206
  ],
1409
1207
  ]
1410
1208
  }
1411
- themeFontSize="medium"
1412
- themeFontWeight="regular"
1413
- themeIntent="body"
1414
- themeTypeface="neutral"
1415
- >
1416
- Timesheets
1417
- </Text>
1209
+ themeIntent="text"
1210
+ themeSize="xsmall"
1211
+ />
1418
1212
  </View>
1213
+ <Text
1214
+ allowFontScaling={false}
1215
+ style={
1216
+ Array [
1217
+ Object {
1218
+ "color": "#001f23",
1219
+ "fontFamily": "BeVietnamPro-Regular",
1220
+ "fontSize": 14,
1221
+ "letterSpacing": 0.42,
1222
+ "lineHeight": 22,
1223
+ },
1224
+ Array [
1225
+ Object {
1226
+ "color": "#ffffff",
1227
+ "fontFamily": "BeVietnamPro-Regular",
1228
+ "fontSize": 16,
1229
+ "lineHeight": 22,
1230
+ "paddingLeft": 4,
1231
+ },
1232
+ undefined,
1233
+ ],
1234
+ ]
1235
+ }
1236
+ themeFontSize="medium"
1237
+ themeFontWeight="regular"
1238
+ themeIntent="body"
1239
+ themeTypeface="neutral"
1240
+ >
1241
+ Timesheets
1242
+ </Text>
1419
1243
  </View>
1420
1244
  </View>
1421
1245
  </View>
@@ -1423,7 +1247,6 @@ exports[`ActionGroup has active true 1`] = `
1423
1247
  accessible={true}
1424
1248
  focusable={false}
1425
1249
  onClick={[Function]}
1426
- onLayout={[Function]}
1427
1250
  onResponderGrant={[Function]}
1428
1251
  onResponderMove={[Function]}
1429
1252
  onResponderRelease={[Function]}
@@ -1450,17 +1273,12 @@ exports[`ActionGroup has active true 1`] = `
1450
1273
  "shadowRadius": 8,
1451
1274
  },
1452
1275
  Array [
1453
- Array [
1454
- Object {
1455
- "alignSelf": "flex-end",
1456
- "marginRight": 24,
1457
- "marginTop": 24,
1458
- },
1459
- undefined,
1460
- ],
1461
1276
  Object {
1462
- "bottom": undefined,
1277
+ "alignSelf": "flex-end",
1278
+ "marginRight": 24,
1279
+ "marginTop": 24,
1463
1280
  },
1281
+ undefined,
1464
1282
  ],
1465
1283
  ]
1466
1284
  }
@@ -1482,43 +1300,62 @@ exports[`ActionGroup has active true 1`] = `
1482
1300
  ]
1483
1301
  }
1484
1302
  >
1485
- <View
1486
- collapsable={false}
1303
+ <HeroIcon
1304
+ name="add"
1487
1305
  style={
1488
- Object {
1489
- "transform": Array [
1306
+ Array [
1307
+ Object {
1308
+ "color": "#001f23",
1309
+ "fontSize": 16,
1310
+ },
1311
+ Array [
1490
1312
  Object {
1491
- "rotate": "-45deg",
1313
+ "color": "#ffffff",
1314
+ "lineHeight": 24,
1315
+ "textAlign": "center",
1316
+ "textAlignVertical": "center",
1492
1317
  },
1318
+ undefined,
1493
1319
  ],
1494
- }
1320
+ ]
1495
1321
  }
1496
- >
1497
- <HeroIcon
1498
- name="add"
1499
- style={
1500
- Array [
1501
- Object {
1502
- "color": "#001f23",
1503
- "fontSize": 16,
1504
- },
1505
- Array [
1506
- Object {
1507
- "color": "#ffffff",
1508
- "lineHeight": 24,
1509
- "textAlign": "center",
1510
- "textAlignVertical": "center",
1511
- },
1512
- Object {},
1513
- ],
1514
- ]
1515
- }
1516
- testID="animated-fab-icon"
1517
- themeIntent="text"
1518
- themeSize="xsmall"
1519
- />
1520
- </View>
1322
+ testID="styled-fab-icon"
1323
+ themeIntent="text"
1324
+ themeSize="xsmall"
1325
+ />
1521
1326
  </View>
1327
+ <Text
1328
+ allowFontScaling={false}
1329
+ style={
1330
+ Array [
1331
+ Object {
1332
+ "color": "#001f23",
1333
+ "fontFamily": "BeVietnamPro-Regular",
1334
+ "fontSize": 14,
1335
+ "letterSpacing": 0.42,
1336
+ "lineHeight": 22,
1337
+ },
1338
+ Array [
1339
+ Object {
1340
+ "color": "#ffffff",
1341
+ "fontFamily": "BeVietnamPro-SemiBold",
1342
+ "fontSize": 16,
1343
+ "lineHeight": 24,
1344
+ "marginHorizontal": 8,
1345
+ "textAlign": "center",
1346
+ "textAlignVertical": "center",
1347
+ },
1348
+ undefined,
1349
+ ],
1350
+ ]
1351
+ }
1352
+ themeFontSize="medium"
1353
+ themeFontWeight="regular"
1354
+ themeIntent="body"
1355
+ themeTypeface="neutral"
1356
+ >
1357
+ Shout out
1358
+ </Text>
1522
1359
  </View>
1523
1360
  </View>
1524
1361
  `;