@hero-design/rn 8.30.1 → 8.30.3

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