@hero-design/rn 8.80.0 → 8.80.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.
- package/.turbo/turbo-build.log +2 -2
- package/CHANGELOG.md +8 -0
- package/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/es/index.js +140 -140
- package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/lib/index.js +140 -140
- package/package.json +2 -3
- package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap +72 -6
- package/src/components/FAB/ActionGroup/ActionItem.tsx +1 -3
- package/src/components/FAB/ActionGroup/StyledActionGroup.tsx +1 -1
- package/src/components/FAB/ActionGroup/StyledActionItem.tsx +2 -2
- package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +148 -75
- package/src/components/FAB/FAB.tsx +1 -1
- package/src/components/FAB/Pair/__tests__/__snapshots__/index.spec.tsx.snap +24 -2
- package/src/components/FAB/StyledFAB.tsx +2 -3
- package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap +24 -2
- package/src/components/FAB/__tests__/__snapshots__/index.spec.tsx.snap +33 -0
- package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
- package/src/components/Icon/IconList.ts +1 -0
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +6 -6
- package/src/theme/components/fab.ts +6 -6
- package/stats/8.80.0/rn-stats.html +2 -0
- package/stats/8.80.1/rn-stats.html +4842 -0
- package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +3 -3
- package/types/components/FAB/StyledFAB.d.ts +2 -3
- package/types/components/Icon/IconList.d.ts +1 -1
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/Icon/utils.d.ts +1 -1
- package/types/components/Search/utils.d.ts +2 -2
- package/types/components/TextInput/index.d.ts +3 -3
|
@@ -12,7 +12,6 @@ import {
|
|
|
12
12
|
StyledActionItemText,
|
|
13
13
|
StyledIcon,
|
|
14
14
|
} from './StyledActionItem';
|
|
15
|
-
import { useTheme } from '../../../theme';
|
|
16
15
|
import { StyledIconContainer } from '../StyledFAB';
|
|
17
16
|
|
|
18
17
|
export interface ActionItemProps {
|
|
@@ -38,7 +37,6 @@ const ActionItem = ({
|
|
|
38
37
|
index,
|
|
39
38
|
active = false,
|
|
40
39
|
}: AnimatedActionItemProps) => {
|
|
41
|
-
const theme = useTheme();
|
|
42
40
|
const animatedValue = React.useRef(new Animated.Value(0));
|
|
43
41
|
|
|
44
42
|
const translateY = animatedValue.current.interpolate({
|
|
@@ -59,7 +57,7 @@ const ActionItem = ({
|
|
|
59
57
|
return (
|
|
60
58
|
<Animated.View style={{ transform: [{ translateY }] }}>
|
|
61
59
|
<StyledActionItem
|
|
62
|
-
|
|
60
|
+
activeOpacity={0.8}
|
|
63
61
|
style={style}
|
|
64
62
|
onPress={onPress}
|
|
65
63
|
testID={testID}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TouchableOpacity } from 'react-native';
|
|
2
2
|
import styled from '@emotion/native';
|
|
3
3
|
import type { TouchableOpacityProps } from 'react-native';
|
|
4
4
|
import Typography from '../../Typography';
|
|
5
5
|
import Icon from '../../Icon';
|
|
6
6
|
import type { IconProps } from '../../Icon';
|
|
7
7
|
|
|
8
|
-
const StyledActionItem = styled(
|
|
8
|
+
const StyledActionItem = styled(TouchableOpacity)(({ theme }) => ({
|
|
9
9
|
padding: theme.__hd__.fab.space.actionItemPadding,
|
|
10
10
|
margin: theme.__hd__.fab.space.actionItemMargin,
|
|
11
11
|
marginRight: theme.__hd__.fab.space.actionItemMarginRight,
|
|
@@ -30,6 +30,15 @@ exports[`ActionGroup has active false 1`] = `
|
|
|
30
30
|
style={{}}
|
|
31
31
|
>
|
|
32
32
|
<View
|
|
33
|
+
accessibilityState={
|
|
34
|
+
{
|
|
35
|
+
"busy": undefined,
|
|
36
|
+
"checked": undefined,
|
|
37
|
+
"disabled": undefined,
|
|
38
|
+
"expanded": undefined,
|
|
39
|
+
"selected": undefined,
|
|
40
|
+
}
|
|
41
|
+
}
|
|
33
42
|
accessibilityValue={
|
|
34
43
|
{
|
|
35
44
|
"max": undefined,
|
|
@@ -39,6 +48,7 @@ exports[`ActionGroup has active false 1`] = `
|
|
|
39
48
|
}
|
|
40
49
|
}
|
|
41
50
|
accessible={true}
|
|
51
|
+
collapsable={false}
|
|
42
52
|
focusable={false}
|
|
43
53
|
onClick={[Function]}
|
|
44
54
|
onLayout={[Function]}
|
|
@@ -52,7 +62,7 @@ exports[`ActionGroup has active false 1`] = `
|
|
|
52
62
|
{
|
|
53
63
|
"alignItems": "center",
|
|
54
64
|
"alignSelf": "flex-end",
|
|
55
|
-
"backgroundColor": "#
|
|
65
|
+
"backgroundColor": "#000000",
|
|
56
66
|
"borderRadius": 999,
|
|
57
67
|
"bottom": undefined,
|
|
58
68
|
"elevation": 3,
|
|
@@ -61,6 +71,7 @@ exports[`ActionGroup has active false 1`] = `
|
|
|
61
71
|
"justifyContent": "center",
|
|
62
72
|
"marginRight": 24,
|
|
63
73
|
"marginTop": 24,
|
|
74
|
+
"opacity": 1,
|
|
64
75
|
"padding": 20,
|
|
65
76
|
"shadowColor": "#001f23",
|
|
66
77
|
"shadowOffset": {
|
|
@@ -212,6 +223,15 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
212
223
|
style={{}}
|
|
213
224
|
>
|
|
214
225
|
<View
|
|
226
|
+
accessibilityState={
|
|
227
|
+
{
|
|
228
|
+
"busy": undefined,
|
|
229
|
+
"checked": undefined,
|
|
230
|
+
"disabled": undefined,
|
|
231
|
+
"expanded": undefined,
|
|
232
|
+
"selected": undefined,
|
|
233
|
+
}
|
|
234
|
+
}
|
|
215
235
|
accessibilityValue={
|
|
216
236
|
{
|
|
217
237
|
"max": undefined,
|
|
@@ -221,6 +241,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
221
241
|
}
|
|
222
242
|
}
|
|
223
243
|
accessible={true}
|
|
244
|
+
collapsable={false}
|
|
224
245
|
focusable={false}
|
|
225
246
|
onClick={[Function]}
|
|
226
247
|
onLayout={[Function]}
|
|
@@ -234,7 +255,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
234
255
|
{
|
|
235
256
|
"alignItems": "center",
|
|
236
257
|
"alignSelf": "flex-end",
|
|
237
|
-
"backgroundColor": "#
|
|
258
|
+
"backgroundColor": "#000000",
|
|
238
259
|
"borderRadius": 999,
|
|
239
260
|
"bottom": undefined,
|
|
240
261
|
"elevation": 3,
|
|
@@ -243,6 +264,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
243
264
|
"justifyContent": "center",
|
|
244
265
|
"marginRight": 24,
|
|
245
266
|
"marginTop": 24,
|
|
267
|
+
"opacity": 1,
|
|
246
268
|
"padding": 20,
|
|
247
269
|
"shadowColor": "#001f23",
|
|
248
270
|
"shadowOffset": {
|
|
@@ -387,10 +409,10 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
387
409
|
onStartShouldSetResponder={[Function]}
|
|
388
410
|
style={
|
|
389
411
|
{
|
|
390
|
-
"backgroundColor": "#
|
|
412
|
+
"backgroundColor": "#f6f6f7",
|
|
391
413
|
"bottom": 0,
|
|
392
414
|
"left": 0,
|
|
393
|
-
"opacity": 0.
|
|
415
|
+
"opacity": 0.8,
|
|
394
416
|
"position": "absolute",
|
|
395
417
|
"right": 0,
|
|
396
418
|
"top": 0,
|
|
@@ -437,6 +459,15 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
437
459
|
}
|
|
438
460
|
>
|
|
439
461
|
<View
|
|
462
|
+
accessibilityState={
|
|
463
|
+
{
|
|
464
|
+
"busy": undefined,
|
|
465
|
+
"checked": undefined,
|
|
466
|
+
"disabled": undefined,
|
|
467
|
+
"expanded": undefined,
|
|
468
|
+
"selected": undefined,
|
|
469
|
+
}
|
|
470
|
+
}
|
|
440
471
|
accessibilityValue={
|
|
441
472
|
{
|
|
442
473
|
"max": undefined,
|
|
@@ -446,6 +477,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
446
477
|
}
|
|
447
478
|
}
|
|
448
479
|
accessible={true}
|
|
480
|
+
collapsable={false}
|
|
449
481
|
focusable={false}
|
|
450
482
|
onClick={[Function]}
|
|
451
483
|
onResponderGrant={[Function]}
|
|
@@ -455,20 +487,18 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
455
487
|
onResponderTerminationRequest={[Function]}
|
|
456
488
|
onStartShouldSetResponder={[Function]}
|
|
457
489
|
style={
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
undefined,
|
|
471
|
-
]
|
|
490
|
+
{
|
|
491
|
+
"alignItems": "center",
|
|
492
|
+
"alignSelf": "flex-end",
|
|
493
|
+
"backgroundColor": "#000000",
|
|
494
|
+
"borderRadius": 999,
|
|
495
|
+
"flexDirection": "row",
|
|
496
|
+
"margin": 8,
|
|
497
|
+
"marginRight": 24,
|
|
498
|
+
"opacity": 1,
|
|
499
|
+
"overflow": "hidden",
|
|
500
|
+
"padding": 12,
|
|
501
|
+
}
|
|
472
502
|
}
|
|
473
503
|
testID="speaker-action-item"
|
|
474
504
|
>
|
|
@@ -548,6 +578,15 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
548
578
|
}
|
|
549
579
|
>
|
|
550
580
|
<View
|
|
581
|
+
accessibilityState={
|
|
582
|
+
{
|
|
583
|
+
"busy": undefined,
|
|
584
|
+
"checked": undefined,
|
|
585
|
+
"disabled": undefined,
|
|
586
|
+
"expanded": undefined,
|
|
587
|
+
"selected": undefined,
|
|
588
|
+
}
|
|
589
|
+
}
|
|
551
590
|
accessibilityValue={
|
|
552
591
|
{
|
|
553
592
|
"max": undefined,
|
|
@@ -557,6 +596,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
557
596
|
}
|
|
558
597
|
}
|
|
559
598
|
accessible={true}
|
|
599
|
+
collapsable={false}
|
|
560
600
|
focusable={false}
|
|
561
601
|
onClick={[Function]}
|
|
562
602
|
onResponderGrant={[Function]}
|
|
@@ -566,20 +606,18 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
566
606
|
onResponderTerminationRequest={[Function]}
|
|
567
607
|
onStartShouldSetResponder={[Function]}
|
|
568
608
|
style={
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
undefined,
|
|
582
|
-
]
|
|
609
|
+
{
|
|
610
|
+
"alignItems": "center",
|
|
611
|
+
"alignSelf": "flex-end",
|
|
612
|
+
"backgroundColor": "#000000",
|
|
613
|
+
"borderRadius": 999,
|
|
614
|
+
"flexDirection": "row",
|
|
615
|
+
"margin": 8,
|
|
616
|
+
"marginRight": 24,
|
|
617
|
+
"opacity": 1,
|
|
618
|
+
"overflow": "hidden",
|
|
619
|
+
"padding": 12,
|
|
620
|
+
}
|
|
583
621
|
}
|
|
584
622
|
testID="target-action-item"
|
|
585
623
|
>
|
|
@@ -659,6 +697,15 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
659
697
|
}
|
|
660
698
|
>
|
|
661
699
|
<View
|
|
700
|
+
accessibilityState={
|
|
701
|
+
{
|
|
702
|
+
"busy": undefined,
|
|
703
|
+
"checked": undefined,
|
|
704
|
+
"disabled": undefined,
|
|
705
|
+
"expanded": undefined,
|
|
706
|
+
"selected": undefined,
|
|
707
|
+
}
|
|
708
|
+
}
|
|
662
709
|
accessibilityValue={
|
|
663
710
|
{
|
|
664
711
|
"max": undefined,
|
|
@@ -668,6 +715,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
668
715
|
}
|
|
669
716
|
}
|
|
670
717
|
accessible={true}
|
|
718
|
+
collapsable={false}
|
|
671
719
|
focusable={false}
|
|
672
720
|
onClick={[Function]}
|
|
673
721
|
onResponderGrant={[Function]}
|
|
@@ -677,20 +725,18 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
677
725
|
onResponderTerminationRequest={[Function]}
|
|
678
726
|
onStartShouldSetResponder={[Function]}
|
|
679
727
|
style={
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
undefined,
|
|
693
|
-
]
|
|
728
|
+
{
|
|
729
|
+
"alignItems": "center",
|
|
730
|
+
"alignSelf": "flex-end",
|
|
731
|
+
"backgroundColor": "#000000",
|
|
732
|
+
"borderRadius": 999,
|
|
733
|
+
"flexDirection": "row",
|
|
734
|
+
"margin": 8,
|
|
735
|
+
"marginRight": 24,
|
|
736
|
+
"opacity": 1,
|
|
737
|
+
"overflow": "hidden",
|
|
738
|
+
"padding": 12,
|
|
739
|
+
}
|
|
694
740
|
}
|
|
695
741
|
testID="plane-action-item"
|
|
696
742
|
>
|
|
@@ -770,6 +816,15 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
770
816
|
}
|
|
771
817
|
>
|
|
772
818
|
<View
|
|
819
|
+
accessibilityState={
|
|
820
|
+
{
|
|
821
|
+
"busy": undefined,
|
|
822
|
+
"checked": undefined,
|
|
823
|
+
"disabled": undefined,
|
|
824
|
+
"expanded": undefined,
|
|
825
|
+
"selected": undefined,
|
|
826
|
+
}
|
|
827
|
+
}
|
|
773
828
|
accessibilityValue={
|
|
774
829
|
{
|
|
775
830
|
"max": undefined,
|
|
@@ -779,6 +834,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
779
834
|
}
|
|
780
835
|
}
|
|
781
836
|
accessible={true}
|
|
837
|
+
collapsable={false}
|
|
782
838
|
focusable={false}
|
|
783
839
|
onClick={[Function]}
|
|
784
840
|
onResponderGrant={[Function]}
|
|
@@ -788,20 +844,18 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
788
844
|
onResponderTerminationRequest={[Function]}
|
|
789
845
|
onStartShouldSetResponder={[Function]}
|
|
790
846
|
style={
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
undefined,
|
|
804
|
-
]
|
|
847
|
+
{
|
|
848
|
+
"alignItems": "center",
|
|
849
|
+
"alignSelf": "flex-end",
|
|
850
|
+
"backgroundColor": "#000000",
|
|
851
|
+
"borderRadius": 999,
|
|
852
|
+
"flexDirection": "row",
|
|
853
|
+
"margin": 8,
|
|
854
|
+
"marginRight": 24,
|
|
855
|
+
"opacity": 1,
|
|
856
|
+
"overflow": "hidden",
|
|
857
|
+
"padding": 12,
|
|
858
|
+
}
|
|
805
859
|
}
|
|
806
860
|
testID="health-bag-action-item"
|
|
807
861
|
>
|
|
@@ -881,6 +935,15 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
881
935
|
}
|
|
882
936
|
>
|
|
883
937
|
<View
|
|
938
|
+
accessibilityState={
|
|
939
|
+
{
|
|
940
|
+
"busy": undefined,
|
|
941
|
+
"checked": undefined,
|
|
942
|
+
"disabled": undefined,
|
|
943
|
+
"expanded": undefined,
|
|
944
|
+
"selected": undefined,
|
|
945
|
+
}
|
|
946
|
+
}
|
|
884
947
|
accessibilityValue={
|
|
885
948
|
{
|
|
886
949
|
"max": undefined,
|
|
@@ -890,6 +953,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
890
953
|
}
|
|
891
954
|
}
|
|
892
955
|
accessible={true}
|
|
956
|
+
collapsable={false}
|
|
893
957
|
focusable={false}
|
|
894
958
|
onClick={[Function]}
|
|
895
959
|
onResponderGrant={[Function]}
|
|
@@ -899,20 +963,18 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
899
963
|
onResponderTerminationRequest={[Function]}
|
|
900
964
|
onStartShouldSetResponder={[Function]}
|
|
901
965
|
style={
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
undefined,
|
|
915
|
-
]
|
|
966
|
+
{
|
|
967
|
+
"alignItems": "center",
|
|
968
|
+
"alignSelf": "flex-end",
|
|
969
|
+
"backgroundColor": "#000000",
|
|
970
|
+
"borderRadius": 999,
|
|
971
|
+
"flexDirection": "row",
|
|
972
|
+
"margin": 8,
|
|
973
|
+
"marginRight": 24,
|
|
974
|
+
"opacity": 1,
|
|
975
|
+
"overflow": "hidden",
|
|
976
|
+
"padding": 12,
|
|
977
|
+
}
|
|
916
978
|
}
|
|
917
979
|
testID="clock-action-item"
|
|
918
980
|
>
|
|
@@ -982,6 +1044,15 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
982
1044
|
</View>
|
|
983
1045
|
</View>
|
|
984
1046
|
<View
|
|
1047
|
+
accessibilityState={
|
|
1048
|
+
{
|
|
1049
|
+
"busy": undefined,
|
|
1050
|
+
"checked": undefined,
|
|
1051
|
+
"disabled": undefined,
|
|
1052
|
+
"expanded": undefined,
|
|
1053
|
+
"selected": undefined,
|
|
1054
|
+
}
|
|
1055
|
+
}
|
|
985
1056
|
accessibilityValue={
|
|
986
1057
|
{
|
|
987
1058
|
"max": undefined,
|
|
@@ -991,6 +1062,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
991
1062
|
}
|
|
992
1063
|
}
|
|
993
1064
|
accessible={true}
|
|
1065
|
+
collapsable={false}
|
|
994
1066
|
focusable={false}
|
|
995
1067
|
onClick={[Function]}
|
|
996
1068
|
onLayout={[Function]}
|
|
@@ -1004,7 +1076,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
1004
1076
|
{
|
|
1005
1077
|
"alignItems": "center",
|
|
1006
1078
|
"alignSelf": "flex-end",
|
|
1007
|
-
"backgroundColor": "#
|
|
1079
|
+
"backgroundColor": "#000000",
|
|
1008
1080
|
"borderRadius": 999,
|
|
1009
1081
|
"bottom": undefined,
|
|
1010
1082
|
"elevation": 3,
|
|
@@ -1014,6 +1086,7 @@ exports[`ActionGroup has active true 1`] = `
|
|
|
1014
1086
|
"marginBottom": -2,
|
|
1015
1087
|
"marginRight": 24,
|
|
1016
1088
|
"marginTop": 24,
|
|
1089
|
+
"opacity": 1,
|
|
1017
1090
|
"padding": 20,
|
|
1018
1091
|
"shadowColor": "#001f23",
|
|
1019
1092
|
"shadowOffset": {
|
|
@@ -208,7 +208,7 @@ const FAB = forwardRef<FABHandles, FABProps>(
|
|
|
208
208
|
!active &&
|
|
209
209
|
setButtonWidth(event.nativeEvent.layout.width)
|
|
210
210
|
}
|
|
211
|
-
|
|
211
|
+
activeOpacity={0.8}
|
|
212
212
|
onPress={onPress}
|
|
213
213
|
style={[
|
|
214
214
|
style,
|
|
@@ -24,6 +24,15 @@ exports[`FABPair renders correctly 1`] = `
|
|
|
24
24
|
}
|
|
25
25
|
>
|
|
26
26
|
<View
|
|
27
|
+
accessibilityState={
|
|
28
|
+
{
|
|
29
|
+
"busy": undefined,
|
|
30
|
+
"checked": undefined,
|
|
31
|
+
"disabled": undefined,
|
|
32
|
+
"expanded": undefined,
|
|
33
|
+
"selected": undefined,
|
|
34
|
+
}
|
|
35
|
+
}
|
|
27
36
|
accessibilityValue={
|
|
28
37
|
{
|
|
29
38
|
"max": undefined,
|
|
@@ -33,6 +42,7 @@ exports[`FABPair renders correctly 1`] = `
|
|
|
33
42
|
}
|
|
34
43
|
}
|
|
35
44
|
accessible={true}
|
|
45
|
+
collapsable={false}
|
|
36
46
|
focusable={true}
|
|
37
47
|
onClick={[Function]}
|
|
38
48
|
onLayout={[Function]}
|
|
@@ -46,7 +56,7 @@ exports[`FABPair renders correctly 1`] = `
|
|
|
46
56
|
{
|
|
47
57
|
"alignItems": "center",
|
|
48
58
|
"alignSelf": "flex-start",
|
|
49
|
-
"backgroundColor": "#
|
|
59
|
+
"backgroundColor": "#000000",
|
|
50
60
|
"borderRadius": 999,
|
|
51
61
|
"bottom": undefined,
|
|
52
62
|
"elevation": 3,
|
|
@@ -54,6 +64,7 @@ exports[`FABPair renders correctly 1`] = `
|
|
|
54
64
|
"height": 48,
|
|
55
65
|
"justifyContent": "center",
|
|
56
66
|
"marginRight": 8,
|
|
67
|
+
"opacity": 1,
|
|
57
68
|
"padding": 20,
|
|
58
69
|
"shadowColor": "#001f23",
|
|
59
70
|
"shadowOffset": {
|
|
@@ -124,6 +135,15 @@ exports[`FABPair renders correctly 1`] = `
|
|
|
124
135
|
</View>
|
|
125
136
|
</View>
|
|
126
137
|
<View
|
|
138
|
+
accessibilityState={
|
|
139
|
+
{
|
|
140
|
+
"busy": undefined,
|
|
141
|
+
"checked": undefined,
|
|
142
|
+
"disabled": undefined,
|
|
143
|
+
"expanded": undefined,
|
|
144
|
+
"selected": undefined,
|
|
145
|
+
}
|
|
146
|
+
}
|
|
127
147
|
accessibilityValue={
|
|
128
148
|
{
|
|
129
149
|
"max": undefined,
|
|
@@ -133,6 +153,7 @@ exports[`FABPair renders correctly 1`] = `
|
|
|
133
153
|
}
|
|
134
154
|
}
|
|
135
155
|
accessible={true}
|
|
156
|
+
collapsable={false}
|
|
136
157
|
focusable={true}
|
|
137
158
|
onClick={[Function]}
|
|
138
159
|
onLayout={[Function]}
|
|
@@ -146,7 +167,7 @@ exports[`FABPair renders correctly 1`] = `
|
|
|
146
167
|
{
|
|
147
168
|
"alignItems": "center",
|
|
148
169
|
"alignSelf": "flex-start",
|
|
149
|
-
"backgroundColor": "#
|
|
170
|
+
"backgroundColor": "#000000",
|
|
150
171
|
"borderRadius": 999,
|
|
151
172
|
"bottom": undefined,
|
|
152
173
|
"elevation": 3,
|
|
@@ -154,6 +175,7 @@ exports[`FABPair renders correctly 1`] = `
|
|
|
154
175
|
"height": 48,
|
|
155
176
|
"justifyContent": "center",
|
|
156
177
|
"marginRight": undefined,
|
|
178
|
+
"opacity": 1,
|
|
157
179
|
"padding": 20,
|
|
158
180
|
"shadowColor": "#001f23",
|
|
159
181
|
"shadowOffset": {
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import styled from '@emotion/native';
|
|
2
|
-
import
|
|
3
|
-
import { Animated, TouchableHighlight } from 'react-native';
|
|
2
|
+
import { TextProps, Animated, TouchableOpacity } from 'react-native';
|
|
4
3
|
import Box from '../Box';
|
|
5
4
|
import type { IconProps } from '../Icon';
|
|
6
5
|
import Icon from '../Icon';
|
|
7
6
|
import Typography from '../Typography';
|
|
8
7
|
|
|
9
8
|
const AnimatedTouchableHighlight =
|
|
10
|
-
Animated.createAnimatedComponent(
|
|
9
|
+
Animated.createAnimatedComponent(TouchableOpacity);
|
|
11
10
|
|
|
12
11
|
const StyledFAB = styled(AnimatedTouchableHighlight)<{
|
|
13
12
|
themeActive?: boolean;
|
|
@@ -9,6 +9,15 @@ exports[`StyledFAB renders correctly 1`] = `
|
|
|
9
9
|
}
|
|
10
10
|
>
|
|
11
11
|
<View
|
|
12
|
+
accessibilityState={
|
|
13
|
+
{
|
|
14
|
+
"busy": undefined,
|
|
15
|
+
"checked": undefined,
|
|
16
|
+
"disabled": undefined,
|
|
17
|
+
"expanded": undefined,
|
|
18
|
+
"selected": undefined,
|
|
19
|
+
}
|
|
20
|
+
}
|
|
12
21
|
accessibilityValue={
|
|
13
22
|
{
|
|
14
23
|
"max": undefined,
|
|
@@ -18,6 +27,7 @@ exports[`StyledFAB renders correctly 1`] = `
|
|
|
18
27
|
}
|
|
19
28
|
}
|
|
20
29
|
accessible={true}
|
|
30
|
+
collapsable={false}
|
|
21
31
|
focusable={false}
|
|
22
32
|
onClick={[Function]}
|
|
23
33
|
onResponderGrant={[Function]}
|
|
@@ -30,12 +40,13 @@ exports[`StyledFAB renders correctly 1`] = `
|
|
|
30
40
|
{
|
|
31
41
|
"alignItems": "center",
|
|
32
42
|
"alignSelf": "flex-start",
|
|
33
|
-
"backgroundColor": "#
|
|
43
|
+
"backgroundColor": "#000000",
|
|
34
44
|
"borderRadius": 999,
|
|
35
45
|
"elevation": 3,
|
|
36
46
|
"flexDirection": "row",
|
|
37
47
|
"height": 64,
|
|
38
48
|
"justifyContent": "center",
|
|
49
|
+
"opacity": 1,
|
|
39
50
|
"padding": 20,
|
|
40
51
|
"shadowColor": "#001f23",
|
|
41
52
|
"shadowOffset": {
|
|
@@ -100,6 +111,15 @@ exports[`StyledFAB renders correctly 2`] = `
|
|
|
100
111
|
}
|
|
101
112
|
>
|
|
102
113
|
<View
|
|
114
|
+
accessibilityState={
|
|
115
|
+
{
|
|
116
|
+
"busy": undefined,
|
|
117
|
+
"checked": undefined,
|
|
118
|
+
"disabled": undefined,
|
|
119
|
+
"expanded": undefined,
|
|
120
|
+
"selected": undefined,
|
|
121
|
+
}
|
|
122
|
+
}
|
|
103
123
|
accessibilityValue={
|
|
104
124
|
{
|
|
105
125
|
"max": undefined,
|
|
@@ -109,6 +129,7 @@ exports[`StyledFAB renders correctly 2`] = `
|
|
|
109
129
|
}
|
|
110
130
|
}
|
|
111
131
|
accessible={true}
|
|
132
|
+
collapsable={false}
|
|
112
133
|
focusable={false}
|
|
113
134
|
onClick={[Function]}
|
|
114
135
|
onResponderGrant={[Function]}
|
|
@@ -121,12 +142,13 @@ exports[`StyledFAB renders correctly 2`] = `
|
|
|
121
142
|
{
|
|
122
143
|
"alignItems": "center",
|
|
123
144
|
"alignSelf": "flex-start",
|
|
124
|
-
"backgroundColor": "#
|
|
145
|
+
"backgroundColor": "#000000",
|
|
125
146
|
"borderRadius": 999,
|
|
126
147
|
"elevation": 3,
|
|
127
148
|
"flexDirection": "row",
|
|
128
149
|
"height": 64,
|
|
129
150
|
"justifyContent": "center",
|
|
151
|
+
"opacity": 1,
|
|
130
152
|
"padding": 20,
|
|
131
153
|
"shadowColor": "#001f23",
|
|
132
154
|
"shadowOffset": {
|