@hero-design/rn 8.25.3 → 8.26.1

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 (39) hide show
  1. package/.eslintrc.js +2 -1
  2. package/.turbo/turbo-build.log +8 -9
  3. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  4. package/es/index.js +350 -198
  5. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  6. package/lib/index.js +350 -198
  7. package/package.json +6 -5
  8. package/src/components/FAB/ActionGroup/ActionItem.tsx +6 -1
  9. package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +17 -3
  10. package/src/components/FAB/ActionGroup/StyledActionItem.tsx +1 -4
  11. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +704 -1040
  12. package/src/components/FAB/ActionGroup/__tests__/index.spec.tsx +9 -15
  13. package/src/components/FAB/ActionGroup/index.tsx +111 -43
  14. package/src/components/FAB/AnimatedFABIcon.tsx +5 -3
  15. package/src/components/FAB/FAB.tsx +16 -3
  16. package/src/components/FAB/StyledFAB.tsx +10 -3
  17. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +4 -4
  18. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +1 -2
  19. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +74 -43
  20. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  21. package/src/components/Icon/IconList.ts +1 -0
  22. package/src/components/Switch/SelectorSwitch/Option.tsx +31 -5
  23. package/src/components/Switch/SelectorSwitch/StyledSelectorSwitch.tsx +18 -4
  24. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +25 -18
  25. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +49 -18
  26. package/src/components/Switch/SelectorSwitch/index.tsx +81 -17
  27. package/src/components/Switch/index.tsx +1 -0
  28. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +8 -9
  29. package/src/theme/components/fab.ts +8 -9
  30. package/types/components/FAB/ActionGroup/ActionItem.d.ts +1 -0
  31. package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts +7 -1
  32. package/types/components/FAB/StyledFAB.d.ts +5 -1
  33. package/types/components/Icon/IconList.d.ts +1 -1
  34. package/types/components/Icon/index.d.ts +1 -1
  35. package/types/components/Icon/utils.d.ts +1 -1
  36. package/types/components/Switch/SelectorSwitch/Option.d.ts +4 -1
  37. package/types/components/Switch/SelectorSwitch/StyledSelectorSwitch.d.ts +15 -9
  38. package/types/components/Switch/SelectorSwitch/index.d.ts +1 -1
  39. package/types/theme/components/fab.d.ts +5 -6
package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -18,40 +18,94 @@ exports[`ActionGroup has active false 1`] = `
18
18
  ]
19
19
  }
20
20
  >
21
- <View
22
- collapsable={false}
23
- pointerEvents="box-none"
24
- style={
25
- Object {
26
- "backgroundColor": "#000000",
27
- "bottom": 0,
28
- "left": 0,
29
- "opacity": 0,
30
- "position": "absolute",
31
- "right": 0,
32
- "top": 0,
33
- }
34
- }
35
- testID="back-drop"
21
+ <Modal
22
+ animationType="none"
23
+ hardwareAccelerated={false}
24
+ statusBarTranslucent={true}
25
+ transparent={true}
26
+ visible={false}
36
27
  />
37
28
  <View
38
- collapsable={false}
39
- pointerEvents="none"
29
+ accessible={true}
30
+ focusable={false}
31
+ onClick={[Function]}
32
+ onResponderGrant={[Function]}
33
+ onResponderMove={[Function]}
34
+ onResponderRelease={[Function]}
35
+ onResponderTerminate={[Function]}
36
+ onResponderTerminationRequest={[Function]}
37
+ onStartShouldSetResponder={[Function]}
40
38
  style={
41
- Object {
42
- "alignItems": "flex-end",
43
- "justifyContent": "flex-end",
44
- "opacity": 0,
45
- "transform": Array [
39
+ Array [
40
+ Object {
41
+ "alignItems": "center",
42
+ "alignSelf": "flex-start",
43
+ "backgroundColor": "#401960",
44
+ "borderRadius": 999,
45
+ "elevation": 2,
46
+ "flexDirection": "row",
47
+ "justifyContent": "center",
48
+ "padding": 20,
49
+ "shadowColor": "#001f23",
50
+ "shadowOffset": Object {
51
+ "height": 2,
52
+ "width": 0,
53
+ },
54
+ "shadowOpacity": 0.12,
55
+ "shadowRadius": 8,
56
+ },
57
+ Array [
46
58
  Object {
47
- "translateX": 400,
59
+ "alignSelf": "flex-end",
60
+ "marginRight": 24,
61
+ "marginTop": 24,
48
62
  },
63
+ undefined,
49
64
  ],
50
- "width": "70%",
51
- }
65
+ ]
52
66
  }
53
- testID="action-group"
67
+ testID="fab"
54
68
  >
69
+ <View
70
+ style={
71
+ Array [
72
+ Object {},
73
+ Array [
74
+ Object {
75
+ "alignItems": "center",
76
+ "height": 24,
77
+ "justifyContent": "center",
78
+ "width": 24,
79
+ },
80
+ undefined,
81
+ ],
82
+ ]
83
+ }
84
+ >
85
+ <HeroIcon
86
+ name="add"
87
+ style={
88
+ Array [
89
+ Object {
90
+ "color": "#001f23",
91
+ "fontSize": 16,
92
+ },
93
+ Array [
94
+ Object {
95
+ "color": "#ffffff",
96
+ "lineHeight": 24,
97
+ "textAlign": "center",
98
+ "textAlignVertical": "center",
99
+ },
100
+ undefined,
101
+ ],
102
+ ]
103
+ }
104
+ testID="styled-fab-icon"
105
+ themeIntent="text"
106
+ themeSize="xsmall"
107
+ />
108
+ </View>
55
109
  <Text
56
110
  allowFontScaling={false}
57
111
  style={
@@ -65,77 +119,107 @@ exports[`ActionGroup has active false 1`] = `
65
119
  },
66
120
  Array [
67
121
  Object {
68
- "color": "#001f23",
122
+ "color": "#ffffff",
69
123
  "fontFamily": "BeVietnamPro-SemiBold",
70
- "fontSize": 24,
71
- "lineHeight": 32,
72
- "marginBottom": 24,
73
- "marginRight": 24,
74
- "textAlign": "right",
124
+ "fontSize": 16,
125
+ "lineHeight": 24,
126
+ "marginHorizontal": 8,
127
+ "textAlign": "center",
128
+ "textAlignVertical": "center",
75
129
  },
76
130
  undefined,
77
131
  ],
78
132
  ]
79
133
  }
80
- testID="header-text"
81
134
  themeFontSize="medium"
82
135
  themeFontWeight="regular"
83
136
  themeIntent="body"
84
137
  themeTypeface="neutral"
85
138
  >
86
- What would you like to create?
139
+ Shout out
87
140
  </Text>
88
- <View>
141
+ </View>
142
+ </View>
143
+ `;
144
+
145
+ exports[`ActionGroup has active true 1`] = `
146
+ <View
147
+ pointerEvents="box-none"
148
+ style={
149
+ Array [
150
+ Object {
151
+ "alignItems": "flex-end",
152
+ "bottom": 0,
153
+ "justifyContent": "flex-end",
154
+ "left": 0,
155
+ "position": "absolute",
156
+ "right": 0,
157
+ "top": 0,
158
+ },
159
+ undefined,
160
+ ]
161
+ }
162
+ >
163
+ <Modal
164
+ animationType="none"
165
+ hardwareAccelerated={false}
166
+ statusBarTranslucent={true}
167
+ transparent={true}
168
+ visible={true}
169
+ >
170
+ <View
171
+ collapsable={false}
172
+ pointerEvents="auto"
173
+ style={
174
+ Object {
175
+ "backgroundColor": "#000000",
176
+ "bottom": 0,
177
+ "flex": 1,
178
+ "height": "100%",
179
+ "opacity": 0.4,
180
+ "position": "absolute",
181
+ "right": 0,
182
+ "width": "100%",
183
+ }
184
+ }
185
+ testID="back-drop"
186
+ />
187
+ <View
188
+ style={
189
+ Array [
190
+ Object {
191
+ "alignItems": "flex-end",
192
+ "backgroundColor": "transparent",
193
+ "bottom": 0,
194
+ "flex": 1,
195
+ "height": "100%",
196
+ "justifyContent": "flex-end",
197
+ "position": "absolute",
198
+ "right": 0,
199
+ "width": "100%",
200
+ },
201
+ undefined,
202
+ ]
203
+ }
204
+ >
89
205
  <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]}
206
+ collapsable={false}
207
+ pointerEvents="auto"
99
208
  style={
100
- Array [
101
- Object {
102
- "alignItems": "center",
103
- "alignSelf": "flex-end",
104
- "backgroundColor": "#401960",
105
- "borderRadius": 999,
106
- "flexDirection": "row",
107
- "margin": 8,
108
- "marginRight": 24,
109
- "overflow": "hidden",
110
- "paddingBottom": 8,
111
- "paddingLeft": 16,
112
- "paddingRight": 16,
113
- "paddingTop": 8,
114
- },
115
- undefined,
116
- ]
117
- }
118
- testID="speaker-action-item"
119
- >
120
- <HeroIcon
121
- name="speaker"
122
- style={
123
- Array [
209
+ Object {
210
+ "alignItems": "flex-end",
211
+ "justifyContent": "flex-end",
212
+ "opacity": 1,
213
+ "transform": Array [
124
214
  Object {
125
- "color": "#001f23",
126
- "fontSize": 24,
215
+ "translateX": 0,
127
216
  },
128
- Array [
129
- Object {
130
- "color": "#ffffff",
131
- },
132
- undefined,
133
- ],
134
- ]
217
+ ],
218
+ "width": "70%",
135
219
  }
136
- themeIntent="text"
137
- themeSize="medium"
138
- />
220
+ }
221
+ testID="action-group"
222
+ >
139
223
  <Text
140
224
  allowFontScaling={false}
141
225
  style={
@@ -149,108 +233,507 @@ exports[`ActionGroup has active false 1`] = `
149
233
  },
150
234
  Array [
151
235
  Object {
152
- "color": "#ffffff",
153
- "fontFamily": "BeVietnamPro-Regular",
154
- "fontSize": 14,
155
- "lineHeight": 22,
156
- "paddingLeft": 8,
236
+ "color": "#001f23",
237
+ "fontFamily": "BeVietnamPro-SemiBold",
238
+ "fontSize": 24,
239
+ "lineHeight": 32,
240
+ "marginBottom": 24,
241
+ "marginRight": 24,
242
+ "textAlign": "right",
157
243
  },
158
244
  undefined,
159
245
  ],
160
246
  ]
161
247
  }
248
+ testID="header-text"
162
249
  themeFontSize="medium"
163
250
  themeFontWeight="regular"
164
251
  themeIntent="body"
165
252
  themeTypeface="neutral"
166
253
  >
167
- Give shout out
254
+ What would you like to create?
168
255
  </Text>
169
- </View>
170
- <View
171
- accessible={true}
172
- focusable={false}
173
- onClick={[Function]}
174
- onResponderGrant={[Function]}
175
- onResponderMove={[Function]}
176
- onResponderRelease={[Function]}
177
- onResponderTerminate={[Function]}
178
- onResponderTerminationRequest={[Function]}
179
- onStartShouldSetResponder={[Function]}
180
- style={
181
- Array [
182
- Object {
183
- "alignItems": "center",
184
- "alignSelf": "flex-end",
185
- "backgroundColor": "#401960",
186
- "borderRadius": 999,
187
- "flexDirection": "row",
188
- "margin": 8,
189
- "marginRight": 24,
190
- "overflow": "hidden",
191
- "paddingBottom": 8,
192
- "paddingLeft": 16,
193
- "paddingRight": 16,
194
- "paddingTop": 8,
195
- },
196
- undefined,
197
- ]
198
- }
199
- testID="target-action-item"
200
- >
201
- <HeroIcon
202
- name="target"
203
- style={
204
- Array [
205
- Object {
206
- "color": "#001f23",
207
- "fontSize": 24,
208
- },
256
+ <View>
257
+ <View
258
+ accessible={true}
259
+ focusable={false}
260
+ onClick={[Function]}
261
+ onResponderGrant={[Function]}
262
+ onResponderMove={[Function]}
263
+ onResponderRelease={[Function]}
264
+ onResponderTerminate={[Function]}
265
+ onResponderTerminationRequest={[Function]}
266
+ onStartShouldSetResponder={[Function]}
267
+ style={
209
268
  Array [
210
269
  Object {
211
- "color": "#ffffff",
270
+ "alignItems": "center",
271
+ "alignSelf": "flex-end",
272
+ "backgroundColor": "#795e90",
273
+ "borderRadius": 999,
274
+ "flexDirection": "row",
275
+ "margin": 8,
276
+ "marginRight": 24,
277
+ "overflow": "hidden",
278
+ "padding": 12,
212
279
  },
213
280
  undefined,
214
- ],
215
- ]
216
- }
217
- themeIntent="text"
218
- themeSize="medium"
219
- />
220
- <Text
221
- allowFontScaling={false}
222
- style={
223
- Array [
224
- Object {
225
- "color": "#001f23",
226
- "fontFamily": "BeVietnamPro-Regular",
227
- "fontSize": 14,
228
- "letterSpacing": 0.42,
229
- "lineHeight": 22,
230
- },
281
+ ]
282
+ }
283
+ testID="speaker-action-item"
284
+ >
285
+ <View
286
+ style={
287
+ Array [
288
+ Object {},
289
+ Array [
290
+ Object {
291
+ "alignItems": "center",
292
+ "height": 24,
293
+ "justifyContent": "center",
294
+ "width": 24,
295
+ },
296
+ undefined,
297
+ ],
298
+ ]
299
+ }
300
+ >
301
+ <HeroIcon
302
+ name="speaker"
303
+ style={
304
+ Array [
305
+ Object {
306
+ "color": "#001f23",
307
+ "fontSize": 16,
308
+ },
309
+ Array [
310
+ Object {
311
+ "color": "#ffffff",
312
+ },
313
+ undefined,
314
+ ],
315
+ ]
316
+ }
317
+ themeIntent="text"
318
+ themeSize="xsmall"
319
+ />
320
+ </View>
321
+ <Text
322
+ allowFontScaling={false}
323
+ style={
324
+ Array [
325
+ Object {
326
+ "color": "#001f23",
327
+ "fontFamily": "BeVietnamPro-Regular",
328
+ "fontSize": 14,
329
+ "letterSpacing": 0.42,
330
+ "lineHeight": 22,
331
+ },
332
+ Array [
333
+ Object {
334
+ "color": "#ffffff",
335
+ "fontFamily": "BeVietnamPro-Regular",
336
+ "fontSize": 16,
337
+ "lineHeight": 22,
338
+ "paddingLeft": 4,
339
+ },
340
+ undefined,
341
+ ],
342
+ ]
343
+ }
344
+ themeFontSize="medium"
345
+ themeFontWeight="regular"
346
+ themeIntent="body"
347
+ themeTypeface="neutral"
348
+ >
349
+ Give shout out
350
+ </Text>
351
+ </View>
352
+ <View
353
+ accessible={true}
354
+ focusable={false}
355
+ onClick={[Function]}
356
+ onResponderGrant={[Function]}
357
+ onResponderMove={[Function]}
358
+ onResponderRelease={[Function]}
359
+ onResponderTerminate={[Function]}
360
+ onResponderTerminationRequest={[Function]}
361
+ onStartShouldSetResponder={[Function]}
362
+ style={
231
363
  Array [
232
364
  Object {
233
- "color": "#ffffff",
234
- "fontFamily": "BeVietnamPro-Regular",
235
- "fontSize": 14,
236
- "lineHeight": 22,
237
- "paddingLeft": 8,
365
+ "alignItems": "center",
366
+ "alignSelf": "flex-end",
367
+ "backgroundColor": "#795e90",
368
+ "borderRadius": 999,
369
+ "flexDirection": "row",
370
+ "margin": 8,
371
+ "marginRight": 24,
372
+ "overflow": "hidden",
373
+ "padding": 12,
238
374
  },
239
375
  undefined,
240
- ],
241
- ]
242
- }
243
- themeFontSize="medium"
244
- themeFontWeight="regular"
245
- themeIntent="body"
246
- themeTypeface="neutral"
247
- >
248
- Goal
249
- </Text>
376
+ ]
377
+ }
378
+ testID="target-action-item"
379
+ >
380
+ <View
381
+ style={
382
+ Array [
383
+ Object {},
384
+ Array [
385
+ Object {
386
+ "alignItems": "center",
387
+ "height": 24,
388
+ "justifyContent": "center",
389
+ "width": 24,
390
+ },
391
+ undefined,
392
+ ],
393
+ ]
394
+ }
395
+ >
396
+ <HeroIcon
397
+ name="target"
398
+ style={
399
+ Array [
400
+ Object {
401
+ "color": "#001f23",
402
+ "fontSize": 16,
403
+ },
404
+ Array [
405
+ Object {
406
+ "color": "#ffffff",
407
+ },
408
+ undefined,
409
+ ],
410
+ ]
411
+ }
412
+ themeIntent="text"
413
+ themeSize="xsmall"
414
+ />
415
+ </View>
416
+ <Text
417
+ allowFontScaling={false}
418
+ style={
419
+ Array [
420
+ Object {
421
+ "color": "#001f23",
422
+ "fontFamily": "BeVietnamPro-Regular",
423
+ "fontSize": 14,
424
+ "letterSpacing": 0.42,
425
+ "lineHeight": 22,
426
+ },
427
+ Array [
428
+ Object {
429
+ "color": "#ffffff",
430
+ "fontFamily": "BeVietnamPro-Regular",
431
+ "fontSize": 16,
432
+ "lineHeight": 22,
433
+ "paddingLeft": 4,
434
+ },
435
+ undefined,
436
+ ],
437
+ ]
438
+ }
439
+ themeFontSize="medium"
440
+ themeFontWeight="regular"
441
+ themeIntent="body"
442
+ themeTypeface="neutral"
443
+ >
444
+ Goal
445
+ </Text>
446
+ </View>
447
+ <View
448
+ accessible={true}
449
+ focusable={false}
450
+ onClick={[Function]}
451
+ onResponderGrant={[Function]}
452
+ onResponderMove={[Function]}
453
+ onResponderRelease={[Function]}
454
+ onResponderTerminate={[Function]}
455
+ onResponderTerminationRequest={[Function]}
456
+ onStartShouldSetResponder={[Function]}
457
+ style={
458
+ Array [
459
+ Object {
460
+ "alignItems": "center",
461
+ "alignSelf": "flex-end",
462
+ "backgroundColor": "#795e90",
463
+ "borderRadius": 999,
464
+ "flexDirection": "row",
465
+ "margin": 8,
466
+ "marginRight": 24,
467
+ "overflow": "hidden",
468
+ "padding": 12,
469
+ },
470
+ undefined,
471
+ ]
472
+ }
473
+ testID="plane-action-item"
474
+ >
475
+ <View
476
+ style={
477
+ Array [
478
+ Object {},
479
+ Array [
480
+ Object {
481
+ "alignItems": "center",
482
+ "height": 24,
483
+ "justifyContent": "center",
484
+ "width": 24,
485
+ },
486
+ undefined,
487
+ ],
488
+ ]
489
+ }
490
+ >
491
+ <HeroIcon
492
+ name="plane"
493
+ style={
494
+ Array [
495
+ Object {
496
+ "color": "#001f23",
497
+ "fontSize": 16,
498
+ },
499
+ Array [
500
+ Object {
501
+ "color": "#ffffff",
502
+ },
503
+ undefined,
504
+ ],
505
+ ]
506
+ }
507
+ themeIntent="text"
508
+ themeSize="xsmall"
509
+ />
510
+ </View>
511
+ <Text
512
+ allowFontScaling={false}
513
+ style={
514
+ Array [
515
+ Object {
516
+ "color": "#001f23",
517
+ "fontFamily": "BeVietnamPro-Regular",
518
+ "fontSize": 14,
519
+ "letterSpacing": 0.42,
520
+ "lineHeight": 22,
521
+ },
522
+ Array [
523
+ Object {
524
+ "color": "#ffffff",
525
+ "fontFamily": "BeVietnamPro-Regular",
526
+ "fontSize": 16,
527
+ "lineHeight": 22,
528
+ "paddingLeft": 4,
529
+ },
530
+ undefined,
531
+ ],
532
+ ]
533
+ }
534
+ themeFontSize="medium"
535
+ themeFontWeight="regular"
536
+ themeIntent="body"
537
+ themeTypeface="neutral"
538
+ >
539
+ Leave request
540
+ </Text>
541
+ </View>
542
+ <View
543
+ accessible={true}
544
+ focusable={false}
545
+ onClick={[Function]}
546
+ onResponderGrant={[Function]}
547
+ onResponderMove={[Function]}
548
+ onResponderRelease={[Function]}
549
+ onResponderTerminate={[Function]}
550
+ onResponderTerminationRequest={[Function]}
551
+ onStartShouldSetResponder={[Function]}
552
+ style={
553
+ Array [
554
+ Object {
555
+ "alignItems": "center",
556
+ "alignSelf": "flex-end",
557
+ "backgroundColor": "#795e90",
558
+ "borderRadius": 999,
559
+ "flexDirection": "row",
560
+ "margin": 8,
561
+ "marginRight": 24,
562
+ "overflow": "hidden",
563
+ "padding": 12,
564
+ },
565
+ undefined,
566
+ ]
567
+ }
568
+ testID="health-bag-action-item"
569
+ >
570
+ <View
571
+ style={
572
+ Array [
573
+ Object {},
574
+ Array [
575
+ Object {
576
+ "alignItems": "center",
577
+ "height": 24,
578
+ "justifyContent": "center",
579
+ "width": 24,
580
+ },
581
+ undefined,
582
+ ],
583
+ ]
584
+ }
585
+ >
586
+ <HeroIcon
587
+ name="health-bag"
588
+ style={
589
+ Array [
590
+ Object {
591
+ "color": "#001f23",
592
+ "fontSize": 16,
593
+ },
594
+ Array [
595
+ Object {
596
+ "color": "#ffffff",
597
+ },
598
+ undefined,
599
+ ],
600
+ ]
601
+ }
602
+ themeIntent="text"
603
+ themeSize="xsmall"
604
+ />
605
+ </View>
606
+ <Text
607
+ allowFontScaling={false}
608
+ style={
609
+ Array [
610
+ Object {
611
+ "color": "#001f23",
612
+ "fontFamily": "BeVietnamPro-Regular",
613
+ "fontSize": 14,
614
+ "letterSpacing": 0.42,
615
+ "lineHeight": 22,
616
+ },
617
+ Array [
618
+ Object {
619
+ "color": "#ffffff",
620
+ "fontFamily": "BeVietnamPro-Regular",
621
+ "fontSize": 16,
622
+ "lineHeight": 22,
623
+ "paddingLeft": 4,
624
+ },
625
+ undefined,
626
+ ],
627
+ ]
628
+ }
629
+ themeFontSize="medium"
630
+ themeFontWeight="regular"
631
+ themeIntent="body"
632
+ themeTypeface="neutral"
633
+ >
634
+ Safety incident
635
+ </Text>
636
+ </View>
637
+ <View
638
+ accessible={true}
639
+ focusable={false}
640
+ onClick={[Function]}
641
+ onResponderGrant={[Function]}
642
+ onResponderMove={[Function]}
643
+ onResponderRelease={[Function]}
644
+ onResponderTerminate={[Function]}
645
+ onResponderTerminationRequest={[Function]}
646
+ onStartShouldSetResponder={[Function]}
647
+ style={
648
+ Array [
649
+ Object {
650
+ "alignItems": "center",
651
+ "alignSelf": "flex-end",
652
+ "backgroundColor": "#795e90",
653
+ "borderRadius": 999,
654
+ "flexDirection": "row",
655
+ "margin": 8,
656
+ "marginRight": 24,
657
+ "overflow": "hidden",
658
+ "padding": 12,
659
+ },
660
+ undefined,
661
+ ]
662
+ }
663
+ testID="clock-action-item"
664
+ >
665
+ <View
666
+ style={
667
+ Array [
668
+ Object {},
669
+ Array [
670
+ Object {
671
+ "alignItems": "center",
672
+ "height": 24,
673
+ "justifyContent": "center",
674
+ "width": 24,
675
+ },
676
+ undefined,
677
+ ],
678
+ ]
679
+ }
680
+ >
681
+ <HeroIcon
682
+ name="clock"
683
+ style={
684
+ Array [
685
+ Object {
686
+ "color": "#001f23",
687
+ "fontSize": 16,
688
+ },
689
+ Array [
690
+ Object {
691
+ "color": "#ffffff",
692
+ },
693
+ undefined,
694
+ ],
695
+ ]
696
+ }
697
+ themeIntent="text"
698
+ themeSize="xsmall"
699
+ />
700
+ </View>
701
+ <Text
702
+ allowFontScaling={false}
703
+ style={
704
+ Array [
705
+ Object {
706
+ "color": "#001f23",
707
+ "fontFamily": "BeVietnamPro-Regular",
708
+ "fontSize": 14,
709
+ "letterSpacing": 0.42,
710
+ "lineHeight": 22,
711
+ },
712
+ Array [
713
+ Object {
714
+ "color": "#ffffff",
715
+ "fontFamily": "BeVietnamPro-Regular",
716
+ "fontSize": 16,
717
+ "lineHeight": 22,
718
+ "paddingLeft": 4,
719
+ },
720
+ undefined,
721
+ ],
722
+ ]
723
+ }
724
+ themeFontSize="medium"
725
+ themeFontWeight="regular"
726
+ themeIntent="body"
727
+ themeTypeface="neutral"
728
+ >
729
+ Timesheets
730
+ </Text>
731
+ </View>
732
+ </View>
250
733
  </View>
251
734
  <View
252
735
  accessible={true}
253
- focusable={false}
736
+ focusable={true}
254
737
  onClick={[Function]}
255
738
  onResponderGrant={[Function]}
256
739
  onResponderMove={[Function]}
@@ -262,42 +745,75 @@ exports[`ActionGroup has active false 1`] = `
262
745
  Array [
263
746
  Object {
264
747
  "alignItems": "center",
265
- "alignSelf": "flex-end",
748
+ "alignSelf": "flex-start",
266
749
  "backgroundColor": "#401960",
267
750
  "borderRadius": 999,
751
+ "elevation": 2,
268
752
  "flexDirection": "row",
269
- "margin": 8,
270
- "marginRight": 24,
271
- "overflow": "hidden",
272
- "paddingBottom": 8,
273
- "paddingLeft": 16,
274
- "paddingRight": 16,
275
- "paddingTop": 8,
753
+ "justifyContent": "center",
754
+ "padding": 20,
755
+ "shadowColor": "#001f23",
756
+ "shadowOffset": Object {
757
+ "height": 2,
758
+ "width": 0,
759
+ },
760
+ "shadowOpacity": 0.12,
761
+ "shadowRadius": 8,
276
762
  },
277
- undefined,
763
+ Array [
764
+ Object {
765
+ "alignSelf": "flex-end",
766
+ "marginRight": 24,
767
+ "marginTop": 24,
768
+ },
769
+ Object {
770
+ "marginBottom": 24,
771
+ },
772
+ ],
278
773
  ]
279
774
  }
280
- testID="plane-action-item"
775
+ testID="fab"
281
776
  >
282
- <HeroIcon
283
- name="plane"
777
+ <View
284
778
  style={
285
779
  Array [
286
- Object {
287
- "color": "#001f23",
288
- "fontSize": 24,
289
- },
780
+ Object {},
290
781
  Array [
291
782
  Object {
292
- "color": "#ffffff",
783
+ "alignItems": "center",
784
+ "height": 24,
785
+ "justifyContent": "center",
786
+ "width": 24,
293
787
  },
294
788
  undefined,
295
789
  ],
296
790
  ]
297
791
  }
298
- themeIntent="text"
299
- themeSize="medium"
300
- />
792
+ >
793
+ <HeroIcon
794
+ name="add"
795
+ style={
796
+ Array [
797
+ Object {
798
+ "color": "#001f23",
799
+ "fontSize": 16,
800
+ },
801
+ Array [
802
+ Object {
803
+ "color": "#ffffff",
804
+ "lineHeight": 24,
805
+ "textAlign": "center",
806
+ "textAlignVertical": "center",
807
+ },
808
+ undefined,
809
+ ],
810
+ ]
811
+ }
812
+ testID="styled-fab-icon"
813
+ themeIntent="text"
814
+ themeSize="xsmall"
815
+ />
816
+ </View>
301
817
  <Text
302
818
  allowFontScaling={false}
303
819
  style={
@@ -312,10 +828,12 @@ exports[`ActionGroup has active false 1`] = `
312
828
  Array [
313
829
  Object {
314
830
  "color": "#ffffff",
315
- "fontFamily": "BeVietnamPro-Regular",
316
- "fontSize": 14,
317
- "lineHeight": 22,
318
- "paddingLeft": 8,
831
+ "fontFamily": "BeVietnamPro-SemiBold",
832
+ "fontSize": 16,
833
+ "lineHeight": 24,
834
+ "marginHorizontal": 8,
835
+ "textAlign": "center",
836
+ "textAlignVertical": "center",
319
837
  },
320
838
  undefined,
321
839
  ],
@@ -326,864 +844,10 @@ exports[`ActionGroup has active false 1`] = `
326
844
  themeIntent="body"
327
845
  themeTypeface="neutral"
328
846
  >
329
- Leave request
330
- </Text>
331
- </View>
332
- <View
333
- accessible={true}
334
- focusable={false}
335
- onClick={[Function]}
336
- onResponderGrant={[Function]}
337
- onResponderMove={[Function]}
338
- onResponderRelease={[Function]}
339
- onResponderTerminate={[Function]}
340
- onResponderTerminationRequest={[Function]}
341
- onStartShouldSetResponder={[Function]}
342
- style={
343
- Array [
344
- Object {
345
- "alignItems": "center",
346
- "alignSelf": "flex-end",
347
- "backgroundColor": "#401960",
348
- "borderRadius": 999,
349
- "flexDirection": "row",
350
- "margin": 8,
351
- "marginRight": 24,
352
- "overflow": "hidden",
353
- "paddingBottom": 8,
354
- "paddingLeft": 16,
355
- "paddingRight": 16,
356
- "paddingTop": 8,
357
- },
358
- undefined,
359
- ]
360
- }
361
- testID="health-bag-action-item"
362
- >
363
- <HeroIcon
364
- name="health-bag"
365
- style={
366
- Array [
367
- Object {
368
- "color": "#001f23",
369
- "fontSize": 24,
370
- },
371
- Array [
372
- Object {
373
- "color": "#ffffff",
374
- },
375
- undefined,
376
- ],
377
- ]
378
- }
379
- themeIntent="text"
380
- themeSize="medium"
381
- />
382
- <Text
383
- allowFontScaling={false}
384
- style={
385
- Array [
386
- Object {
387
- "color": "#001f23",
388
- "fontFamily": "BeVietnamPro-Regular",
389
- "fontSize": 14,
390
- "letterSpacing": 0.42,
391
- "lineHeight": 22,
392
- },
393
- Array [
394
- Object {
395
- "color": "#ffffff",
396
- "fontFamily": "BeVietnamPro-Regular",
397
- "fontSize": 14,
398
- "lineHeight": 22,
399
- "paddingLeft": 8,
400
- },
401
- undefined,
402
- ],
403
- ]
404
- }
405
- themeFontSize="medium"
406
- themeFontWeight="regular"
407
- themeIntent="body"
408
- themeTypeface="neutral"
409
- >
410
- Safety incident
411
- </Text>
412
- </View>
413
- <View
414
- accessible={true}
415
- focusable={false}
416
- onClick={[Function]}
417
- onResponderGrant={[Function]}
418
- onResponderMove={[Function]}
419
- onResponderRelease={[Function]}
420
- onResponderTerminate={[Function]}
421
- onResponderTerminationRequest={[Function]}
422
- onStartShouldSetResponder={[Function]}
423
- style={
424
- Array [
425
- Object {
426
- "alignItems": "center",
427
- "alignSelf": "flex-end",
428
- "backgroundColor": "#401960",
429
- "borderRadius": 999,
430
- "flexDirection": "row",
431
- "margin": 8,
432
- "marginRight": 24,
433
- "overflow": "hidden",
434
- "paddingBottom": 8,
435
- "paddingLeft": 16,
436
- "paddingRight": 16,
437
- "paddingTop": 8,
438
- },
439
- undefined,
440
- ]
441
- }
442
- testID="clock-action-item"
443
- >
444
- <HeroIcon
445
- name="clock"
446
- style={
447
- Array [
448
- Object {
449
- "color": "#001f23",
450
- "fontSize": 24,
451
- },
452
- Array [
453
- Object {
454
- "color": "#ffffff",
455
- },
456
- undefined,
457
- ],
458
- ]
459
- }
460
- themeIntent="text"
461
- themeSize="medium"
462
- />
463
- <Text
464
- allowFontScaling={false}
465
- style={
466
- Array [
467
- Object {
468
- "color": "#001f23",
469
- "fontFamily": "BeVietnamPro-Regular",
470
- "fontSize": 14,
471
- "letterSpacing": 0.42,
472
- "lineHeight": 22,
473
- },
474
- Array [
475
- Object {
476
- "color": "#ffffff",
477
- "fontFamily": "BeVietnamPro-Regular",
478
- "fontSize": 14,
479
- "lineHeight": 22,
480
- "paddingLeft": 8,
481
- },
482
- undefined,
483
- ],
484
- ]
485
- }
486
- themeFontSize="medium"
487
- themeFontWeight="regular"
488
- themeIntent="body"
489
- themeTypeface="neutral"
490
- >
491
- Timesheets
492
- </Text>
493
- </View>
494
- </View>
495
- </View>
496
- <View
497
- accessible={true}
498
- focusable={false}
499
- onClick={[Function]}
500
- onResponderGrant={[Function]}
501
- onResponderMove={[Function]}
502
- onResponderRelease={[Function]}
503
- onResponderTerminate={[Function]}
504
- onResponderTerminationRequest={[Function]}
505
- onStartShouldSetResponder={[Function]}
506
- style={
507
- Array [
508
- Object {
509
- "alignItems": "center",
510
- "alignSelf": "flex-start",
511
- "backgroundColor": "#401960",
512
- "borderRadius": 999,
513
- "elevation": 2,
514
- "flexDirection": "row",
515
- "justifyContent": "center",
516
- "paddingHorizontal": 16,
517
- "paddingVertical": 16,
518
- "shadowColor": "#001f23",
519
- "shadowOffset": Object {
520
- "height": 2,
521
- "width": 0,
522
- },
523
- "shadowOpacity": 0.12,
524
- "shadowRadius": 8,
525
- },
526
- Array [
527
- Object {
528
- "alignSelf": "flex-end",
529
- "marginRight": 24,
530
- "marginTop": 24,
531
- },
532
- undefined,
533
- ],
534
- ]
535
- }
536
- testID="fab"
537
- >
538
- <HeroIcon
539
- name="add"
540
- style={
541
- Array [
542
- Object {
543
- "color": "#001f23",
544
- "fontSize": 16,
545
- },
546
- Array [
547
- Object {
548
- "color": "#ffffff",
549
- "lineHeight": 24,
550
- "textAlign": "center",
551
- "textAlignVertical": "center",
552
- },
553
- undefined,
554
- ],
555
- ]
556
- }
557
- testID="styled-fab-icon"
558
- themeIntent="text"
559
- themeSize="xsmall"
560
- />
561
- <Text
562
- allowFontScaling={false}
563
- style={
564
- Array [
565
- Object {
566
- "color": "#001f23",
567
- "fontFamily": "BeVietnamPro-Regular",
568
- "fontSize": 14,
569
- "letterSpacing": 0.42,
570
- "lineHeight": 22,
571
- },
572
- Array [
573
- Object {
574
- "color": "#ffffff",
575
- "fontFamily": "BeVietnamPro-SemiBold",
576
- "fontSize": 16,
577
- "lineHeight": 24,
578
- "marginHorizontal": 8,
579
- "textAlign": "center",
580
- "textAlignVertical": "center",
581
- },
582
- undefined,
583
- ],
584
- ]
585
- }
586
- themeFontSize="medium"
587
- themeFontWeight="regular"
588
- themeIntent="body"
589
- themeTypeface="neutral"
590
- >
591
- Shout out
592
- </Text>
593
- </View>
594
- </View>
595
- `;
596
-
597
- exports[`ActionGroup has active true 1`] = `
598
- <View
599
- pointerEvents="box-none"
600
- style={
601
- Array [
602
- Object {
603
- "alignItems": "flex-end",
604
- "bottom": 0,
605
- "justifyContent": "flex-end",
606
- "left": 0,
607
- "position": "absolute",
608
- "right": 0,
609
- "top": 0,
610
- },
611
- undefined,
612
- ]
613
- }
614
- >
615
- <View
616
- collapsable={false}
617
- pointerEvents="auto"
618
- style={
619
- Object {
620
- "backgroundColor": "#000000",
621
- "bottom": 0,
622
- "left": 0,
623
- "opacity": 0.4,
624
- "position": "absolute",
625
- "right": 0,
626
- "top": 0,
627
- }
628
- }
629
- testID="back-drop"
630
- />
631
- <View
632
- collapsable={false}
633
- pointerEvents="auto"
634
- style={
635
- Object {
636
- "alignItems": "flex-end",
637
- "justifyContent": "flex-end",
638
- "opacity": 1,
639
- "transform": Array [
640
- Object {
641
- "translateX": 0,
642
- },
643
- ],
644
- "width": "70%",
645
- }
646
- }
647
- testID="action-group"
648
- >
649
- <Text
650
- allowFontScaling={false}
651
- style={
652
- Array [
653
- Object {
654
- "color": "#001f23",
655
- "fontFamily": "BeVietnamPro-Regular",
656
- "fontSize": 14,
657
- "letterSpacing": 0.42,
658
- "lineHeight": 22,
659
- },
660
- Array [
661
- Object {
662
- "color": "#001f23",
663
- "fontFamily": "BeVietnamPro-SemiBold",
664
- "fontSize": 24,
665
- "lineHeight": 32,
666
- "marginBottom": 24,
667
- "marginRight": 24,
668
- "textAlign": "right",
669
- },
670
- undefined,
671
- ],
672
- ]
673
- }
674
- testID="header-text"
675
- themeFontSize="medium"
676
- themeFontWeight="regular"
677
- themeIntent="body"
678
- themeTypeface="neutral"
679
- >
680
- What would you like to create?
681
- </Text>
682
- <View>
683
- <View
684
- accessible={true}
685
- focusable={false}
686
- onClick={[Function]}
687
- onResponderGrant={[Function]}
688
- onResponderMove={[Function]}
689
- onResponderRelease={[Function]}
690
- onResponderTerminate={[Function]}
691
- onResponderTerminationRequest={[Function]}
692
- onStartShouldSetResponder={[Function]}
693
- style={
694
- Array [
695
- Object {
696
- "alignItems": "center",
697
- "alignSelf": "flex-end",
698
- "backgroundColor": "#401960",
699
- "borderRadius": 999,
700
- "flexDirection": "row",
701
- "margin": 8,
702
- "marginRight": 24,
703
- "overflow": "hidden",
704
- "paddingBottom": 8,
705
- "paddingLeft": 16,
706
- "paddingRight": 16,
707
- "paddingTop": 8,
708
- },
709
- undefined,
710
- ]
711
- }
712
- testID="speaker-action-item"
713
- >
714
- <HeroIcon
715
- name="speaker"
716
- style={
717
- Array [
718
- Object {
719
- "color": "#001f23",
720
- "fontSize": 24,
721
- },
722
- Array [
723
- Object {
724
- "color": "#ffffff",
725
- },
726
- undefined,
727
- ],
728
- ]
729
- }
730
- themeIntent="text"
731
- themeSize="medium"
732
- />
733
- <Text
734
- allowFontScaling={false}
735
- style={
736
- Array [
737
- Object {
738
- "color": "#001f23",
739
- "fontFamily": "BeVietnamPro-Regular",
740
- "fontSize": 14,
741
- "letterSpacing": 0.42,
742
- "lineHeight": 22,
743
- },
744
- Array [
745
- Object {
746
- "color": "#ffffff",
747
- "fontFamily": "BeVietnamPro-Regular",
748
- "fontSize": 14,
749
- "lineHeight": 22,
750
- "paddingLeft": 8,
751
- },
752
- undefined,
753
- ],
754
- ]
755
- }
756
- themeFontSize="medium"
757
- themeFontWeight="regular"
758
- themeIntent="body"
759
- themeTypeface="neutral"
760
- >
761
- Give shout out
762
- </Text>
763
- </View>
764
- <View
765
- accessible={true}
766
- focusable={false}
767
- onClick={[Function]}
768
- onResponderGrant={[Function]}
769
- onResponderMove={[Function]}
770
- onResponderRelease={[Function]}
771
- onResponderTerminate={[Function]}
772
- onResponderTerminationRequest={[Function]}
773
- onStartShouldSetResponder={[Function]}
774
- style={
775
- Array [
776
- Object {
777
- "alignItems": "center",
778
- "alignSelf": "flex-end",
779
- "backgroundColor": "#401960",
780
- "borderRadius": 999,
781
- "flexDirection": "row",
782
- "margin": 8,
783
- "marginRight": 24,
784
- "overflow": "hidden",
785
- "paddingBottom": 8,
786
- "paddingLeft": 16,
787
- "paddingRight": 16,
788
- "paddingTop": 8,
789
- },
790
- undefined,
791
- ]
792
- }
793
- testID="target-action-item"
794
- >
795
- <HeroIcon
796
- name="target"
797
- style={
798
- Array [
799
- Object {
800
- "color": "#001f23",
801
- "fontSize": 24,
802
- },
803
- Array [
804
- Object {
805
- "color": "#ffffff",
806
- },
807
- undefined,
808
- ],
809
- ]
810
- }
811
- themeIntent="text"
812
- themeSize="medium"
813
- />
814
- <Text
815
- allowFontScaling={false}
816
- style={
817
- Array [
818
- Object {
819
- "color": "#001f23",
820
- "fontFamily": "BeVietnamPro-Regular",
821
- "fontSize": 14,
822
- "letterSpacing": 0.42,
823
- "lineHeight": 22,
824
- },
825
- Array [
826
- Object {
827
- "color": "#ffffff",
828
- "fontFamily": "BeVietnamPro-Regular",
829
- "fontSize": 14,
830
- "lineHeight": 22,
831
- "paddingLeft": 8,
832
- },
833
- undefined,
834
- ],
835
- ]
836
- }
837
- themeFontSize="medium"
838
- themeFontWeight="regular"
839
- themeIntent="body"
840
- themeTypeface="neutral"
841
- >
842
- Goal
843
- </Text>
844
- </View>
845
- <View
846
- accessible={true}
847
- focusable={false}
848
- onClick={[Function]}
849
- onResponderGrant={[Function]}
850
- onResponderMove={[Function]}
851
- onResponderRelease={[Function]}
852
- onResponderTerminate={[Function]}
853
- onResponderTerminationRequest={[Function]}
854
- onStartShouldSetResponder={[Function]}
855
- style={
856
- Array [
857
- Object {
858
- "alignItems": "center",
859
- "alignSelf": "flex-end",
860
- "backgroundColor": "#401960",
861
- "borderRadius": 999,
862
- "flexDirection": "row",
863
- "margin": 8,
864
- "marginRight": 24,
865
- "overflow": "hidden",
866
- "paddingBottom": 8,
867
- "paddingLeft": 16,
868
- "paddingRight": 16,
869
- "paddingTop": 8,
870
- },
871
- undefined,
872
- ]
873
- }
874
- testID="plane-action-item"
875
- >
876
- <HeroIcon
877
- name="plane"
878
- style={
879
- Array [
880
- Object {
881
- "color": "#001f23",
882
- "fontSize": 24,
883
- },
884
- Array [
885
- Object {
886
- "color": "#ffffff",
887
- },
888
- undefined,
889
- ],
890
- ]
891
- }
892
- themeIntent="text"
893
- themeSize="medium"
894
- />
895
- <Text
896
- allowFontScaling={false}
897
- style={
898
- Array [
899
- Object {
900
- "color": "#001f23",
901
- "fontFamily": "BeVietnamPro-Regular",
902
- "fontSize": 14,
903
- "letterSpacing": 0.42,
904
- "lineHeight": 22,
905
- },
906
- Array [
907
- Object {
908
- "color": "#ffffff",
909
- "fontFamily": "BeVietnamPro-Regular",
910
- "fontSize": 14,
911
- "lineHeight": 22,
912
- "paddingLeft": 8,
913
- },
914
- undefined,
915
- ],
916
- ]
917
- }
918
- themeFontSize="medium"
919
- themeFontWeight="regular"
920
- themeIntent="body"
921
- themeTypeface="neutral"
922
- >
923
- Leave request
924
- </Text>
925
- </View>
926
- <View
927
- accessible={true}
928
- focusable={false}
929
- onClick={[Function]}
930
- onResponderGrant={[Function]}
931
- onResponderMove={[Function]}
932
- onResponderRelease={[Function]}
933
- onResponderTerminate={[Function]}
934
- onResponderTerminationRequest={[Function]}
935
- onStartShouldSetResponder={[Function]}
936
- style={
937
- Array [
938
- Object {
939
- "alignItems": "center",
940
- "alignSelf": "flex-end",
941
- "backgroundColor": "#401960",
942
- "borderRadius": 999,
943
- "flexDirection": "row",
944
- "margin": 8,
945
- "marginRight": 24,
946
- "overflow": "hidden",
947
- "paddingBottom": 8,
948
- "paddingLeft": 16,
949
- "paddingRight": 16,
950
- "paddingTop": 8,
951
- },
952
- undefined,
953
- ]
954
- }
955
- testID="health-bag-action-item"
956
- >
957
- <HeroIcon
958
- name="health-bag"
959
- style={
960
- Array [
961
- Object {
962
- "color": "#001f23",
963
- "fontSize": 24,
964
- },
965
- Array [
966
- Object {
967
- "color": "#ffffff",
968
- },
969
- undefined,
970
- ],
971
- ]
972
- }
973
- themeIntent="text"
974
- themeSize="medium"
975
- />
976
- <Text
977
- allowFontScaling={false}
978
- style={
979
- Array [
980
- Object {
981
- "color": "#001f23",
982
- "fontFamily": "BeVietnamPro-Regular",
983
- "fontSize": 14,
984
- "letterSpacing": 0.42,
985
- "lineHeight": 22,
986
- },
987
- Array [
988
- Object {
989
- "color": "#ffffff",
990
- "fontFamily": "BeVietnamPro-Regular",
991
- "fontSize": 14,
992
- "lineHeight": 22,
993
- "paddingLeft": 8,
994
- },
995
- undefined,
996
- ],
997
- ]
998
- }
999
- themeFontSize="medium"
1000
- themeFontWeight="regular"
1001
- themeIntent="body"
1002
- themeTypeface="neutral"
1003
- >
1004
- Safety incident
1005
- </Text>
1006
- </View>
1007
- <View
1008
- accessible={true}
1009
- focusable={false}
1010
- onClick={[Function]}
1011
- onResponderGrant={[Function]}
1012
- onResponderMove={[Function]}
1013
- onResponderRelease={[Function]}
1014
- onResponderTerminate={[Function]}
1015
- onResponderTerminationRequest={[Function]}
1016
- onStartShouldSetResponder={[Function]}
1017
- style={
1018
- Array [
1019
- Object {
1020
- "alignItems": "center",
1021
- "alignSelf": "flex-end",
1022
- "backgroundColor": "#401960",
1023
- "borderRadius": 999,
1024
- "flexDirection": "row",
1025
- "margin": 8,
1026
- "marginRight": 24,
1027
- "overflow": "hidden",
1028
- "paddingBottom": 8,
1029
- "paddingLeft": 16,
1030
- "paddingRight": 16,
1031
- "paddingTop": 8,
1032
- },
1033
- undefined,
1034
- ]
1035
- }
1036
- testID="clock-action-item"
1037
- >
1038
- <HeroIcon
1039
- name="clock"
1040
- style={
1041
- Array [
1042
- Object {
1043
- "color": "#001f23",
1044
- "fontSize": 24,
1045
- },
1046
- Array [
1047
- Object {
1048
- "color": "#ffffff",
1049
- },
1050
- undefined,
1051
- ],
1052
- ]
1053
- }
1054
- themeIntent="text"
1055
- themeSize="medium"
1056
- />
1057
- <Text
1058
- allowFontScaling={false}
1059
- style={
1060
- Array [
1061
- Object {
1062
- "color": "#001f23",
1063
- "fontFamily": "BeVietnamPro-Regular",
1064
- "fontSize": 14,
1065
- "letterSpacing": 0.42,
1066
- "lineHeight": 22,
1067
- },
1068
- Array [
1069
- Object {
1070
- "color": "#ffffff",
1071
- "fontFamily": "BeVietnamPro-Regular",
1072
- "fontSize": 14,
1073
- "lineHeight": 22,
1074
- "paddingLeft": 8,
1075
- },
1076
- undefined,
1077
- ],
1078
- ]
1079
- }
1080
- themeFontSize="medium"
1081
- themeFontWeight="regular"
1082
- themeIntent="body"
1083
- themeTypeface="neutral"
1084
- >
1085
- Timesheets
847
+ Shout out
1086
848
  </Text>
1087
849
  </View>
1088
850
  </View>
1089
- </View>
1090
- <View
1091
- accessible={true}
1092
- focusable={false}
1093
- onClick={[Function]}
1094
- onResponderGrant={[Function]}
1095
- onResponderMove={[Function]}
1096
- onResponderRelease={[Function]}
1097
- onResponderTerminate={[Function]}
1098
- onResponderTerminationRequest={[Function]}
1099
- onStartShouldSetResponder={[Function]}
1100
- style={
1101
- Array [
1102
- Object {
1103
- "alignItems": "center",
1104
- "alignSelf": "flex-start",
1105
- "backgroundColor": "#401960",
1106
- "borderRadius": 999,
1107
- "elevation": 2,
1108
- "flexDirection": "row",
1109
- "justifyContent": "center",
1110
- "paddingHorizontal": 16,
1111
- "paddingVertical": 16,
1112
- "shadowColor": "#001f23",
1113
- "shadowOffset": Object {
1114
- "height": 2,
1115
- "width": 0,
1116
- },
1117
- "shadowOpacity": 0.12,
1118
- "shadowRadius": 8,
1119
- },
1120
- Array [
1121
- Object {
1122
- "alignSelf": "flex-end",
1123
- "marginRight": 24,
1124
- "marginTop": 24,
1125
- },
1126
- undefined,
1127
- ],
1128
- ]
1129
- }
1130
- testID="fab"
1131
- >
1132
- <HeroIcon
1133
- name="add"
1134
- style={
1135
- Array [
1136
- Object {
1137
- "color": "#001f23",
1138
- "fontSize": 16,
1139
- },
1140
- Array [
1141
- Object {
1142
- "color": "#ffffff",
1143
- "lineHeight": 24,
1144
- "textAlign": "center",
1145
- "textAlignVertical": "center",
1146
- },
1147
- undefined,
1148
- ],
1149
- ]
1150
- }
1151
- testID="styled-fab-icon"
1152
- themeIntent="text"
1153
- themeSize="xsmall"
1154
- />
1155
- <Text
1156
- allowFontScaling={false}
1157
- style={
1158
- Array [
1159
- Object {
1160
- "color": "#001f23",
1161
- "fontFamily": "BeVietnamPro-Regular",
1162
- "fontSize": 14,
1163
- "letterSpacing": 0.42,
1164
- "lineHeight": 22,
1165
- },
1166
- Array [
1167
- Object {
1168
- "color": "#ffffff",
1169
- "fontFamily": "BeVietnamPro-SemiBold",
1170
- "fontSize": 16,
1171
- "lineHeight": 24,
1172
- "marginHorizontal": 8,
1173
- "textAlign": "center",
1174
- "textAlignVertical": "center",
1175
- },
1176
- undefined,
1177
- ],
1178
- ]
1179
- }
1180
- themeFontSize="medium"
1181
- themeFontWeight="regular"
1182
- themeIntent="body"
1183
- themeTypeface="neutral"
1184
- >
1185
- Shout out
1186
- </Text>
1187
- </View>
851
+ </Modal>
1188
852
  </View>
1189
853
  `;