@hero-design/rn 8.19.0 → 8.21.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 (44) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/es/index.js +190 -60
  3. package/lib/index.js +190 -60
  4. package/package.json +5 -5
  5. package/src/components/Button/Button.tsx +1 -1
  6. package/src/components/Button/StyledButton.tsx +0 -3
  7. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +0 -10
  8. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +0 -16
  9. package/src/components/Calendar/index.tsx +7 -2
  10. package/src/components/Carousel/StyledCarousel.tsx +11 -3
  11. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +791 -6
  12. package/src/components/Carousel/__tests__/index.spec.tsx +41 -31
  13. package/src/components/Carousel/index.tsx +39 -7
  14. package/src/components/DatePicker/DatePickerAndroid.tsx +1 -1
  15. package/src/components/DatePicker/DatePickerCalendar.tsx +110 -0
  16. package/src/components/DatePicker/DatePickerIOS.tsx +1 -1
  17. package/src/components/DatePicker/__tests__/DatePicker.spec.tsx +27 -8
  18. package/src/components/DatePicker/__tests__/DatePickerCalendar.spec.tsx +61 -0
  19. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +670 -0
  20. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +220 -0
  21. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +0 -1
  22. package/src/components/DatePicker/index.tsx +5 -1
  23. package/src/components/DatePicker/types.ts +7 -1
  24. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +0 -3
  25. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +0 -1
  26. package/src/components/TimePicker/types.ts +1 -1
  27. package/src/components/Toast/Toast.tsx +3 -1
  28. package/src/components/Toast/types.ts +4 -0
  29. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +2 -3
  30. package/src/theme/components/button.ts +0 -5
  31. package/src/theme/components/carousel.ts +3 -0
  32. package/types/components/Calendar/index.d.ts +6 -2
  33. package/types/components/Carousel/StyledCarousel.d.ts +7 -1
  34. package/types/components/Carousel/index.d.ts +7 -1
  35. package/types/components/DatePicker/DatePickerAndroid.d.ts +1 -1
  36. package/types/components/DatePicker/DatePickerCalendar.d.ts +3 -0
  37. package/types/components/DatePicker/DatePickerIOS.d.ts +1 -1
  38. package/types/components/DatePicker/index.d.ts +1 -1
  39. package/types/components/DatePicker/types.d.ts +7 -1
  40. package/types/components/TimePicker/types.d.ts +1 -1
  41. package/types/components/Toast/Toast.d.ts +1 -1
  42. package/types/components/Toast/types.d.ts +4 -0
  43. package/types/theme/components/button.d.ts +0 -3
  44. package/types/theme/components/carousel.d.ts +2 -0
package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`Carousel renders basic carousel 1`] = `
3
+ exports[`Carousel renders correctly with pageControlPosition bottom 1`] = `
4
4
  <View
5
5
  testID="carousel"
6
6
  >
@@ -20,6 +20,18 @@ exports[`Carousel renders basic carousel 1`] = `
20
20
  }
21
21
  themeSlideBackground="#ece8ef"
22
22
  />
23
+ <View
24
+ style={
25
+ Array [
26
+ Object {
27
+ "alignItems": "center",
28
+ "height": 48,
29
+ "justifyContent": "center",
30
+ },
31
+ undefined,
32
+ ]
33
+ }
34
+ />
23
35
  <View
24
36
  style={
25
37
  Array [
@@ -657,7 +669,6 @@ exports[`Carousel renders basic carousel 1`] = `
657
669
  "flexShrink": 1,
658
670
  "fontFamily": "BeVietnamPro-SemiBold",
659
671
  "fontSize": 18,
660
- "lineHeight": 24,
661
672
  "textAlign": "center",
662
673
  },
663
674
  undefined,
@@ -682,7 +693,7 @@ exports[`Carousel renders basic carousel 1`] = `
682
693
  },
683
694
  Array [
684
695
  Object {
685
- "marginStart": "auto",
696
+ "paddingVertical": 8,
686
697
  },
687
698
  undefined,
688
699
  ],
@@ -751,7 +762,7 @@ exports[`Carousel renders basic carousel 1`] = `
751
762
  </View>
752
763
  `;
753
764
 
754
- exports[`Carousel should call skip call back when press skip 1`] = `
765
+ exports[`Carousel renders correctly with pageControlPosition top 1`] = `
755
766
  <View
756
767
  testID="carousel"
757
768
  >
@@ -771,6 +782,781 @@ exports[`Carousel should call skip call back when press skip 1`] = `
771
782
  }
772
783
  themeSlideBackground="#ece8ef"
773
784
  />
785
+ <View
786
+ style={
787
+ Array [
788
+ Object {
789
+ "alignItems": "center",
790
+ "height": 48,
791
+ "justifyContent": "center",
792
+ },
793
+ undefined,
794
+ ]
795
+ }
796
+ >
797
+ <View
798
+ style={
799
+ Array [
800
+ Object {
801
+ "alignItems": "center",
802
+ "flexDirection": "row",
803
+ },
804
+ Array [
805
+ Object {
806
+ "paddingVertical": 8,
807
+ },
808
+ undefined,
809
+ ],
810
+ ]
811
+ }
812
+ >
813
+ <View
814
+ collapsable={false}
815
+ style={
816
+ Object {
817
+ "backgroundColor": "#401960",
818
+ "borderRadius": 999,
819
+ "height": 8,
820
+ "marginHorizontal": 8,
821
+ "opacity": 1,
822
+ "width": 24,
823
+ }
824
+ }
825
+ testID="page-control-indicator0"
826
+ />
827
+ <View
828
+ collapsable={false}
829
+ style={
830
+ Object {
831
+ "backgroundColor": "#401960",
832
+ "borderRadius": 999,
833
+ "height": 8,
834
+ "marginHorizontal": 8,
835
+ "opacity": 0.5,
836
+ "width": 8,
837
+ }
838
+ }
839
+ testID="page-control-indicator1"
840
+ />
841
+ <View
842
+ collapsable={false}
843
+ style={
844
+ Object {
845
+ "backgroundColor": "#401960",
846
+ "borderRadius": 999,
847
+ "height": 8,
848
+ "marginHorizontal": 8,
849
+ "opacity": 0.5,
850
+ "width": 8,
851
+ }
852
+ }
853
+ testID="page-control-indicator2"
854
+ />
855
+ <View
856
+ collapsable={false}
857
+ style={
858
+ Object {
859
+ "backgroundColor": "#401960",
860
+ "borderRadius": 999,
861
+ "height": 8,
862
+ "marginHorizontal": 8,
863
+ "opacity": 0.5,
864
+ "width": 8,
865
+ }
866
+ }
867
+ testID="page-control-indicator3"
868
+ />
869
+ </View>
870
+ </View>
871
+ <View
872
+ style={
873
+ Array [
874
+ Object {
875
+ "flexGrow": 2,
876
+ "justifyContent": "space-between",
877
+ },
878
+ undefined,
879
+ ]
880
+ }
881
+ >
882
+ <RCTScrollView
883
+ bounces={false}
884
+ data={
885
+ Array [
886
+ Object {
887
+ "background": "#ece8ef",
888
+ "body": "Access your Work, Money and Benefits in the palm of your hand.",
889
+ "heading": "Welcome to the new Employment Hero app",
890
+ "image": 1,
891
+ },
892
+ Object {
893
+ "background": "#ccd2d3",
894
+ "body": "Our app now has a new bright clean modern look and feel with the same great features.",
895
+ "content": <Image
896
+ source={
897
+ Object {
898
+ "uri": "https://picsum.photos/30",
899
+ }
900
+ }
901
+ />,
902
+ "heading": "Same app with a new look!",
903
+ "image": "https://picsum.photos/800/1200",
904
+ },
905
+ Object {
906
+ "background": "#ccd2d3",
907
+ "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.",
908
+ "heading": "Easier to get around",
909
+ "image": Object {
910
+ "height": 100,
911
+ "resizeMode": "cover",
912
+ "uri": "https://picsum.photos/1200/800",
913
+ "width": 30,
914
+ },
915
+ },
916
+ Object {
917
+ "background": "#ccd2d3",
918
+ "heading": "Test slide 4",
919
+ "image": Object {
920
+ "height": 100,
921
+ "uri": "https://picsum.photos/1200/800",
922
+ "width": 30,
923
+ },
924
+ },
925
+ ]
926
+ }
927
+ getItem={[Function]}
928
+ getItemCount={[Function]}
929
+ horizontal={true}
930
+ keyExtractor={[Function]}
931
+ onContentSizeChange={[Function]}
932
+ onLayout={[Function]}
933
+ onMomentumScrollBegin={[Function]}
934
+ onMomentumScrollEnd={[Function]}
935
+ onScroll={[Function]}
936
+ onScrollBeginDrag={[Function]}
937
+ onScrollEndDrag={[Function]}
938
+ onViewableItemsChanged={[Function]}
939
+ pagingEnabled={true}
940
+ removeClippedSubviews={false}
941
+ renderItem={[Function]}
942
+ scrollEventThrottle={32}
943
+ showsHorizontalScrollIndicator={false}
944
+ stickyHeaderIndices={Array []}
945
+ viewabilityConfig={
946
+ Object {
947
+ "viewAreaCoveragePercentThreshold": 50,
948
+ }
949
+ }
950
+ viewabilityConfigCallbackPairs={
951
+ Array [
952
+ Object {
953
+ "onViewableItemsChanged": [Function],
954
+ "viewabilityConfig": Object {
955
+ "viewAreaCoveragePercentThreshold": 50,
956
+ },
957
+ },
958
+ ]
959
+ }
960
+ >
961
+ <View>
962
+ <View
963
+ onLayout={[Function]}
964
+ style={
965
+ Array [
966
+ Object {
967
+ "flexDirection": "row",
968
+ },
969
+ null,
970
+ ]
971
+ }
972
+ >
973
+ <View
974
+ style={
975
+ Array [
976
+ Object {},
977
+ Object {
978
+ "width": 750,
979
+ },
980
+ ]
981
+ }
982
+ >
983
+ <Image
984
+ source={1}
985
+ style={
986
+ Array [
987
+ Object {
988
+ "borderRadius": 0,
989
+ "height": 72,
990
+ "width": 72,
991
+ },
992
+ Array [
993
+ Object {
994
+ "flex": 1,
995
+ "resizeMode": "contain",
996
+ "width": "100%",
997
+ },
998
+ undefined,
999
+ ],
1000
+ ]
1001
+ }
1002
+ />
1003
+ <View
1004
+ marginTop="large"
1005
+ paddingHorizontal="large"
1006
+ style={
1007
+ Array [
1008
+ Object {
1009
+ "marginTop": 24,
1010
+ "paddingHorizontal": 24,
1011
+ },
1012
+ Array [
1013
+ Object {
1014
+ "minHeight": 250,
1015
+ "width": 750,
1016
+ },
1017
+ undefined,
1018
+ ],
1019
+ ]
1020
+ }
1021
+ width={750}
1022
+ >
1023
+ <Text
1024
+ allowFontScaling={false}
1025
+ style={
1026
+ Array [
1027
+ Object {
1028
+ "color": "#001f23",
1029
+ "fontFamily": "BeVietnamPro-Regular",
1030
+ "fontSize": 14,
1031
+ "letterSpacing": 0.42,
1032
+ "lineHeight": 22,
1033
+ },
1034
+ Array [
1035
+ Object {
1036
+ "fontFamily": "RebondGrotesque-SemiBold",
1037
+ "fontSize": 32,
1038
+ "lineHeight": 44,
1039
+ "marginBottom": 16,
1040
+ "marginTop": 8,
1041
+ },
1042
+ undefined,
1043
+ ],
1044
+ ]
1045
+ }
1046
+ themeFontSize="medium"
1047
+ themeFontWeight="regular"
1048
+ themeIntent="body"
1049
+ themeTypeface="neutral"
1050
+ >
1051
+ Welcome to the new Employment Hero app
1052
+ </Text>
1053
+ <Text
1054
+ allowFontScaling={false}
1055
+ style={
1056
+ Array [
1057
+ Object {
1058
+ "color": "#001f23",
1059
+ "fontFamily": "BeVietnamPro-Regular",
1060
+ "fontSize": 16,
1061
+ "letterSpacing": 0.48,
1062
+ "lineHeight": 24,
1063
+ },
1064
+ undefined,
1065
+ ]
1066
+ }
1067
+ themeFontSize="large"
1068
+ themeFontWeight="regular"
1069
+ themeIntent="body"
1070
+ themeTypeface="neutral"
1071
+ >
1072
+ Access your Work, Money and Benefits in the palm of your hand.
1073
+ </Text>
1074
+ </View>
1075
+ </View>
1076
+ </View>
1077
+ <View
1078
+ onLayout={[Function]}
1079
+ style={
1080
+ Array [
1081
+ Object {
1082
+ "flexDirection": "row",
1083
+ },
1084
+ null,
1085
+ ]
1086
+ }
1087
+ >
1088
+ <View
1089
+ style={
1090
+ Array [
1091
+ Object {},
1092
+ Object {
1093
+ "width": 750,
1094
+ },
1095
+ ]
1096
+ }
1097
+ >
1098
+ <Image
1099
+ source={
1100
+ Object {
1101
+ "uri": "https://picsum.photos/800/1200",
1102
+ }
1103
+ }
1104
+ style={
1105
+ Array [
1106
+ Object {
1107
+ "borderRadius": 0,
1108
+ "height": 72,
1109
+ "width": 72,
1110
+ },
1111
+ Array [
1112
+ Object {
1113
+ "flex": 1,
1114
+ "resizeMode": "contain",
1115
+ "width": "100%",
1116
+ },
1117
+ undefined,
1118
+ ],
1119
+ ]
1120
+ }
1121
+ />
1122
+ <View
1123
+ marginTop="large"
1124
+ paddingHorizontal="large"
1125
+ style={
1126
+ Array [
1127
+ Object {
1128
+ "marginTop": 24,
1129
+ "paddingHorizontal": 24,
1130
+ },
1131
+ Array [
1132
+ Object {
1133
+ "minHeight": 250,
1134
+ "width": 750,
1135
+ },
1136
+ undefined,
1137
+ ],
1138
+ ]
1139
+ }
1140
+ width={750}
1141
+ >
1142
+ <Image
1143
+ source={
1144
+ Object {
1145
+ "uri": "https://picsum.photos/30",
1146
+ }
1147
+ }
1148
+ style={
1149
+ Array [
1150
+ Object {
1151
+ "borderRadius": 0,
1152
+ "height": 72,
1153
+ "width": 72,
1154
+ },
1155
+ undefined,
1156
+ ]
1157
+ }
1158
+ />
1159
+ <Text
1160
+ allowFontScaling={false}
1161
+ style={
1162
+ Array [
1163
+ Object {
1164
+ "color": "#001f23",
1165
+ "fontFamily": "BeVietnamPro-Regular",
1166
+ "fontSize": 14,
1167
+ "letterSpacing": 0.42,
1168
+ "lineHeight": 22,
1169
+ },
1170
+ Array [
1171
+ Object {
1172
+ "fontFamily": "RebondGrotesque-SemiBold",
1173
+ "fontSize": 32,
1174
+ "lineHeight": 44,
1175
+ "marginBottom": 16,
1176
+ "marginTop": 8,
1177
+ },
1178
+ undefined,
1179
+ ],
1180
+ ]
1181
+ }
1182
+ themeFontSize="medium"
1183
+ themeFontWeight="regular"
1184
+ themeIntent="body"
1185
+ themeTypeface="neutral"
1186
+ >
1187
+ Same app with a new look!
1188
+ </Text>
1189
+ <Text
1190
+ allowFontScaling={false}
1191
+ style={
1192
+ Array [
1193
+ Object {
1194
+ "color": "#001f23",
1195
+ "fontFamily": "BeVietnamPro-Regular",
1196
+ "fontSize": 16,
1197
+ "letterSpacing": 0.48,
1198
+ "lineHeight": 24,
1199
+ },
1200
+ undefined,
1201
+ ]
1202
+ }
1203
+ themeFontSize="large"
1204
+ themeFontWeight="regular"
1205
+ themeIntent="body"
1206
+ themeTypeface="neutral"
1207
+ >
1208
+ Our app now has a new bright clean modern look and feel with the same great features.
1209
+ </Text>
1210
+ </View>
1211
+ </View>
1212
+ </View>
1213
+ <View
1214
+ onLayout={[Function]}
1215
+ style={
1216
+ Array [
1217
+ Object {
1218
+ "flexDirection": "row",
1219
+ },
1220
+ null,
1221
+ ]
1222
+ }
1223
+ >
1224
+ <View
1225
+ style={
1226
+ Array [
1227
+ Object {},
1228
+ Object {
1229
+ "width": 750,
1230
+ },
1231
+ ]
1232
+ }
1233
+ >
1234
+ <Image
1235
+ height={100}
1236
+ resizeMode="cover"
1237
+ source={
1238
+ Object {
1239
+ "height": 100,
1240
+ "resizeMode": "cover",
1241
+ "uri": "https://picsum.photos/1200/800",
1242
+ "width": 30,
1243
+ }
1244
+ }
1245
+ style={
1246
+ Array [
1247
+ Object {
1248
+ "borderRadius": 0,
1249
+ "height": 72,
1250
+ "width": 72,
1251
+ },
1252
+ Array [
1253
+ Object {
1254
+ "alignSelf": "center",
1255
+ "height": 100,
1256
+ "resizeMode": "cover",
1257
+ "width": 30,
1258
+ },
1259
+ undefined,
1260
+ ],
1261
+ ]
1262
+ }
1263
+ width={30}
1264
+ />
1265
+ <View
1266
+ marginTop="large"
1267
+ paddingHorizontal="large"
1268
+ style={
1269
+ Array [
1270
+ Object {
1271
+ "marginTop": 24,
1272
+ "paddingHorizontal": 24,
1273
+ },
1274
+ Array [
1275
+ Object {
1276
+ "minHeight": 250,
1277
+ "width": 750,
1278
+ },
1279
+ undefined,
1280
+ ],
1281
+ ]
1282
+ }
1283
+ width={750}
1284
+ >
1285
+ <Text
1286
+ allowFontScaling={false}
1287
+ style={
1288
+ Array [
1289
+ Object {
1290
+ "color": "#001f23",
1291
+ "fontFamily": "BeVietnamPro-Regular",
1292
+ "fontSize": 14,
1293
+ "letterSpacing": 0.42,
1294
+ "lineHeight": 22,
1295
+ },
1296
+ Array [
1297
+ Object {
1298
+ "fontFamily": "RebondGrotesque-SemiBold",
1299
+ "fontSize": 32,
1300
+ "lineHeight": 44,
1301
+ "marginBottom": 16,
1302
+ "marginTop": 8,
1303
+ },
1304
+ undefined,
1305
+ ],
1306
+ ]
1307
+ }
1308
+ themeFontSize="medium"
1309
+ themeFontWeight="regular"
1310
+ themeIntent="body"
1311
+ themeTypeface="neutral"
1312
+ >
1313
+ Easier to get around
1314
+ </Text>
1315
+ <Text
1316
+ allowFontScaling={false}
1317
+ style={
1318
+ Array [
1319
+ Object {
1320
+ "color": "#001f23",
1321
+ "fontFamily": "BeVietnamPro-Regular",
1322
+ "fontSize": 16,
1323
+ "letterSpacing": 0.48,
1324
+ "lineHeight": 24,
1325
+ },
1326
+ undefined,
1327
+ ]
1328
+ }
1329
+ themeFontSize="large"
1330
+ themeFontWeight="regular"
1331
+ themeIntent="body"
1332
+ themeTypeface="neutral"
1333
+ >
1334
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.
1335
+ </Text>
1336
+ </View>
1337
+ </View>
1338
+ </View>
1339
+ <View
1340
+ onLayout={[Function]}
1341
+ style={
1342
+ Array [
1343
+ Object {
1344
+ "flexDirection": "row",
1345
+ },
1346
+ null,
1347
+ ]
1348
+ }
1349
+ >
1350
+ <View
1351
+ style={
1352
+ Array [
1353
+ Object {},
1354
+ Object {
1355
+ "width": 750,
1356
+ },
1357
+ ]
1358
+ }
1359
+ >
1360
+ <Image
1361
+ height={100}
1362
+ source={
1363
+ Object {
1364
+ "height": 100,
1365
+ "uri": "https://picsum.photos/1200/800",
1366
+ "width": 30,
1367
+ }
1368
+ }
1369
+ style={
1370
+ Array [
1371
+ Object {
1372
+ "borderRadius": 0,
1373
+ "height": 72,
1374
+ "width": 72,
1375
+ },
1376
+ Array [
1377
+ Object {
1378
+ "alignSelf": "center",
1379
+ "height": 100,
1380
+ "resizeMode": "contain",
1381
+ "width": 30,
1382
+ },
1383
+ undefined,
1384
+ ],
1385
+ ]
1386
+ }
1387
+ width={30}
1388
+ />
1389
+ <View
1390
+ marginTop="large"
1391
+ paddingHorizontal="large"
1392
+ style={
1393
+ Array [
1394
+ Object {
1395
+ "marginTop": 24,
1396
+ "paddingHorizontal": 24,
1397
+ },
1398
+ Array [
1399
+ Object {
1400
+ "minHeight": 250,
1401
+ "width": 750,
1402
+ },
1403
+ undefined,
1404
+ ],
1405
+ ]
1406
+ }
1407
+ width={750}
1408
+ >
1409
+ <Text
1410
+ allowFontScaling={false}
1411
+ style={
1412
+ Array [
1413
+ Object {
1414
+ "color": "#001f23",
1415
+ "fontFamily": "BeVietnamPro-Regular",
1416
+ "fontSize": 14,
1417
+ "letterSpacing": 0.42,
1418
+ "lineHeight": 22,
1419
+ },
1420
+ Array [
1421
+ Object {
1422
+ "fontFamily": "RebondGrotesque-SemiBold",
1423
+ "fontSize": 32,
1424
+ "lineHeight": 44,
1425
+ "marginBottom": 16,
1426
+ "marginTop": 8,
1427
+ },
1428
+ undefined,
1429
+ ],
1430
+ ]
1431
+ }
1432
+ themeFontSize="medium"
1433
+ themeFontWeight="regular"
1434
+ themeIntent="body"
1435
+ themeTypeface="neutral"
1436
+ >
1437
+ Test slide 4
1438
+ </Text>
1439
+ </View>
1440
+ </View>
1441
+ </View>
1442
+ </View>
1443
+ </RCTScrollView>
1444
+ <View
1445
+ style={
1446
+ Array [
1447
+ Object {
1448
+ "flexDirection": "row",
1449
+ "justifyContent": "space-between",
1450
+ "marginBottom": 24,
1451
+ "paddingHorizontal": 24,
1452
+ "paddingVertical": 16,
1453
+ },
1454
+ undefined,
1455
+ ]
1456
+ }
1457
+ >
1458
+ <View
1459
+ accessibilityState={
1460
+ Object {
1461
+ "disabled": false,
1462
+ }
1463
+ }
1464
+ accessible={true}
1465
+ focusable={true}
1466
+ onClick={[Function]}
1467
+ onResponderGrant={[Function]}
1468
+ onResponderMove={[Function]}
1469
+ onResponderRelease={[Function]}
1470
+ onResponderTerminate={[Function]}
1471
+ onResponderTerminationRequest={[Function]}
1472
+ onStartShouldSetResponder={[Function]}
1473
+ style={
1474
+ Array [
1475
+ Object {
1476
+ "alignItems": "center",
1477
+ "alignSelf": "stretch",
1478
+ "backgroundColor": "#401960",
1479
+ "borderRadius": 32,
1480
+ "flexDirection": "row",
1481
+ "justifyContent": "center",
1482
+ "padding": 16,
1483
+ },
1484
+ undefined,
1485
+ ]
1486
+ }
1487
+ >
1488
+ <Text
1489
+ allowFontScaling={false}
1490
+ disabled={false}
1491
+ ellipsizeMode="tail"
1492
+ numberOfLines={1}
1493
+ style={
1494
+ Array [
1495
+ Object {
1496
+ "color": "#001f23",
1497
+ "fontFamily": "BeVietnamPro-Regular",
1498
+ "fontSize": 14,
1499
+ "letterSpacing": 0.42,
1500
+ "lineHeight": 22,
1501
+ },
1502
+ Array [
1503
+ Object {
1504
+ "color": "#ffffff",
1505
+ "flexShrink": 1,
1506
+ "fontFamily": "BeVietnamPro-SemiBold",
1507
+ "fontSize": 18,
1508
+ "textAlign": "center",
1509
+ },
1510
+ undefined,
1511
+ ],
1512
+ ]
1513
+ }
1514
+ themeFontSize="medium"
1515
+ themeFontWeight="regular"
1516
+ themeIntent="body"
1517
+ themeTypeface="neutral"
1518
+ themeVariant="filled-primary"
1519
+ >
1520
+ Skip
1521
+ </Text>
1522
+ </View>
1523
+ </View>
1524
+ </View>
1525
+ </View>
1526
+ `;
1527
+
1528
+ exports[`Carousel should call skip call back when press skip 1`] = `
1529
+ <View
1530
+ testID="carousel"
1531
+ >
1532
+ <View
1533
+ style={
1534
+ Array [
1535
+ Object {
1536
+ "backgroundColor": "#ece8ef",
1537
+ "bottom": 0,
1538
+ "left": 0,
1539
+ "position": "absolute",
1540
+ "right": 0,
1541
+ "top": 0,
1542
+ },
1543
+ undefined,
1544
+ ]
1545
+ }
1546
+ themeSlideBackground="#ece8ef"
1547
+ />
1548
+ <View
1549
+ style={
1550
+ Array [
1551
+ Object {
1552
+ "alignItems": "center",
1553
+ "height": 48,
1554
+ "justifyContent": "center",
1555
+ },
1556
+ undefined,
1557
+ ]
1558
+ }
1559
+ />
774
1560
  <View
775
1561
  style={
776
1562
  Array [
@@ -1408,7 +2194,6 @@ exports[`Carousel should call skip call back when press skip 1`] = `
1408
2194
  "flexShrink": 1,
1409
2195
  "fontFamily": "BeVietnamPro-SemiBold",
1410
2196
  "fontSize": 18,
1411
- "lineHeight": 24,
1412
2197
  "textAlign": "center",
1413
2198
  },
1414
2199
  undefined,
@@ -1433,7 +2218,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
1433
2218
  },
1434
2219
  Array [
1435
2220
  Object {
1436
- "marginStart": "auto",
2221
+ "paddingVertical": 8,
1437
2222
  },
1438
2223
  undefined,
1439
2224
  ],