@hero-design/rn 7.16.1 → 7.16.2

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.
@@ -62,10 +62,13 @@ exports[`OptionList render isLoading correctly 1`] = `
62
62
  >
63
63
  <View>
64
64
  <View
65
+ accessibilityState={
66
+ Object {
67
+ "disabled": false,
68
+ }
69
+ }
65
70
  accessible={true}
66
- collapsable={false}
67
71
  focusable={true}
68
- nativeID="animatedComponent"
69
72
  onClick={[Function]}
70
73
  onResponderGrant={[Function]}
71
74
  onResponderMove={[Function]}
@@ -74,22 +77,26 @@ exports[`OptionList render isLoading correctly 1`] = `
74
77
  onResponderTerminationRequest={[Function]}
75
78
  onStartShouldSetResponder={[Function]}
76
79
  style={
77
- Object {
78
- "alignItems": "center",
79
- "backgroundColor": "#f1e9fb",
80
- "borderRadius": 4,
81
- "flexDirection": "row",
82
- "justifyContent": "space-between",
83
- "opacity": 1,
84
- "padding": 16,
85
- }
80
+ Array [
81
+ Object {
82
+ "alignItems": "center",
83
+ "backgroundColor": "#f1e9fb",
84
+ "flexDirection": "row",
85
+ "opacity": 1,
86
+ "padding": 16,
87
+ },
88
+ undefined,
89
+ ]
86
90
  }
87
91
  >
88
92
  <View
89
93
  style={
90
- Object {
91
- "flex": 1,
92
- }
94
+ Array [
95
+ Object {
96
+ "flex": 1,
97
+ },
98
+ undefined,
99
+ ]
93
100
  }
94
101
  >
95
102
  <Text
@@ -112,20 +119,31 @@ exports[`OptionList render isLoading correctly 1`] = `
112
119
  A
113
120
  </Text>
114
121
  </View>
115
- <HeroIcon
116
- name="checkmark"
122
+ <View
117
123
  style={
118
124
  Array [
119
125
  Object {
120
- "color": "#292a2b",
121
- "fontSize": 20,
126
+ "marginLeft": 8,
122
127
  },
123
128
  undefined,
124
129
  ]
125
130
  }
126
- themeIntent="text"
127
- themeSize="small"
128
- />
131
+ >
132
+ <HeroIcon
133
+ name="checkmark"
134
+ style={
135
+ Array [
136
+ Object {
137
+ "color": "#292a2b",
138
+ "fontSize": 20,
139
+ },
140
+ undefined,
141
+ ]
142
+ }
143
+ themeIntent="text"
144
+ themeSize="small"
145
+ />
146
+ </View>
129
147
  </View>
130
148
  </View>
131
149
  </View>
@@ -135,10 +153,13 @@ exports[`OptionList render isLoading correctly 1`] = `
135
153
  >
136
154
  <View>
137
155
  <View
156
+ accessibilityState={
157
+ Object {
158
+ "disabled": false,
159
+ }
160
+ }
138
161
  accessible={true}
139
- collapsable={false}
140
162
  focusable={true}
141
- nativeID="animatedComponent"
142
163
  onClick={[Function]}
143
164
  onResponderGrant={[Function]}
144
165
  onResponderMove={[Function]}
@@ -147,22 +168,26 @@ exports[`OptionList render isLoading correctly 1`] = `
147
168
  onResponderTerminationRequest={[Function]}
148
169
  onStartShouldSetResponder={[Function]}
149
170
  style={
150
- Object {
151
- "alignItems": "center",
152
- "backgroundColor": "#ffffff",
153
- "borderRadius": 4,
154
- "flexDirection": "row",
155
- "justifyContent": "space-between",
156
- "opacity": 1,
157
- "padding": 16,
158
- }
171
+ Array [
172
+ Object {
173
+ "alignItems": "center",
174
+ "backgroundColor": "#ffffff",
175
+ "flexDirection": "row",
176
+ "opacity": 1,
177
+ "padding": 16,
178
+ },
179
+ undefined,
180
+ ]
159
181
  }
160
182
  >
161
183
  <View
162
184
  style={
163
- Object {
164
- "flex": 1,
165
- }
185
+ Array [
186
+ Object {
187
+ "flex": 1,
188
+ },
189
+ undefined,
190
+ ]
166
191
  }
167
192
  >
168
193
  <Text
@@ -194,10 +219,13 @@ exports[`OptionList render isLoading correctly 1`] = `
194
219
  >
195
220
  <View>
196
221
  <View
222
+ accessibilityState={
223
+ Object {
224
+ "disabled": false,
225
+ }
226
+ }
197
227
  accessible={true}
198
- collapsable={false}
199
228
  focusable={true}
200
- nativeID="animatedComponent"
201
229
  onClick={[Function]}
202
230
  onResponderGrant={[Function]}
203
231
  onResponderMove={[Function]}
@@ -206,22 +234,26 @@ exports[`OptionList render isLoading correctly 1`] = `
206
234
  onResponderTerminationRequest={[Function]}
207
235
  onStartShouldSetResponder={[Function]}
208
236
  style={
209
- Object {
210
- "alignItems": "center",
211
- "backgroundColor": "#ffffff",
212
- "borderRadius": 4,
213
- "flexDirection": "row",
214
- "justifyContent": "space-between",
215
- "opacity": 1,
216
- "padding": 16,
217
- }
237
+ Array [
238
+ Object {
239
+ "alignItems": "center",
240
+ "backgroundColor": "#ffffff",
241
+ "flexDirection": "row",
242
+ "opacity": 1,
243
+ "padding": 16,
244
+ },
245
+ undefined,
246
+ ]
218
247
  }
219
248
  >
220
249
  <View
221
250
  style={
222
- Object {
223
- "flex": 1,
224
- }
251
+ Array [
252
+ Object {
253
+ "flex": 1,
254
+ },
255
+ undefined,
256
+ ]
225
257
  }
226
258
  >
227
259
  <Text
@@ -451,10 +483,13 @@ exports[`OptionList renders correctly 1`] = `
451
483
  >
452
484
  <View>
453
485
  <View
486
+ accessibilityState={
487
+ Object {
488
+ "disabled": false,
489
+ }
490
+ }
454
491
  accessible={true}
455
- collapsable={false}
456
492
  focusable={true}
457
- nativeID="animatedComponent"
458
493
  onClick={[Function]}
459
494
  onResponderGrant={[Function]}
460
495
  onResponderMove={[Function]}
@@ -463,22 +498,26 @@ exports[`OptionList renders correctly 1`] = `
463
498
  onResponderTerminationRequest={[Function]}
464
499
  onStartShouldSetResponder={[Function]}
465
500
  style={
466
- Object {
467
- "alignItems": "center",
468
- "backgroundColor": "#f1e9fb",
469
- "borderRadius": 4,
470
- "flexDirection": "row",
471
- "justifyContent": "space-between",
472
- "opacity": 1,
473
- "padding": 16,
474
- }
501
+ Array [
502
+ Object {
503
+ "alignItems": "center",
504
+ "backgroundColor": "#f1e9fb",
505
+ "flexDirection": "row",
506
+ "opacity": 1,
507
+ "padding": 16,
508
+ },
509
+ undefined,
510
+ ]
475
511
  }
476
512
  >
477
513
  <View
478
514
  style={
479
- Object {
480
- "flex": 1,
481
- }
515
+ Array [
516
+ Object {
517
+ "flex": 1,
518
+ },
519
+ undefined,
520
+ ]
482
521
  }
483
522
  >
484
523
  <Text
@@ -501,20 +540,31 @@ exports[`OptionList renders correctly 1`] = `
501
540
  A
502
541
  </Text>
503
542
  </View>
504
- <HeroIcon
505
- name="checkmark"
543
+ <View
506
544
  style={
507
545
  Array [
508
546
  Object {
509
- "color": "#292a2b",
510
- "fontSize": 20,
547
+ "marginLeft": 8,
511
548
  },
512
549
  undefined,
513
550
  ]
514
551
  }
515
- themeIntent="text"
516
- themeSize="small"
517
- />
552
+ >
553
+ <HeroIcon
554
+ name="checkmark"
555
+ style={
556
+ Array [
557
+ Object {
558
+ "color": "#292a2b",
559
+ "fontSize": 20,
560
+ },
561
+ undefined,
562
+ ]
563
+ }
564
+ themeIntent="text"
565
+ themeSize="small"
566
+ />
567
+ </View>
518
568
  </View>
519
569
  </View>
520
570
  </View>
@@ -524,10 +574,13 @@ exports[`OptionList renders correctly 1`] = `
524
574
  >
525
575
  <View>
526
576
  <View
577
+ accessibilityState={
578
+ Object {
579
+ "disabled": false,
580
+ }
581
+ }
527
582
  accessible={true}
528
- collapsable={false}
529
583
  focusable={true}
530
- nativeID="animatedComponent"
531
584
  onClick={[Function]}
532
585
  onResponderGrant={[Function]}
533
586
  onResponderMove={[Function]}
@@ -536,22 +589,26 @@ exports[`OptionList renders correctly 1`] = `
536
589
  onResponderTerminationRequest={[Function]}
537
590
  onStartShouldSetResponder={[Function]}
538
591
  style={
539
- Object {
540
- "alignItems": "center",
541
- "backgroundColor": "#ffffff",
542
- "borderRadius": 4,
543
- "flexDirection": "row",
544
- "justifyContent": "space-between",
545
- "opacity": 1,
546
- "padding": 16,
547
- }
592
+ Array [
593
+ Object {
594
+ "alignItems": "center",
595
+ "backgroundColor": "#ffffff",
596
+ "flexDirection": "row",
597
+ "opacity": 1,
598
+ "padding": 16,
599
+ },
600
+ undefined,
601
+ ]
548
602
  }
549
603
  >
550
604
  <View
551
605
  style={
552
- Object {
553
- "flex": 1,
554
- }
606
+ Array [
607
+ Object {
608
+ "flex": 1,
609
+ },
610
+ undefined,
611
+ ]
555
612
  }
556
613
  >
557
614
  <Text
@@ -583,10 +640,13 @@ exports[`OptionList renders correctly 1`] = `
583
640
  >
584
641
  <View>
585
642
  <View
643
+ accessibilityState={
644
+ Object {
645
+ "disabled": false,
646
+ }
647
+ }
586
648
  accessible={true}
587
- collapsable={false}
588
649
  focusable={true}
589
- nativeID="animatedComponent"
590
650
  onClick={[Function]}
591
651
  onResponderGrant={[Function]}
592
652
  onResponderMove={[Function]}
@@ -595,22 +655,26 @@ exports[`OptionList renders correctly 1`] = `
595
655
  onResponderTerminationRequest={[Function]}
596
656
  onStartShouldSetResponder={[Function]}
597
657
  style={
598
- Object {
599
- "alignItems": "center",
600
- "backgroundColor": "#ffffff",
601
- "borderRadius": 4,
602
- "flexDirection": "row",
603
- "justifyContent": "space-between",
604
- "opacity": 1,
605
- "padding": 16,
606
- }
658
+ Array [
659
+ Object {
660
+ "alignItems": "center",
661
+ "backgroundColor": "#ffffff",
662
+ "flexDirection": "row",
663
+ "opacity": 1,
664
+ "padding": 16,
665
+ },
666
+ undefined,
667
+ ]
607
668
  }
608
669
  >
609
670
  <View
610
671
  style={
611
- Object {
612
- "flex": 1,
613
- }
672
+ Array [
673
+ Object {
674
+ "flex": 1,
675
+ },
676
+ undefined,
677
+ ]
614
678
  }
615
679
  >
616
680
  <Text
@@ -690,10 +754,13 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
690
754
  >
691
755
  <View>
692
756
  <View
757
+ accessibilityState={
758
+ Object {
759
+ "disabled": false,
760
+ }
761
+ }
693
762
  accessible={true}
694
- collapsable={false}
695
763
  focusable={true}
696
- nativeID="animatedComponent"
697
764
  onClick={[Function]}
698
765
  onResponderGrant={[Function]}
699
766
  onResponderMove={[Function]}
@@ -702,22 +769,26 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
702
769
  onResponderTerminationRequest={[Function]}
703
770
  onStartShouldSetResponder={[Function]}
704
771
  style={
705
- Object {
706
- "alignItems": "center",
707
- "backgroundColor": "#f1e9fb",
708
- "borderRadius": 4,
709
- "flexDirection": "row",
710
- "justifyContent": "space-between",
711
- "opacity": 1,
712
- "padding": 16,
713
- }
772
+ Array [
773
+ Object {
774
+ "alignItems": "center",
775
+ "backgroundColor": "#f1e9fb",
776
+ "flexDirection": "row",
777
+ "opacity": 1,
778
+ "padding": 16,
779
+ },
780
+ undefined,
781
+ ]
714
782
  }
715
783
  >
716
784
  <View
717
785
  style={
718
- Object {
719
- "flex": 1,
720
- }
786
+ Array [
787
+ Object {
788
+ "flex": 1,
789
+ },
790
+ undefined,
791
+ ]
721
792
  }
722
793
  >
723
794
  <Text
@@ -740,20 +811,31 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
740
811
  A
741
812
  </Text>
742
813
  </View>
743
- <HeroIcon
744
- name="checkmark"
814
+ <View
745
815
  style={
746
816
  Array [
747
817
  Object {
748
- "color": "#292a2b",
749
- "fontSize": 20,
818
+ "marginLeft": 8,
750
819
  },
751
820
  undefined,
752
821
  ]
753
822
  }
754
- themeIntent="text"
755
- themeSize="small"
756
- />
823
+ >
824
+ <HeroIcon
825
+ name="checkmark"
826
+ style={
827
+ Array [
828
+ Object {
829
+ "color": "#292a2b",
830
+ "fontSize": 20,
831
+ },
832
+ undefined,
833
+ ]
834
+ }
835
+ themeIntent="text"
836
+ themeSize="small"
837
+ />
838
+ </View>
757
839
  </View>
758
840
  </View>
759
841
  </View>
@@ -763,10 +845,13 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
763
845
  >
764
846
  <View>
765
847
  <View
848
+ accessibilityState={
849
+ Object {
850
+ "disabled": false,
851
+ }
852
+ }
766
853
  accessible={true}
767
- collapsable={false}
768
854
  focusable={true}
769
- nativeID="animatedComponent"
770
855
  onClick={[Function]}
771
856
  onResponderGrant={[Function]}
772
857
  onResponderMove={[Function]}
@@ -775,22 +860,26 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
775
860
  onResponderTerminationRequest={[Function]}
776
861
  onStartShouldSetResponder={[Function]}
777
862
  style={
778
- Object {
779
- "alignItems": "center",
780
- "backgroundColor": "#f1e9fb",
781
- "borderRadius": 4,
782
- "flexDirection": "row",
783
- "justifyContent": "space-between",
784
- "opacity": 1,
785
- "padding": 16,
786
- }
863
+ Array [
864
+ Object {
865
+ "alignItems": "center",
866
+ "backgroundColor": "#f1e9fb",
867
+ "flexDirection": "row",
868
+ "opacity": 1,
869
+ "padding": 16,
870
+ },
871
+ undefined,
872
+ ]
787
873
  }
788
874
  >
789
875
  <View
790
876
  style={
791
- Object {
792
- "flex": 1,
793
- }
877
+ Array [
878
+ Object {
879
+ "flex": 1,
880
+ },
881
+ undefined,
882
+ ]
794
883
  }
795
884
  >
796
885
  <Text
@@ -813,20 +902,31 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
813
902
  B
814
903
  </Text>
815
904
  </View>
816
- <HeroIcon
817
- name="checkmark"
905
+ <View
818
906
  style={
819
907
  Array [
820
908
  Object {
821
- "color": "#292a2b",
822
- "fontSize": 20,
909
+ "marginLeft": 8,
823
910
  },
824
911
  undefined,
825
912
  ]
826
913
  }
827
- themeIntent="text"
828
- themeSize="small"
829
- />
914
+ >
915
+ <HeroIcon
916
+ name="checkmark"
917
+ style={
918
+ Array [
919
+ Object {
920
+ "color": "#292a2b",
921
+ "fontSize": 20,
922
+ },
923
+ undefined,
924
+ ]
925
+ }
926
+ themeIntent="text"
927
+ themeSize="small"
928
+ />
929
+ </View>
830
930
  </View>
831
931
  </View>
832
932
  </View>
@@ -836,10 +936,13 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
836
936
  >
837
937
  <View>
838
938
  <View
939
+ accessibilityState={
940
+ Object {
941
+ "disabled": false,
942
+ }
943
+ }
839
944
  accessible={true}
840
- collapsable={false}
841
945
  focusable={true}
842
- nativeID="animatedComponent"
843
946
  onClick={[Function]}
844
947
  onResponderGrant={[Function]}
845
948
  onResponderMove={[Function]}
@@ -848,22 +951,26 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
848
951
  onResponderTerminationRequest={[Function]}
849
952
  onStartShouldSetResponder={[Function]}
850
953
  style={
851
- Object {
852
- "alignItems": "center",
853
- "backgroundColor": "#ffffff",
854
- "borderRadius": 4,
855
- "flexDirection": "row",
856
- "justifyContent": "space-between",
857
- "opacity": 1,
858
- "padding": 16,
859
- }
954
+ Array [
955
+ Object {
956
+ "alignItems": "center",
957
+ "backgroundColor": "#ffffff",
958
+ "flexDirection": "row",
959
+ "opacity": 1,
960
+ "padding": 16,
961
+ },
962
+ undefined,
963
+ ]
860
964
  }
861
965
  >
862
966
  <View
863
967
  style={
864
- Object {
865
- "flex": 1,
866
- }
968
+ Array [
969
+ Object {
970
+ "flex": 1,
971
+ },
972
+ undefined,
973
+ ]
867
974
  }
868
975
  >
869
976
  <Text
@@ -943,10 +1050,13 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
943
1050
  >
944
1051
  <View>
945
1052
  <View
1053
+ accessibilityState={
1054
+ Object {
1055
+ "disabled": false,
1056
+ }
1057
+ }
946
1058
  accessible={true}
947
- collapsable={false}
948
1059
  focusable={true}
949
- nativeID="animatedComponent"
950
1060
  onClick={[Function]}
951
1061
  onResponderGrant={[Function]}
952
1062
  onResponderMove={[Function]}
@@ -955,22 +1065,26 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
955
1065
  onResponderTerminationRequest={[Function]}
956
1066
  onStartShouldSetResponder={[Function]}
957
1067
  style={
958
- Object {
959
- "alignItems": "center",
960
- "backgroundColor": "#f1e9fb",
961
- "borderRadius": 4,
962
- "flexDirection": "row",
963
- "justifyContent": "space-between",
964
- "opacity": 1,
965
- "padding": 16,
966
- }
1068
+ Array [
1069
+ Object {
1070
+ "alignItems": "center",
1071
+ "backgroundColor": "#f1e9fb",
1072
+ "flexDirection": "row",
1073
+ "opacity": 1,
1074
+ "padding": 16,
1075
+ },
1076
+ undefined,
1077
+ ]
967
1078
  }
968
1079
  >
969
1080
  <View
970
1081
  style={
971
- Object {
972
- "flex": 1,
973
- }
1082
+ Array [
1083
+ Object {
1084
+ "flex": 1,
1085
+ },
1086
+ undefined,
1087
+ ]
974
1088
  }
975
1089
  >
976
1090
  <Text
@@ -993,20 +1107,31 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
993
1107
  A
994
1108
  </Text>
995
1109
  </View>
996
- <HeroIcon
997
- name="checkmark"
1110
+ <View
998
1111
  style={
999
1112
  Array [
1000
1113
  Object {
1001
- "color": "#292a2b",
1002
- "fontSize": 20,
1114
+ "marginLeft": 8,
1003
1115
  },
1004
1116
  undefined,
1005
1117
  ]
1006
1118
  }
1007
- themeIntent="text"
1008
- themeSize="small"
1009
- />
1119
+ >
1120
+ <HeroIcon
1121
+ name="checkmark"
1122
+ style={
1123
+ Array [
1124
+ Object {
1125
+ "color": "#292a2b",
1126
+ "fontSize": 20,
1127
+ },
1128
+ undefined,
1129
+ ]
1130
+ }
1131
+ themeIntent="text"
1132
+ themeSize="small"
1133
+ />
1134
+ </View>
1010
1135
  </View>
1011
1136
  </View>
1012
1137
  </View>
@@ -1016,10 +1141,13 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
1016
1141
  >
1017
1142
  <View>
1018
1143
  <View
1144
+ accessibilityState={
1145
+ Object {
1146
+ "disabled": false,
1147
+ }
1148
+ }
1019
1149
  accessible={true}
1020
- collapsable={false}
1021
1150
  focusable={true}
1022
- nativeID="animatedComponent"
1023
1151
  onClick={[Function]}
1024
1152
  onResponderGrant={[Function]}
1025
1153
  onResponderMove={[Function]}
@@ -1028,22 +1156,26 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
1028
1156
  onResponderTerminationRequest={[Function]}
1029
1157
  onStartShouldSetResponder={[Function]}
1030
1158
  style={
1031
- Object {
1032
- "alignItems": "center",
1033
- "backgroundColor": "#ffffff",
1034
- "borderRadius": 4,
1035
- "flexDirection": "row",
1036
- "justifyContent": "space-between",
1037
- "opacity": 1,
1038
- "padding": 16,
1039
- }
1159
+ Array [
1160
+ Object {
1161
+ "alignItems": "center",
1162
+ "backgroundColor": "#ffffff",
1163
+ "flexDirection": "row",
1164
+ "opacity": 1,
1165
+ "padding": 16,
1166
+ },
1167
+ undefined,
1168
+ ]
1040
1169
  }
1041
1170
  >
1042
1171
  <View
1043
1172
  style={
1044
- Object {
1045
- "flex": 1,
1046
- }
1173
+ Array [
1174
+ Object {
1175
+ "flex": 1,
1176
+ },
1177
+ undefined,
1178
+ ]
1047
1179
  }
1048
1180
  >
1049
1181
  <Text
@@ -1075,10 +1207,13 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
1075
1207
  >
1076
1208
  <View>
1077
1209
  <View
1210
+ accessibilityState={
1211
+ Object {
1212
+ "disabled": false,
1213
+ }
1214
+ }
1078
1215
  accessible={true}
1079
- collapsable={false}
1080
1216
  focusable={true}
1081
- nativeID="animatedComponent"
1082
1217
  onClick={[Function]}
1083
1218
  onResponderGrant={[Function]}
1084
1219
  onResponderMove={[Function]}
@@ -1087,22 +1222,26 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
1087
1222
  onResponderTerminationRequest={[Function]}
1088
1223
  onStartShouldSetResponder={[Function]}
1089
1224
  style={
1090
- Object {
1091
- "alignItems": "center",
1092
- "backgroundColor": "#ffffff",
1093
- "borderRadius": 4,
1094
- "flexDirection": "row",
1095
- "justifyContent": "space-between",
1096
- "opacity": 1,
1097
- "padding": 16,
1098
- }
1225
+ Array [
1226
+ Object {
1227
+ "alignItems": "center",
1228
+ "backgroundColor": "#ffffff",
1229
+ "flexDirection": "row",
1230
+ "opacity": 1,
1231
+ "padding": 16,
1232
+ },
1233
+ undefined,
1234
+ ]
1099
1235
  }
1100
1236
  >
1101
1237
  <View
1102
1238
  style={
1103
- Object {
1104
- "flex": 1,
1105
- }
1239
+ Array [
1240
+ Object {
1241
+ "flex": 1,
1242
+ },
1243
+ undefined,
1244
+ ]
1106
1245
  }
1107
1246
  >
1108
1247
  <Text