@hero-design/rn 8.25.2 → 8.26.0

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 (35) hide show
  1. package/.turbo/turbo-build.log +8 -9
  2. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  3. package/es/index.js +282 -186
  4. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  5. package/lib/index.js +282 -186
  6. package/package.json +5 -5
  7. package/src/components/FAB/ActionGroup/ActionItem.tsx +6 -1
  8. package/src/components/FAB/ActionGroup/StyledActionItem.tsx +1 -4
  9. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +374 -202
  10. package/src/components/FAB/ActionGroup/index.tsx +15 -9
  11. package/src/components/FAB/AnimatedFABIcon.tsx +5 -3
  12. package/src/components/FAB/FAB.tsx +16 -3
  13. package/src/components/FAB/StyledFAB.tsx +10 -3
  14. package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap +4 -4
  15. package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +1 -2
  16. package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +74 -43
  17. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  18. package/src/components/Icon/IconList.ts +1 -0
  19. package/src/components/Switch/SelectorSwitch/Option.tsx +31 -5
  20. package/src/components/Switch/SelectorSwitch/StyledSelectorSwitch.tsx +18 -4
  21. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/Option.spec.tsx.snap +25 -18
  22. package/src/components/Switch/SelectorSwitch/__tests__/__snapshots__/index.spec.tsx.snap +49 -18
  23. package/src/components/Switch/SelectorSwitch/index.tsx +81 -17
  24. package/src/components/Switch/index.tsx +1 -0
  25. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +7 -9
  26. package/src/theme/components/fab.ts +7 -9
  27. package/types/components/FAB/ActionGroup/ActionItem.d.ts +1 -0
  28. package/types/components/FAB/StyledFAB.d.ts +5 -1
  29. package/types/components/Icon/IconList.d.ts +1 -1
  30. package/types/components/Icon/index.d.ts +1 -1
  31. package/types/components/Icon/utils.d.ts +1 -1
  32. package/types/components/Switch/SelectorSwitch/Option.d.ts +4 -1
  33. package/types/components/Switch/SelectorSwitch/StyledSelectorSwitch.d.ts +15 -9
  34. package/types/components/Switch/SelectorSwitch/index.d.ts +1 -1
  35. package/types/theme/components/fab.d.ts +4 -6
package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -101,41 +101,55 @@ exports[`ActionGroup has active false 1`] = `
101
101
  Object {
102
102
  "alignItems": "center",
103
103
  "alignSelf": "flex-end",
104
- "backgroundColor": "#401960",
104
+ "backgroundColor": "#795e90",
105
105
  "borderRadius": 999,
106
106
  "flexDirection": "row",
107
107
  "margin": 8,
108
108
  "marginRight": 24,
109
109
  "overflow": "hidden",
110
- "paddingBottom": 8,
111
- "paddingLeft": 16,
112
- "paddingRight": 16,
113
- "paddingTop": 8,
110
+ "padding": 12,
114
111
  },
115
112
  undefined,
116
113
  ]
117
114
  }
118
115
  testID="speaker-action-item"
119
116
  >
120
- <HeroIcon
121
- name="speaker"
117
+ <View
122
118
  style={
123
119
  Array [
124
- Object {
125
- "color": "#001f23",
126
- "fontSize": 24,
127
- },
120
+ Object {},
128
121
  Array [
129
122
  Object {
130
- "color": "#ffffff",
123
+ "alignItems": "center",
124
+ "height": 24,
125
+ "justifyContent": "center",
126
+ "width": 24,
131
127
  },
132
128
  undefined,
133
129
  ],
134
130
  ]
135
131
  }
136
- themeIntent="text"
137
- themeSize="medium"
138
- />
132
+ >
133
+ <HeroIcon
134
+ name="speaker"
135
+ style={
136
+ Array [
137
+ Object {
138
+ "color": "#001f23",
139
+ "fontSize": 16,
140
+ },
141
+ Array [
142
+ Object {
143
+ "color": "#ffffff",
144
+ },
145
+ undefined,
146
+ ],
147
+ ]
148
+ }
149
+ themeIntent="text"
150
+ themeSize="xsmall"
151
+ />
152
+ </View>
139
153
  <Text
140
154
  allowFontScaling={false}
141
155
  style={
@@ -151,9 +165,9 @@ exports[`ActionGroup has active false 1`] = `
151
165
  Object {
152
166
  "color": "#ffffff",
153
167
  "fontFamily": "BeVietnamPro-Regular",
154
- "fontSize": 14,
168
+ "fontSize": 16,
155
169
  "lineHeight": 22,
156
- "paddingLeft": 8,
170
+ "paddingLeft": 4,
157
171
  },
158
172
  undefined,
159
173
  ],
@@ -182,41 +196,55 @@ exports[`ActionGroup has active false 1`] = `
182
196
  Object {
183
197
  "alignItems": "center",
184
198
  "alignSelf": "flex-end",
185
- "backgroundColor": "#401960",
199
+ "backgroundColor": "#795e90",
186
200
  "borderRadius": 999,
187
201
  "flexDirection": "row",
188
202
  "margin": 8,
189
203
  "marginRight": 24,
190
204
  "overflow": "hidden",
191
- "paddingBottom": 8,
192
- "paddingLeft": 16,
193
- "paddingRight": 16,
194
- "paddingTop": 8,
205
+ "padding": 12,
195
206
  },
196
207
  undefined,
197
208
  ]
198
209
  }
199
210
  testID="target-action-item"
200
211
  >
201
- <HeroIcon
202
- name="target"
212
+ <View
203
213
  style={
204
214
  Array [
205
- Object {
206
- "color": "#001f23",
207
- "fontSize": 24,
208
- },
215
+ Object {},
209
216
  Array [
210
217
  Object {
211
- "color": "#ffffff",
218
+ "alignItems": "center",
219
+ "height": 24,
220
+ "justifyContent": "center",
221
+ "width": 24,
212
222
  },
213
223
  undefined,
214
224
  ],
215
225
  ]
216
226
  }
217
- themeIntent="text"
218
- themeSize="medium"
219
- />
227
+ >
228
+ <HeroIcon
229
+ name="target"
230
+ style={
231
+ Array [
232
+ Object {
233
+ "color": "#001f23",
234
+ "fontSize": 16,
235
+ },
236
+ Array [
237
+ Object {
238
+ "color": "#ffffff",
239
+ },
240
+ undefined,
241
+ ],
242
+ ]
243
+ }
244
+ themeIntent="text"
245
+ themeSize="xsmall"
246
+ />
247
+ </View>
220
248
  <Text
221
249
  allowFontScaling={false}
222
250
  style={
@@ -232,9 +260,9 @@ exports[`ActionGroup has active false 1`] = `
232
260
  Object {
233
261
  "color": "#ffffff",
234
262
  "fontFamily": "BeVietnamPro-Regular",
235
- "fontSize": 14,
263
+ "fontSize": 16,
236
264
  "lineHeight": 22,
237
- "paddingLeft": 8,
265
+ "paddingLeft": 4,
238
266
  },
239
267
  undefined,
240
268
  ],
@@ -263,41 +291,55 @@ exports[`ActionGroup has active false 1`] = `
263
291
  Object {
264
292
  "alignItems": "center",
265
293
  "alignSelf": "flex-end",
266
- "backgroundColor": "#401960",
294
+ "backgroundColor": "#795e90",
267
295
  "borderRadius": 999,
268
296
  "flexDirection": "row",
269
297
  "margin": 8,
270
298
  "marginRight": 24,
271
299
  "overflow": "hidden",
272
- "paddingBottom": 8,
273
- "paddingLeft": 16,
274
- "paddingRight": 16,
275
- "paddingTop": 8,
300
+ "padding": 12,
276
301
  },
277
302
  undefined,
278
303
  ]
279
304
  }
280
305
  testID="plane-action-item"
281
306
  >
282
- <HeroIcon
283
- name="plane"
307
+ <View
284
308
  style={
285
309
  Array [
286
- Object {
287
- "color": "#001f23",
288
- "fontSize": 24,
289
- },
310
+ Object {},
290
311
  Array [
291
312
  Object {
292
- "color": "#ffffff",
313
+ "alignItems": "center",
314
+ "height": 24,
315
+ "justifyContent": "center",
316
+ "width": 24,
293
317
  },
294
318
  undefined,
295
319
  ],
296
320
  ]
297
321
  }
298
- themeIntent="text"
299
- themeSize="medium"
300
- />
322
+ >
323
+ <HeroIcon
324
+ name="plane"
325
+ style={
326
+ Array [
327
+ Object {
328
+ "color": "#001f23",
329
+ "fontSize": 16,
330
+ },
331
+ Array [
332
+ Object {
333
+ "color": "#ffffff",
334
+ },
335
+ undefined,
336
+ ],
337
+ ]
338
+ }
339
+ themeIntent="text"
340
+ themeSize="xsmall"
341
+ />
342
+ </View>
301
343
  <Text
302
344
  allowFontScaling={false}
303
345
  style={
@@ -313,9 +355,9 @@ exports[`ActionGroup has active false 1`] = `
313
355
  Object {
314
356
  "color": "#ffffff",
315
357
  "fontFamily": "BeVietnamPro-Regular",
316
- "fontSize": 14,
358
+ "fontSize": 16,
317
359
  "lineHeight": 22,
318
- "paddingLeft": 8,
360
+ "paddingLeft": 4,
319
361
  },
320
362
  undefined,
321
363
  ],
@@ -344,41 +386,55 @@ exports[`ActionGroup has active false 1`] = `
344
386
  Object {
345
387
  "alignItems": "center",
346
388
  "alignSelf": "flex-end",
347
- "backgroundColor": "#401960",
389
+ "backgroundColor": "#795e90",
348
390
  "borderRadius": 999,
349
391
  "flexDirection": "row",
350
392
  "margin": 8,
351
393
  "marginRight": 24,
352
394
  "overflow": "hidden",
353
- "paddingBottom": 8,
354
- "paddingLeft": 16,
355
- "paddingRight": 16,
356
- "paddingTop": 8,
395
+ "padding": 12,
357
396
  },
358
397
  undefined,
359
398
  ]
360
399
  }
361
400
  testID="health-bag-action-item"
362
401
  >
363
- <HeroIcon
364
- name="health-bag"
402
+ <View
365
403
  style={
366
404
  Array [
367
- Object {
368
- "color": "#001f23",
369
- "fontSize": 24,
370
- },
405
+ Object {},
371
406
  Array [
372
407
  Object {
373
- "color": "#ffffff",
408
+ "alignItems": "center",
409
+ "height": 24,
410
+ "justifyContent": "center",
411
+ "width": 24,
374
412
  },
375
413
  undefined,
376
414
  ],
377
415
  ]
378
416
  }
379
- themeIntent="text"
380
- themeSize="medium"
381
- />
417
+ >
418
+ <HeroIcon
419
+ name="health-bag"
420
+ style={
421
+ Array [
422
+ Object {
423
+ "color": "#001f23",
424
+ "fontSize": 16,
425
+ },
426
+ Array [
427
+ Object {
428
+ "color": "#ffffff",
429
+ },
430
+ undefined,
431
+ ],
432
+ ]
433
+ }
434
+ themeIntent="text"
435
+ themeSize="xsmall"
436
+ />
437
+ </View>
382
438
  <Text
383
439
  allowFontScaling={false}
384
440
  style={
@@ -394,9 +450,9 @@ exports[`ActionGroup has active false 1`] = `
394
450
  Object {
395
451
  "color": "#ffffff",
396
452
  "fontFamily": "BeVietnamPro-Regular",
397
- "fontSize": 14,
453
+ "fontSize": 16,
398
454
  "lineHeight": 22,
399
- "paddingLeft": 8,
455
+ "paddingLeft": 4,
400
456
  },
401
457
  undefined,
402
458
  ],
@@ -425,41 +481,55 @@ exports[`ActionGroup has active false 1`] = `
425
481
  Object {
426
482
  "alignItems": "center",
427
483
  "alignSelf": "flex-end",
428
- "backgroundColor": "#401960",
484
+ "backgroundColor": "#795e90",
429
485
  "borderRadius": 999,
430
486
  "flexDirection": "row",
431
487
  "margin": 8,
432
488
  "marginRight": 24,
433
489
  "overflow": "hidden",
434
- "paddingBottom": 8,
435
- "paddingLeft": 16,
436
- "paddingRight": 16,
437
- "paddingTop": 8,
490
+ "padding": 12,
438
491
  },
439
492
  undefined,
440
493
  ]
441
494
  }
442
495
  testID="clock-action-item"
443
496
  >
444
- <HeroIcon
445
- name="clock"
497
+ <View
446
498
  style={
447
499
  Array [
448
- Object {
449
- "color": "#001f23",
450
- "fontSize": 24,
451
- },
500
+ Object {},
452
501
  Array [
453
502
  Object {
454
- "color": "#ffffff",
503
+ "alignItems": "center",
504
+ "height": 24,
505
+ "justifyContent": "center",
506
+ "width": 24,
455
507
  },
456
508
  undefined,
457
509
  ],
458
510
  ]
459
511
  }
460
- themeIntent="text"
461
- themeSize="medium"
462
- />
512
+ >
513
+ <HeroIcon
514
+ name="clock"
515
+ style={
516
+ Array [
517
+ Object {
518
+ "color": "#001f23",
519
+ "fontSize": 16,
520
+ },
521
+ Array [
522
+ Object {
523
+ "color": "#ffffff",
524
+ },
525
+ undefined,
526
+ ],
527
+ ]
528
+ }
529
+ themeIntent="text"
530
+ themeSize="xsmall"
531
+ />
532
+ </View>
463
533
  <Text
464
534
  allowFontScaling={false}
465
535
  style={
@@ -475,9 +545,9 @@ exports[`ActionGroup has active false 1`] = `
475
545
  Object {
476
546
  "color": "#ffffff",
477
547
  "fontFamily": "BeVietnamPro-Regular",
478
- "fontSize": 14,
548
+ "fontSize": 16,
479
549
  "lineHeight": 22,
480
- "paddingLeft": 8,
550
+ "paddingLeft": 4,
481
551
  },
482
552
  undefined,
483
553
  ],
@@ -513,8 +583,7 @@ exports[`ActionGroup has active false 1`] = `
513
583
  "elevation": 2,
514
584
  "flexDirection": "row",
515
585
  "justifyContent": "center",
516
- "paddingHorizontal": 16,
517
- "paddingVertical": 16,
586
+ "padding": 20,
518
587
  "shadowColor": "#001f23",
519
588
  "shadowOffset": Object {
520
589
  "height": 2,
@@ -535,29 +604,46 @@ exports[`ActionGroup has active false 1`] = `
535
604
  }
536
605
  testID="fab"
537
606
  >
538
- <HeroIcon
539
- name="add"
607
+ <View
540
608
  style={
541
609
  Array [
542
- Object {
543
- "color": "#001f23",
544
- "fontSize": 16,
545
- },
610
+ Object {},
546
611
  Array [
547
612
  Object {
548
- "color": "#ffffff",
549
- "lineHeight": 24,
550
- "textAlign": "center",
551
- "textAlignVertical": "center",
613
+ "alignItems": "center",
614
+ "height": 24,
615
+ "justifyContent": "center",
616
+ "width": 24,
552
617
  },
553
618
  undefined,
554
619
  ],
555
620
  ]
556
621
  }
557
- testID="styled-fab-icon"
558
- themeIntent="text"
559
- themeSize="xsmall"
560
- />
622
+ >
623
+ <HeroIcon
624
+ name="add"
625
+ style={
626
+ Array [
627
+ Object {
628
+ "color": "#001f23",
629
+ "fontSize": 16,
630
+ },
631
+ Array [
632
+ Object {
633
+ "color": "#ffffff",
634
+ "lineHeight": 24,
635
+ "textAlign": "center",
636
+ "textAlignVertical": "center",
637
+ },
638
+ undefined,
639
+ ],
640
+ ]
641
+ }
642
+ testID="styled-fab-icon"
643
+ themeIntent="text"
644
+ themeSize="xsmall"
645
+ />
646
+ </View>
561
647
  <Text
562
648
  allowFontScaling={false}
563
649
  style={
@@ -695,41 +781,55 @@ exports[`ActionGroup has active true 1`] = `
695
781
  Object {
696
782
  "alignItems": "center",
697
783
  "alignSelf": "flex-end",
698
- "backgroundColor": "#401960",
784
+ "backgroundColor": "#795e90",
699
785
  "borderRadius": 999,
700
786
  "flexDirection": "row",
701
787
  "margin": 8,
702
788
  "marginRight": 24,
703
789
  "overflow": "hidden",
704
- "paddingBottom": 8,
705
- "paddingLeft": 16,
706
- "paddingRight": 16,
707
- "paddingTop": 8,
790
+ "padding": 12,
708
791
  },
709
792
  undefined,
710
793
  ]
711
794
  }
712
795
  testID="speaker-action-item"
713
796
  >
714
- <HeroIcon
715
- name="speaker"
797
+ <View
716
798
  style={
717
799
  Array [
718
- Object {
719
- "color": "#001f23",
720
- "fontSize": 24,
721
- },
800
+ Object {},
722
801
  Array [
723
802
  Object {
724
- "color": "#ffffff",
803
+ "alignItems": "center",
804
+ "height": 24,
805
+ "justifyContent": "center",
806
+ "width": 24,
725
807
  },
726
808
  undefined,
727
809
  ],
728
810
  ]
729
811
  }
730
- themeIntent="text"
731
- themeSize="medium"
732
- />
812
+ >
813
+ <HeroIcon
814
+ name="speaker"
815
+ style={
816
+ Array [
817
+ Object {
818
+ "color": "#001f23",
819
+ "fontSize": 16,
820
+ },
821
+ Array [
822
+ Object {
823
+ "color": "#ffffff",
824
+ },
825
+ undefined,
826
+ ],
827
+ ]
828
+ }
829
+ themeIntent="text"
830
+ themeSize="xsmall"
831
+ />
832
+ </View>
733
833
  <Text
734
834
  allowFontScaling={false}
735
835
  style={
@@ -745,9 +845,9 @@ exports[`ActionGroup has active true 1`] = `
745
845
  Object {
746
846
  "color": "#ffffff",
747
847
  "fontFamily": "BeVietnamPro-Regular",
748
- "fontSize": 14,
848
+ "fontSize": 16,
749
849
  "lineHeight": 22,
750
- "paddingLeft": 8,
850
+ "paddingLeft": 4,
751
851
  },
752
852
  undefined,
753
853
  ],
@@ -776,41 +876,55 @@ exports[`ActionGroup has active true 1`] = `
776
876
  Object {
777
877
  "alignItems": "center",
778
878
  "alignSelf": "flex-end",
779
- "backgroundColor": "#401960",
879
+ "backgroundColor": "#795e90",
780
880
  "borderRadius": 999,
781
881
  "flexDirection": "row",
782
882
  "margin": 8,
783
883
  "marginRight": 24,
784
884
  "overflow": "hidden",
785
- "paddingBottom": 8,
786
- "paddingLeft": 16,
787
- "paddingRight": 16,
788
- "paddingTop": 8,
885
+ "padding": 12,
789
886
  },
790
887
  undefined,
791
888
  ]
792
889
  }
793
890
  testID="target-action-item"
794
891
  >
795
- <HeroIcon
796
- name="target"
892
+ <View
797
893
  style={
798
894
  Array [
799
- Object {
800
- "color": "#001f23",
801
- "fontSize": 24,
802
- },
895
+ Object {},
803
896
  Array [
804
897
  Object {
805
- "color": "#ffffff",
898
+ "alignItems": "center",
899
+ "height": 24,
900
+ "justifyContent": "center",
901
+ "width": 24,
806
902
  },
807
903
  undefined,
808
904
  ],
809
905
  ]
810
906
  }
811
- themeIntent="text"
812
- themeSize="medium"
813
- />
907
+ >
908
+ <HeroIcon
909
+ name="target"
910
+ style={
911
+ Array [
912
+ Object {
913
+ "color": "#001f23",
914
+ "fontSize": 16,
915
+ },
916
+ Array [
917
+ Object {
918
+ "color": "#ffffff",
919
+ },
920
+ undefined,
921
+ ],
922
+ ]
923
+ }
924
+ themeIntent="text"
925
+ themeSize="xsmall"
926
+ />
927
+ </View>
814
928
  <Text
815
929
  allowFontScaling={false}
816
930
  style={
@@ -826,9 +940,9 @@ exports[`ActionGroup has active true 1`] = `
826
940
  Object {
827
941
  "color": "#ffffff",
828
942
  "fontFamily": "BeVietnamPro-Regular",
829
- "fontSize": 14,
943
+ "fontSize": 16,
830
944
  "lineHeight": 22,
831
- "paddingLeft": 8,
945
+ "paddingLeft": 4,
832
946
  },
833
947
  undefined,
834
948
  ],
@@ -857,41 +971,55 @@ exports[`ActionGroup has active true 1`] = `
857
971
  Object {
858
972
  "alignItems": "center",
859
973
  "alignSelf": "flex-end",
860
- "backgroundColor": "#401960",
974
+ "backgroundColor": "#795e90",
861
975
  "borderRadius": 999,
862
976
  "flexDirection": "row",
863
977
  "margin": 8,
864
978
  "marginRight": 24,
865
979
  "overflow": "hidden",
866
- "paddingBottom": 8,
867
- "paddingLeft": 16,
868
- "paddingRight": 16,
869
- "paddingTop": 8,
980
+ "padding": 12,
870
981
  },
871
982
  undefined,
872
983
  ]
873
984
  }
874
985
  testID="plane-action-item"
875
986
  >
876
- <HeroIcon
877
- name="plane"
987
+ <View
878
988
  style={
879
989
  Array [
880
- Object {
881
- "color": "#001f23",
882
- "fontSize": 24,
883
- },
990
+ Object {},
884
991
  Array [
885
992
  Object {
886
- "color": "#ffffff",
993
+ "alignItems": "center",
994
+ "height": 24,
995
+ "justifyContent": "center",
996
+ "width": 24,
887
997
  },
888
998
  undefined,
889
999
  ],
890
1000
  ]
891
1001
  }
892
- themeIntent="text"
893
- themeSize="medium"
894
- />
1002
+ >
1003
+ <HeroIcon
1004
+ name="plane"
1005
+ style={
1006
+ Array [
1007
+ Object {
1008
+ "color": "#001f23",
1009
+ "fontSize": 16,
1010
+ },
1011
+ Array [
1012
+ Object {
1013
+ "color": "#ffffff",
1014
+ },
1015
+ undefined,
1016
+ ],
1017
+ ]
1018
+ }
1019
+ themeIntent="text"
1020
+ themeSize="xsmall"
1021
+ />
1022
+ </View>
895
1023
  <Text
896
1024
  allowFontScaling={false}
897
1025
  style={
@@ -907,9 +1035,9 @@ exports[`ActionGroup has active true 1`] = `
907
1035
  Object {
908
1036
  "color": "#ffffff",
909
1037
  "fontFamily": "BeVietnamPro-Regular",
910
- "fontSize": 14,
1038
+ "fontSize": 16,
911
1039
  "lineHeight": 22,
912
- "paddingLeft": 8,
1040
+ "paddingLeft": 4,
913
1041
  },
914
1042
  undefined,
915
1043
  ],
@@ -938,41 +1066,55 @@ exports[`ActionGroup has active true 1`] = `
938
1066
  Object {
939
1067
  "alignItems": "center",
940
1068
  "alignSelf": "flex-end",
941
- "backgroundColor": "#401960",
1069
+ "backgroundColor": "#795e90",
942
1070
  "borderRadius": 999,
943
1071
  "flexDirection": "row",
944
1072
  "margin": 8,
945
1073
  "marginRight": 24,
946
1074
  "overflow": "hidden",
947
- "paddingBottom": 8,
948
- "paddingLeft": 16,
949
- "paddingRight": 16,
950
- "paddingTop": 8,
1075
+ "padding": 12,
951
1076
  },
952
1077
  undefined,
953
1078
  ]
954
1079
  }
955
1080
  testID="health-bag-action-item"
956
1081
  >
957
- <HeroIcon
958
- name="health-bag"
1082
+ <View
959
1083
  style={
960
1084
  Array [
961
- Object {
962
- "color": "#001f23",
963
- "fontSize": 24,
964
- },
1085
+ Object {},
965
1086
  Array [
966
1087
  Object {
967
- "color": "#ffffff",
1088
+ "alignItems": "center",
1089
+ "height": 24,
1090
+ "justifyContent": "center",
1091
+ "width": 24,
968
1092
  },
969
1093
  undefined,
970
1094
  ],
971
1095
  ]
972
1096
  }
973
- themeIntent="text"
974
- themeSize="medium"
975
- />
1097
+ >
1098
+ <HeroIcon
1099
+ name="health-bag"
1100
+ style={
1101
+ Array [
1102
+ Object {
1103
+ "color": "#001f23",
1104
+ "fontSize": 16,
1105
+ },
1106
+ Array [
1107
+ Object {
1108
+ "color": "#ffffff",
1109
+ },
1110
+ undefined,
1111
+ ],
1112
+ ]
1113
+ }
1114
+ themeIntent="text"
1115
+ themeSize="xsmall"
1116
+ />
1117
+ </View>
976
1118
  <Text
977
1119
  allowFontScaling={false}
978
1120
  style={
@@ -988,9 +1130,9 @@ exports[`ActionGroup has active true 1`] = `
988
1130
  Object {
989
1131
  "color": "#ffffff",
990
1132
  "fontFamily": "BeVietnamPro-Regular",
991
- "fontSize": 14,
1133
+ "fontSize": 16,
992
1134
  "lineHeight": 22,
993
- "paddingLeft": 8,
1135
+ "paddingLeft": 4,
994
1136
  },
995
1137
  undefined,
996
1138
  ],
@@ -1019,41 +1161,55 @@ exports[`ActionGroup has active true 1`] = `
1019
1161
  Object {
1020
1162
  "alignItems": "center",
1021
1163
  "alignSelf": "flex-end",
1022
- "backgroundColor": "#401960",
1164
+ "backgroundColor": "#795e90",
1023
1165
  "borderRadius": 999,
1024
1166
  "flexDirection": "row",
1025
1167
  "margin": 8,
1026
1168
  "marginRight": 24,
1027
1169
  "overflow": "hidden",
1028
- "paddingBottom": 8,
1029
- "paddingLeft": 16,
1030
- "paddingRight": 16,
1031
- "paddingTop": 8,
1170
+ "padding": 12,
1032
1171
  },
1033
1172
  undefined,
1034
1173
  ]
1035
1174
  }
1036
1175
  testID="clock-action-item"
1037
1176
  >
1038
- <HeroIcon
1039
- name="clock"
1177
+ <View
1040
1178
  style={
1041
1179
  Array [
1042
- Object {
1043
- "color": "#001f23",
1044
- "fontSize": 24,
1045
- },
1180
+ Object {},
1046
1181
  Array [
1047
1182
  Object {
1048
- "color": "#ffffff",
1183
+ "alignItems": "center",
1184
+ "height": 24,
1185
+ "justifyContent": "center",
1186
+ "width": 24,
1049
1187
  },
1050
1188
  undefined,
1051
1189
  ],
1052
1190
  ]
1053
1191
  }
1054
- themeIntent="text"
1055
- themeSize="medium"
1056
- />
1192
+ >
1193
+ <HeroIcon
1194
+ name="clock"
1195
+ style={
1196
+ Array [
1197
+ Object {
1198
+ "color": "#001f23",
1199
+ "fontSize": 16,
1200
+ },
1201
+ Array [
1202
+ Object {
1203
+ "color": "#ffffff",
1204
+ },
1205
+ undefined,
1206
+ ],
1207
+ ]
1208
+ }
1209
+ themeIntent="text"
1210
+ themeSize="xsmall"
1211
+ />
1212
+ </View>
1057
1213
  <Text
1058
1214
  allowFontScaling={false}
1059
1215
  style={
@@ -1069,9 +1225,9 @@ exports[`ActionGroup has active true 1`] = `
1069
1225
  Object {
1070
1226
  "color": "#ffffff",
1071
1227
  "fontFamily": "BeVietnamPro-Regular",
1072
- "fontSize": 14,
1228
+ "fontSize": 16,
1073
1229
  "lineHeight": 22,
1074
- "paddingLeft": 8,
1230
+ "paddingLeft": 4,
1075
1231
  },
1076
1232
  undefined,
1077
1233
  ],
@@ -1107,8 +1263,7 @@ exports[`ActionGroup has active true 1`] = `
1107
1263
  "elevation": 2,
1108
1264
  "flexDirection": "row",
1109
1265
  "justifyContent": "center",
1110
- "paddingHorizontal": 16,
1111
- "paddingVertical": 16,
1266
+ "padding": 20,
1112
1267
  "shadowColor": "#001f23",
1113
1268
  "shadowOffset": Object {
1114
1269
  "height": 2,
@@ -1129,29 +1284,46 @@ exports[`ActionGroup has active true 1`] = `
1129
1284
  }
1130
1285
  testID="fab"
1131
1286
  >
1132
- <HeroIcon
1133
- name="add"
1287
+ <View
1134
1288
  style={
1135
1289
  Array [
1136
- Object {
1137
- "color": "#001f23",
1138
- "fontSize": 16,
1139
- },
1290
+ Object {},
1140
1291
  Array [
1141
1292
  Object {
1142
- "color": "#ffffff",
1143
- "lineHeight": 24,
1144
- "textAlign": "center",
1145
- "textAlignVertical": "center",
1293
+ "alignItems": "center",
1294
+ "height": 24,
1295
+ "justifyContent": "center",
1296
+ "width": 24,
1146
1297
  },
1147
1298
  undefined,
1148
1299
  ],
1149
1300
  ]
1150
1301
  }
1151
- testID="styled-fab-icon"
1152
- themeIntent="text"
1153
- themeSize="xsmall"
1154
- />
1302
+ >
1303
+ <HeroIcon
1304
+ name="add"
1305
+ style={
1306
+ Array [
1307
+ Object {
1308
+ "color": "#001f23",
1309
+ "fontSize": 16,
1310
+ },
1311
+ Array [
1312
+ Object {
1313
+ "color": "#ffffff",
1314
+ "lineHeight": 24,
1315
+ "textAlign": "center",
1316
+ "textAlignVertical": "center",
1317
+ },
1318
+ undefined,
1319
+ ],
1320
+ ]
1321
+ }
1322
+ testID="styled-fab-icon"
1323
+ themeIntent="text"
1324
+ themeSize="xsmall"
1325
+ />
1326
+ </View>
1155
1327
  <Text
1156
1328
  allowFontScaling={false}
1157
1329
  style={