@hero-design/rn 8.103.2-alpha.0 → 8.103.3

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 (47) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/CHANGELOG.md +9 -2
  3. package/es/index.js +142 -143
  4. package/eslint.config.js +1 -0
  5. package/lib/index.js +141 -142
  6. package/package.json +1 -1
  7. package/src/components/BottomSheet/StyledBottomSheet.tsx +4 -3
  8. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +153 -170
  9. package/src/components/BottomSheet/index.tsx +42 -31
  10. package/src/components/DatePicker/StyledDatePicker.tsx +1 -0
  11. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +358 -390
  12. package/src/components/PinInput/PinCell.tsx +6 -1
  13. package/src/components/PinInput/StyledPinInput.tsx +2 -2
  14. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +30 -0
  15. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +287 -5
  16. package/src/components/PinInput/__tests__/index.spec.tsx +33 -0
  17. package/src/components/PinInput/index.tsx +6 -2
  18. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +3552 -3616
  19. package/src/components/Select/MultiSelect/index.tsx +15 -4
  20. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +2469 -2517
  21. package/src/components/Select/SingleSelect/index.tsx +15 -4
  22. package/src/components/Select/index.internal.tsx +13 -0
  23. package/src/components/Select/index.tsx +14 -2
  24. package/src/components/Select/types.ts +4 -0
  25. package/src/components/TimePicker/StyledTimePicker.tsx +1 -0
  26. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +178 -194
  27. package/src/index.internal.ts +5 -0
  28. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +0 -1
  29. package/src/theme/components/bottomSheet.ts +0 -1
  30. package/src/types.internal.ts +8 -0
  31. package/stats/8.103.1/rn-stats.html +1 -3
  32. package/stats/8.103.2/rn-stats.html +4844 -0
  33. package/stats/8.103.3/rn-stats.html +4844 -0
  34. package/types/components/BottomSheet/StyledBottomSheet.d.ts +1 -1
  35. package/types/components/Checkbox/index.d.ts +1 -1
  36. package/types/components/PinInput/StyledPinInput.d.ts +2 -4
  37. package/types/components/Select/MultiSelect/index.d.ts +5 -1
  38. package/types/components/Select/SingleSelect/index.d.ts +5 -1
  39. package/types/components/Select/index.d.ts +5 -3
  40. package/types/components/Select/index.internal.d.ts +8 -0
  41. package/types/components/Select/types.d.ts +4 -0
  42. package/types/components/TextInput/index.d.ts +1 -1
  43. package/types/index.internal.d.ts +4 -0
  44. package/types/theme/components/bottomSheet.d.ts +0 -1
  45. package/types/types.internal.d.ts +3 -0
  46. package/src/components/BottomSheet/ContentContainer.tsx +0 -34
  47. package/types/components/BottomSheet/ContentContainer.d.ts +0 -10
package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap CHANGED
@@ -390,271 +390,255 @@ exports[`DatePickerIOS renders correctly 1`] = `
390
390
  }
391
391
  }
392
392
  />
393
- <RNCSafeAreaView
394
- edges={
395
- {
396
- "bottom": "off",
397
- "left": "additive",
398
- "right": "additive",
399
- "top": "additive",
400
- }
401
- }
393
+ <RCTSafeAreaView
394
+ collapsable={false}
402
395
  style={
403
396
  {
397
+ "backgroundColor": "#ffffff",
398
+ "borderTopLeftRadius": 16,
399
+ "borderTopRightRadius": 16,
404
400
  "maxHeight": "94%",
401
+ "transform": [
402
+ {
403
+ "scaleY": 1,
404
+ },
405
+ {
406
+ "translateY": 0,
407
+ },
408
+ ],
409
+ "width": "100%",
405
410
  }
406
411
  }
407
412
  >
408
413
  <View
409
- collapsable={false}
410
414
  style={
411
- {
412
- "backgroundColor": "#ffffff",
413
- "borderTopLeftRadius": 16,
414
- "borderTopRightRadius": 16,
415
- "maxHeight": "100%",
416
- "paddingBottom": 24,
417
- "transform": [
418
- {
419
- "scaleY": 1,
420
- },
421
- {
422
- "translateY": 0,
423
- },
424
- ],
425
- "width": "100%",
426
- }
415
+ [
416
+ {
417
+ "flexDirection": "row",
418
+ "paddingHorizontal": 16,
419
+ "paddingVertical": 8,
420
+ },
421
+ undefined,
422
+ ]
427
423
  }
428
424
  >
429
425
  <View
430
426
  style={
431
427
  [
432
428
  {
433
- "flexDirection": "row",
434
- "paddingHorizontal": 16,
435
- "paddingVertical": 8,
429
+ "flex": 1,
430
+ "justifyContent": "center",
436
431
  },
437
432
  undefined,
438
433
  ]
439
434
  }
440
435
  >
441
- <View
436
+ <Text
437
+ allowFontScaling={false}
442
438
  style={
443
439
  [
444
440
  {
445
- "flex": 1,
446
- "justifyContent": "center",
441
+ "color": "#001f23",
442
+ "fontFamily": "BeVietnamPro-SemiBold",
443
+ "fontSize": 16,
444
+ "letterSpacing": 0.24,
445
+ "lineHeight": 24,
447
446
  },
448
447
  undefined,
449
448
  ]
450
449
  }
450
+ themeIntent="body"
451
+ themeTypeface="neutral"
452
+ themeVariant="regular-bold"
451
453
  >
452
- <Text
453
- allowFontScaling={false}
454
+ Start date
455
+ </Text>
456
+ </View>
457
+ <View
458
+ style={
459
+ [
460
+ {
461
+ "alignItems": "flex-end",
462
+ "height": 48,
463
+ "justifyContent": "center",
464
+ "marginLeft": 12,
465
+ "width": 48,
466
+ },
467
+ undefined,
468
+ ]
469
+ }
470
+ >
471
+ <View
472
+ accessibilityState={
473
+ {
474
+ "busy": undefined,
475
+ "checked": undefined,
476
+ "disabled": undefined,
477
+ "expanded": undefined,
478
+ "selected": undefined,
479
+ }
480
+ }
481
+ accessibilityValue={
482
+ {
483
+ "max": undefined,
484
+ "min": undefined,
485
+ "now": undefined,
486
+ "text": undefined,
487
+ }
488
+ }
489
+ accessible={true}
490
+ collapsable={false}
491
+ focusable={true}
492
+ onClick={[Function]}
493
+ onResponderGrant={[Function]}
494
+ onResponderMove={[Function]}
495
+ onResponderRelease={[Function]}
496
+ onResponderTerminate={[Function]}
497
+ onResponderTerminationRequest={[Function]}
498
+ onStartShouldSetResponder={[Function]}
499
+ style={
500
+ {
501
+ "opacity": 1,
502
+ }
503
+ }
504
+ testID="bottom-sheet-close-icon"
505
+ >
506
+ <HeroIcon
507
+ name="cancel"
454
508
  style={
455
509
  [
456
510
  {
457
511
  "color": "#001f23",
458
- "fontFamily": "BeVietnamPro-SemiBold",
459
512
  "fontSize": 16,
460
- "letterSpacing": 0.24,
461
- "lineHeight": 24,
462
513
  },
463
514
  undefined,
464
515
  ]
465
516
  }
466
- themeIntent="body"
467
- themeTypeface="neutral"
468
- themeVariant="regular-bold"
469
- >
470
- Start date
471
- </Text>
472
- </View>
473
- <View
474
- style={
475
- [
476
- {
477
- "alignItems": "flex-end",
478
- "height": 48,
479
- "justifyContent": "center",
480
- "marginLeft": 12,
481
- "width": 48,
482
- },
483
- undefined,
484
- ]
485
- }
486
- >
487
- <View
488
- accessibilityState={
489
- {
490
- "busy": undefined,
491
- "checked": undefined,
492
- "disabled": undefined,
493
- "expanded": undefined,
494
- "selected": undefined,
495
- }
496
- }
497
- accessibilityValue={
498
- {
499
- "max": undefined,
500
- "min": undefined,
501
- "now": undefined,
502
- "text": undefined,
503
- }
504
- }
505
- accessible={true}
506
- collapsable={false}
507
- focusable={true}
508
- onClick={[Function]}
509
- onResponderGrant={[Function]}
510
- onResponderMove={[Function]}
511
- onResponderRelease={[Function]}
512
- onResponderTerminate={[Function]}
513
- onResponderTerminationRequest={[Function]}
514
- onStartShouldSetResponder={[Function]}
515
- style={
516
- {
517
- "opacity": 1,
518
- }
519
- }
520
- testID="bottom-sheet-close-icon"
521
- >
522
- <HeroIcon
523
- name="cancel"
524
- style={
525
- [
526
- {
527
- "color": "#001f23",
528
- "fontSize": 16,
529
- },
530
- undefined,
531
- ]
532
- }
533
- themeIntent="text"
534
- themeSize="xsmall"
535
- />
536
- </View>
517
+ themeIntent="text"
518
+ themeSize="xsmall"
519
+ />
537
520
  </View>
538
521
  </View>
522
+ </View>
523
+ <View
524
+ style={
525
+ [
526
+ {
527
+ "alignItems": "center",
528
+ "height": 176,
529
+ },
530
+ undefined,
531
+ ]
532
+ }
533
+ >
534
+ <Picker
535
+ display="spinner"
536
+ locale="en-AU"
537
+ mode="date"
538
+ onChange={[Function]}
539
+ style={
540
+ {
541
+ "flex": 1,
542
+ }
543
+ }
544
+ testID="datePickerIOS"
545
+ textColor="#001f23"
546
+ value={1995-12-21T00:00:00.000Z}
547
+ />
548
+ </View>
549
+ <View>
539
550
  <View
540
551
  style={
541
552
  [
542
553
  {
543
- "height": 176,
554
+ "alignItems": "center",
555
+ "flexDirection": "row",
556
+ "justifyContent": "flex-end",
557
+ "paddingHorizontal": 12,
558
+ "paddingVertical": 2,
544
559
  },
545
560
  undefined,
546
561
  ]
547
562
  }
548
563
  >
549
- <Picker
550
- display="spinner"
551
- locale="en-AU"
552
- mode="date"
553
- onChange={[Function]}
554
- style={
564
+ <View
565
+ accessibilityState={
555
566
  {
556
- "flex": 1,
567
+ "disabled": false,
557
568
  }
558
569
  }
559
- testID="datePickerIOS"
560
- textColor="#001f23"
561
- value={1995-12-21T00:00:00.000Z}
562
- />
563
- </View>
564
- <View>
565
- <View
570
+ accessibilityValue={
571
+ {
572
+ "max": undefined,
573
+ "min": undefined,
574
+ "now": undefined,
575
+ "text": undefined,
576
+ }
577
+ }
578
+ accessible={true}
579
+ focusable={true}
580
+ onClick={[Function]}
581
+ onResponderGrant={[Function]}
582
+ onResponderMove={[Function]}
583
+ onResponderRelease={[Function]}
584
+ onResponderTerminate={[Function]}
585
+ onResponderTerminationRequest={[Function]}
586
+ onStartShouldSetResponder={[Function]}
566
587
  style={
567
588
  [
568
589
  {
569
590
  "alignItems": "center",
591
+ "backgroundColor": "transparent",
592
+ "borderRadius": 4,
593
+ "borderWidth": 0,
570
594
  "flexDirection": "row",
571
- "justifyContent": "flex-end",
572
- "paddingHorizontal": 12,
573
- "paddingVertical": 2,
595
+ "height": 60,
596
+ "justifyContent": "center",
597
+ "padding": 12,
574
598
  },
575
599
  undefined,
576
600
  ]
577
601
  }
578
602
  >
579
- <View
580
- accessibilityState={
581
- {
582
- "disabled": false,
583
- }
584
- }
585
- accessibilityValue={
586
- {
587
- "max": undefined,
588
- "min": undefined,
589
- "now": undefined,
590
- "text": undefined,
591
- }
592
- }
593
- accessible={true}
594
- focusable={true}
595
- onClick={[Function]}
596
- onResponderGrant={[Function]}
597
- onResponderMove={[Function]}
598
- onResponderRelease={[Function]}
599
- onResponderTerminate={[Function]}
600
- onResponderTerminationRequest={[Function]}
601
- onStartShouldSetResponder={[Function]}
603
+ <Text
604
+ allowFontScaling={false}
605
+ disabled={false}
606
+ ellipsizeMode="tail"
607
+ numberOfLines={1}
602
608
  style={
603
609
  [
604
610
  {
605
- "alignItems": "center",
606
- "backgroundColor": "transparent",
607
- "borderRadius": 4,
608
- "borderWidth": 0,
609
- "flexDirection": "row",
610
- "height": 60,
611
- "justifyContent": "center",
612
- "padding": 12,
611
+ "color": "#001f23",
612
+ "fontFamily": "BeVietnamPro-SemiBold",
613
+ "fontSize": 16,
614
+ "letterSpacing": 0.24,
615
+ "lineHeight": 24,
613
616
  },
614
- undefined,
615
- ]
616
- }
617
- >
618
- <Text
619
- allowFontScaling={false}
620
- disabled={false}
621
- ellipsizeMode="tail"
622
- numberOfLines={1}
623
- style={
624
617
  [
625
618
  {
626
- "color": "#001f23",
627
- "fontFamily": "BeVietnamPro-SemiBold",
628
- "fontSize": 16,
629
- "letterSpacing": 0.24,
630
- "lineHeight": 24,
619
+ "color": "#401960",
620
+ "flexShrink": 1,
621
+ "lineHeight": 22,
622
+ "textAlign": "center",
623
+ "textAlignVertical": "center",
631
624
  },
632
- [
633
- {
634
- "color": "#401960",
635
- "flexShrink": 1,
636
- "lineHeight": 22,
637
- "textAlign": "center",
638
- "textAlignVertical": "center",
639
- },
640
- undefined,
641
- ],
642
- ]
643
- }
644
- themeButtonVariant="text-primary"
645
- themeIntent="body"
646
- themeIsCompact={false}
647
- themeIsPressed={false}
648
- themeTypeface="neutral"
649
- themeVariant="regular-bold"
650
- >
651
- Confirm
652
- </Text>
653
- </View>
625
+ undefined,
626
+ ],
627
+ ]
628
+ }
629
+ themeButtonVariant="text-primary"
630
+ themeIntent="body"
631
+ themeIsCompact={false}
632
+ themeIsPressed={false}
633
+ themeTypeface="neutral"
634
+ themeVariant="regular-bold"
635
+ >
636
+ Confirm
637
+ </Text>
654
638
  </View>
655
639
  </View>
656
640
  </View>
657
- </RNCSafeAreaView>
641
+ </RCTSafeAreaView>
658
642
  </View>
659
643
  </View>
660
644
  </View>
@@ -1075,271 +1059,255 @@ exports[`DatePickerIOS renders correctly with custom locale 1`] = `
1075
1059
  }
1076
1060
  }
1077
1061
  />
1078
- <RNCSafeAreaView
1079
- edges={
1080
- {
1081
- "bottom": "off",
1082
- "left": "additive",
1083
- "right": "additive",
1084
- "top": "additive",
1085
- }
1086
- }
1062
+ <RCTSafeAreaView
1063
+ collapsable={false}
1087
1064
  style={
1088
1065
  {
1066
+ "backgroundColor": "#ffffff",
1067
+ "borderTopLeftRadius": 16,
1068
+ "borderTopRightRadius": 16,
1089
1069
  "maxHeight": "94%",
1070
+ "transform": [
1071
+ {
1072
+ "scaleY": 1,
1073
+ },
1074
+ {
1075
+ "translateY": 0,
1076
+ },
1077
+ ],
1078
+ "width": "100%",
1090
1079
  }
1091
1080
  }
1092
1081
  >
1093
1082
  <View
1094
- collapsable={false}
1095
1083
  style={
1096
- {
1097
- "backgroundColor": "#ffffff",
1098
- "borderTopLeftRadius": 16,
1099
- "borderTopRightRadius": 16,
1100
- "maxHeight": "100%",
1101
- "paddingBottom": 24,
1102
- "transform": [
1103
- {
1104
- "scaleY": 1,
1105
- },
1106
- {
1107
- "translateY": 0,
1108
- },
1109
- ],
1110
- "width": "100%",
1111
- }
1084
+ [
1085
+ {
1086
+ "flexDirection": "row",
1087
+ "paddingHorizontal": 16,
1088
+ "paddingVertical": 8,
1089
+ },
1090
+ undefined,
1091
+ ]
1112
1092
  }
1113
1093
  >
1114
1094
  <View
1115
1095
  style={
1116
1096
  [
1117
1097
  {
1118
- "flexDirection": "row",
1119
- "paddingHorizontal": 16,
1120
- "paddingVertical": 8,
1098
+ "flex": 1,
1099
+ "justifyContent": "center",
1121
1100
  },
1122
1101
  undefined,
1123
1102
  ]
1124
1103
  }
1125
1104
  >
1126
- <View
1105
+ <Text
1106
+ allowFontScaling={false}
1127
1107
  style={
1128
1108
  [
1129
1109
  {
1130
- "flex": 1,
1131
- "justifyContent": "center",
1110
+ "color": "#001f23",
1111
+ "fontFamily": "BeVietnamPro-SemiBold",
1112
+ "fontSize": 16,
1113
+ "letterSpacing": 0.24,
1114
+ "lineHeight": 24,
1132
1115
  },
1133
1116
  undefined,
1134
1117
  ]
1135
1118
  }
1119
+ themeIntent="body"
1120
+ themeTypeface="neutral"
1121
+ themeVariant="regular-bold"
1136
1122
  >
1137
- <Text
1138
- allowFontScaling={false}
1123
+ Start date
1124
+ </Text>
1125
+ </View>
1126
+ <View
1127
+ style={
1128
+ [
1129
+ {
1130
+ "alignItems": "flex-end",
1131
+ "height": 48,
1132
+ "justifyContent": "center",
1133
+ "marginLeft": 12,
1134
+ "width": 48,
1135
+ },
1136
+ undefined,
1137
+ ]
1138
+ }
1139
+ >
1140
+ <View
1141
+ accessibilityState={
1142
+ {
1143
+ "busy": undefined,
1144
+ "checked": undefined,
1145
+ "disabled": undefined,
1146
+ "expanded": undefined,
1147
+ "selected": undefined,
1148
+ }
1149
+ }
1150
+ accessibilityValue={
1151
+ {
1152
+ "max": undefined,
1153
+ "min": undefined,
1154
+ "now": undefined,
1155
+ "text": undefined,
1156
+ }
1157
+ }
1158
+ accessible={true}
1159
+ collapsable={false}
1160
+ focusable={true}
1161
+ onClick={[Function]}
1162
+ onResponderGrant={[Function]}
1163
+ onResponderMove={[Function]}
1164
+ onResponderRelease={[Function]}
1165
+ onResponderTerminate={[Function]}
1166
+ onResponderTerminationRequest={[Function]}
1167
+ onStartShouldSetResponder={[Function]}
1168
+ style={
1169
+ {
1170
+ "opacity": 1,
1171
+ }
1172
+ }
1173
+ testID="bottom-sheet-close-icon"
1174
+ >
1175
+ <HeroIcon
1176
+ name="cancel"
1139
1177
  style={
1140
1178
  [
1141
1179
  {
1142
1180
  "color": "#001f23",
1143
- "fontFamily": "BeVietnamPro-SemiBold",
1144
1181
  "fontSize": 16,
1145
- "letterSpacing": 0.24,
1146
- "lineHeight": 24,
1147
1182
  },
1148
1183
  undefined,
1149
1184
  ]
1150
1185
  }
1151
- themeIntent="body"
1152
- themeTypeface="neutral"
1153
- themeVariant="regular-bold"
1154
- >
1155
- Start date
1156
- </Text>
1157
- </View>
1158
- <View
1159
- style={
1160
- [
1161
- {
1162
- "alignItems": "flex-end",
1163
- "height": 48,
1164
- "justifyContent": "center",
1165
- "marginLeft": 12,
1166
- "width": 48,
1167
- },
1168
- undefined,
1169
- ]
1170
- }
1171
- >
1172
- <View
1173
- accessibilityState={
1174
- {
1175
- "busy": undefined,
1176
- "checked": undefined,
1177
- "disabled": undefined,
1178
- "expanded": undefined,
1179
- "selected": undefined,
1180
- }
1181
- }
1182
- accessibilityValue={
1183
- {
1184
- "max": undefined,
1185
- "min": undefined,
1186
- "now": undefined,
1187
- "text": undefined,
1188
- }
1189
- }
1190
- accessible={true}
1191
- collapsable={false}
1192
- focusable={true}
1193
- onClick={[Function]}
1194
- onResponderGrant={[Function]}
1195
- onResponderMove={[Function]}
1196
- onResponderRelease={[Function]}
1197
- onResponderTerminate={[Function]}
1198
- onResponderTerminationRequest={[Function]}
1199
- onStartShouldSetResponder={[Function]}
1200
- style={
1201
- {
1202
- "opacity": 1,
1203
- }
1204
- }
1205
- testID="bottom-sheet-close-icon"
1206
- >
1207
- <HeroIcon
1208
- name="cancel"
1209
- style={
1210
- [
1211
- {
1212
- "color": "#001f23",
1213
- "fontSize": 16,
1214
- },
1215
- undefined,
1216
- ]
1217
- }
1218
- themeIntent="text"
1219
- themeSize="xsmall"
1220
- />
1221
- </View>
1186
+ themeIntent="text"
1187
+ themeSize="xsmall"
1188
+ />
1222
1189
  </View>
1223
1190
  </View>
1191
+ </View>
1192
+ <View
1193
+ style={
1194
+ [
1195
+ {
1196
+ "alignItems": "center",
1197
+ "height": 176,
1198
+ },
1199
+ undefined,
1200
+ ]
1201
+ }
1202
+ >
1203
+ <Picker
1204
+ display="spinner"
1205
+ locale="zh-CN"
1206
+ mode="date"
1207
+ onChange={[Function]}
1208
+ style={
1209
+ {
1210
+ "flex": 1,
1211
+ }
1212
+ }
1213
+ testID="datePickerIOS"
1214
+ textColor="#001f23"
1215
+ value={1995-12-21T00:00:00.000Z}
1216
+ />
1217
+ </View>
1218
+ <View>
1224
1219
  <View
1225
1220
  style={
1226
1221
  [
1227
1222
  {
1228
- "height": 176,
1223
+ "alignItems": "center",
1224
+ "flexDirection": "row",
1225
+ "justifyContent": "flex-end",
1226
+ "paddingHorizontal": 12,
1227
+ "paddingVertical": 2,
1229
1228
  },
1230
1229
  undefined,
1231
1230
  ]
1232
1231
  }
1233
1232
  >
1234
- <Picker
1235
- display="spinner"
1236
- locale="zh-CN"
1237
- mode="date"
1238
- onChange={[Function]}
1239
- style={
1233
+ <View
1234
+ accessibilityState={
1240
1235
  {
1241
- "flex": 1,
1236
+ "disabled": false,
1242
1237
  }
1243
1238
  }
1244
- testID="datePickerIOS"
1245
- textColor="#001f23"
1246
- value={1995-12-21T00:00:00.000Z}
1247
- />
1248
- </View>
1249
- <View>
1250
- <View
1239
+ accessibilityValue={
1240
+ {
1241
+ "max": undefined,
1242
+ "min": undefined,
1243
+ "now": undefined,
1244
+ "text": undefined,
1245
+ }
1246
+ }
1247
+ accessible={true}
1248
+ focusable={true}
1249
+ onClick={[Function]}
1250
+ onResponderGrant={[Function]}
1251
+ onResponderMove={[Function]}
1252
+ onResponderRelease={[Function]}
1253
+ onResponderTerminate={[Function]}
1254
+ onResponderTerminationRequest={[Function]}
1255
+ onStartShouldSetResponder={[Function]}
1251
1256
  style={
1252
1257
  [
1253
1258
  {
1254
1259
  "alignItems": "center",
1260
+ "backgroundColor": "transparent",
1261
+ "borderRadius": 4,
1262
+ "borderWidth": 0,
1255
1263
  "flexDirection": "row",
1256
- "justifyContent": "flex-end",
1257
- "paddingHorizontal": 12,
1258
- "paddingVertical": 2,
1264
+ "height": 60,
1265
+ "justifyContent": "center",
1266
+ "padding": 12,
1259
1267
  },
1260
1268
  undefined,
1261
1269
  ]
1262
1270
  }
1263
1271
  >
1264
- <View
1265
- accessibilityState={
1266
- {
1267
- "disabled": false,
1268
- }
1269
- }
1270
- accessibilityValue={
1271
- {
1272
- "max": undefined,
1273
- "min": undefined,
1274
- "now": undefined,
1275
- "text": undefined,
1276
- }
1277
- }
1278
- accessible={true}
1279
- focusable={true}
1280
- onClick={[Function]}
1281
- onResponderGrant={[Function]}
1282
- onResponderMove={[Function]}
1283
- onResponderRelease={[Function]}
1284
- onResponderTerminate={[Function]}
1285
- onResponderTerminationRequest={[Function]}
1286
- onStartShouldSetResponder={[Function]}
1272
+ <Text
1273
+ allowFontScaling={false}
1274
+ disabled={false}
1275
+ ellipsizeMode="tail"
1276
+ numberOfLines={1}
1287
1277
  style={
1288
1278
  [
1289
1279
  {
1290
- "alignItems": "center",
1291
- "backgroundColor": "transparent",
1292
- "borderRadius": 4,
1293
- "borderWidth": 0,
1294
- "flexDirection": "row",
1295
- "height": 60,
1296
- "justifyContent": "center",
1297
- "padding": 12,
1280
+ "color": "#001f23",
1281
+ "fontFamily": "BeVietnamPro-SemiBold",
1282
+ "fontSize": 16,
1283
+ "letterSpacing": 0.24,
1284
+ "lineHeight": 24,
1298
1285
  },
1299
- undefined,
1300
- ]
1301
- }
1302
- >
1303
- <Text
1304
- allowFontScaling={false}
1305
- disabled={false}
1306
- ellipsizeMode="tail"
1307
- numberOfLines={1}
1308
- style={
1309
1286
  [
1310
1287
  {
1311
- "color": "#001f23",
1312
- "fontFamily": "BeVietnamPro-SemiBold",
1313
- "fontSize": 16,
1314
- "letterSpacing": 0.24,
1315
- "lineHeight": 24,
1288
+ "color": "#401960",
1289
+ "flexShrink": 1,
1290
+ "lineHeight": 22,
1291
+ "textAlign": "center",
1292
+ "textAlignVertical": "center",
1316
1293
  },
1317
- [
1318
- {
1319
- "color": "#401960",
1320
- "flexShrink": 1,
1321
- "lineHeight": 22,
1322
- "textAlign": "center",
1323
- "textAlignVertical": "center",
1324
- },
1325
- undefined,
1326
- ],
1327
- ]
1328
- }
1329
- themeButtonVariant="text-primary"
1330
- themeIntent="body"
1331
- themeIsCompact={false}
1332
- themeIsPressed={false}
1333
- themeTypeface="neutral"
1334
- themeVariant="regular-bold"
1335
- >
1336
- Confirm
1337
- </Text>
1338
- </View>
1294
+ undefined,
1295
+ ],
1296
+ ]
1297
+ }
1298
+ themeButtonVariant="text-primary"
1299
+ themeIntent="body"
1300
+ themeIsCompact={false}
1301
+ themeIsPressed={false}
1302
+ themeTypeface="neutral"
1303
+ themeVariant="regular-bold"
1304
+ >
1305
+ Confirm
1306
+ </Text>
1339
1307
  </View>
1340
1308
  </View>
1341
1309
  </View>
1342
- </RNCSafeAreaView>
1310
+ </RCTSafeAreaView>
1343
1311
  </View>
1344
1312
  </View>
1345
1313
  </View>