@hero-design/rn 7.28.0 → 7.29.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 (80) hide show
  1. package/.eslintrc.js +2 -1
  2. package/.turbo/turbo-build.log +9 -9
  3. package/es/index.js +119 -95
  4. package/lib/index.js +119 -95
  5. package/package.json +5 -4
  6. package/src/components/Alert/index.tsx +1 -0
  7. package/src/components/BottomSheet/Header.tsx +1 -1
  8. package/src/components/BottomSheet/StyledBottomSheet.tsx +1 -2
  9. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +12 -14
  10. package/src/components/DatePicker/DatePickerIOS.tsx +5 -11
  11. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +1 -0
  12. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +35 -16
  13. package/src/components/Empty/StyledEmpty.tsx +1 -1
  14. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +10 -10
  15. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  16. package/src/components/FAB/ActionGroup/index.tsx +1 -1
  17. package/src/components/List/ListItem.tsx +2 -2
  18. package/src/components/Progress/ProgressCircle.tsx +1 -1
  19. package/src/components/Select/{StyledOptionList.tsx → BaseOptionList.tsx} +6 -6
  20. package/src/components/Select/Footer.tsx +2 -7
  21. package/src/components/Select/MultiSelect/Option.tsx +24 -11
  22. package/src/components/Select/MultiSelect/OptionList.tsx +3 -2
  23. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +3 -2
  24. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +47 -21
  25. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +204 -107
  26. package/src/components/Select/MultiSelect/index.tsx +16 -0
  27. package/src/components/Select/SingleSelect/Option.tsx +12 -12
  28. package/src/components/Select/SingleSelect/OptionList.tsx +3 -2
  29. package/src/components/Select/SingleSelect/StyledSingleSelect.tsx +6 -0
  30. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +0 -1
  31. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +32 -16
  32. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +70 -54
  33. package/src/components/Select/SingleSelect/index.tsx +16 -0
  34. package/src/components/Select/StyledSelect.tsx +6 -7
  35. package/src/components/Select/types.ts +1 -0
  36. package/src/components/Tabs/ScrollableTabs.tsx +1 -1
  37. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +9 -3
  38. package/src/components/Tag/index.tsx +2 -2
  39. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +12 -0
  40. package/src/components/TextInput/__tests__/index.spec.tsx +4 -2
  41. package/src/components/TextInput/index.tsx +7 -1
  42. package/src/components/TimePicker/TimePickerIOS.tsx +5 -11
  43. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +1 -0
  44. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +35 -16
  45. package/src/components/Toast/ToastContainer.tsx +1 -1
  46. package/src/components/Toast/ToastProvider.tsx +10 -1
  47. package/src/components/Toast/__tests__/ToastContainer.spec.tsx +5 -5
  48. package/src/components/Toast/__tests__/__snapshots__/ToastContainer.spec.tsx.snap +4 -4
  49. package/src/components/Typography/Text/StyledText.tsx +2 -1
  50. package/src/components/Typography/Text/index.tsx +2 -1
  51. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +19 -15
  52. package/src/theme/components/bottomSheet.ts +4 -5
  53. package/src/theme/components/empty.ts +6 -5
  54. package/src/theme/components/fab.ts +1 -1
  55. package/src/theme/components/select.ts +4 -6
  56. package/src/theme/components/typography.ts +2 -0
  57. package/src/theme/global/colors/global.ts +1 -0
  58. package/src/theme/global/colors/types.ts +1 -0
  59. package/src/theme/global/typography.ts +4 -1
  60. package/types/components/Alert/index.d.ts +1 -0
  61. package/types/components/List/ListItem.d.ts +2 -2
  62. package/types/components/Select/{StyledOptionList.d.ts → BaseOptionList.d.ts} +3 -3
  63. package/types/components/Select/MultiSelect/Option.d.ts +2 -1
  64. package/types/components/Select/SingleSelect/Option.d.ts +2 -1
  65. package/types/components/Select/SingleSelect/StyledSingleSelect.d.ts +1 -0
  66. package/types/components/Select/StyledSelect.d.ts +3 -6
  67. package/types/components/Select/types.d.ts +1 -0
  68. package/types/components/Toast/ToastProvider.d.ts +1 -1
  69. package/types/components/Toast/index.d.ts +1 -1
  70. package/types/components/Typography/Text/StyledText.d.ts +1 -1
  71. package/types/components/Typography/Text/index.d.ts +1 -1
  72. package/types/theme/components/bottomSheet.d.ts +0 -1
  73. package/types/theme/components/empty.d.ts +1 -0
  74. package/types/theme/components/select.d.ts +3 -4
  75. package/types/theme/components/typography.d.ts +2 -0
  76. package/types/theme/global/colors/types.d.ts +1 -0
  77. package/types/theme/global/index.d.ts +1 -0
  78. package/types/theme/global/typography.d.ts +1 -0
  79. package/src/components/Select/__tests__/StyledSelect.spec.tsx +0 -14
  80. package/src/components/Select/__tests__/__snapshots__/StyledSelect.spec.tsx.snap +0 -29
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -142,6 +142,7 @@ Array [
142
142
  onBlur={[Function]}
143
143
  onChangeText={[Function]}
144
144
  onFocus={[Function]}
145
+ placeholder=" "
145
146
  pointerEvents="none"
146
147
  style={
147
148
  Array [
@@ -258,7 +259,7 @@ Array [
258
259
  onStartShouldSetResponder={[Function]}
259
260
  style={
260
261
  Object {
261
- "backgroundColor": "#001f23",
262
+ "backgroundColor": "#000000",
262
263
  "bottom": 0,
263
264
  "left": 0,
264
265
  "opacity": 0.48,
@@ -283,8 +284,8 @@ Array [
283
284
  "height": 3,
284
285
  "width": 0,
285
286
  },
286
- "shadowOpacity": 0.27,
287
- "shadowRadius": 4.65,
287
+ "shadowOpacity": 0.4,
288
+ "shadowRadius": 16,
288
289
  "transform": Array [
289
290
  Object {
290
291
  "scaleY": 1,
@@ -378,13 +379,13 @@ Array [
378
379
  Array [
379
380
  Object {
380
381
  "color": "#001f23",
381
- "fontSize": 20,
382
+ "fontSize": 16,
382
383
  },
383
384
  undefined,
384
385
  ]
385
386
  }
386
387
  themeIntent="text"
387
- themeSize="small"
388
+ themeSize="xsmall"
388
389
  />
389
390
  </View>
390
391
  </View>
@@ -457,7 +458,14 @@ Array [
457
458
  4,
458
459
  ]
459
460
  }
460
- style={Object {}}
461
+ style={
462
+ Array [
463
+ Object {
464
+ "paddingHorizontal": 12,
465
+ },
466
+ Object {},
467
+ ]
468
+ }
461
469
  >
462
470
  <View>
463
471
  <View
@@ -1270,9 +1278,8 @@ Array [
1270
1278
  "alignItems": "center",
1271
1279
  "flexDirection": "row",
1272
1280
  "justifyContent": "flex-end",
1273
- "minHeight": 64,
1274
1281
  "paddingHorizontal": 12,
1275
- "paddingVertical": 8,
1282
+ "paddingVertical": 2,
1276
1283
  },
1277
1284
  undefined,
1278
1285
  ]
@@ -1290,32 +1297,46 @@ Array [
1290
1297
  onStartShouldSetResponder={[Function]}
1291
1298
  style={
1292
1299
  Object {
1300
+ "alignItems": "center",
1301
+ "borderWidth": 0,
1302
+ "flexDirection": "row",
1303
+ "justifyContent": "center",
1293
1304
  "opacity": 1,
1305
+ "padding": 16,
1294
1306
  }
1295
1307
  }
1296
1308
  >
1297
1309
  <Text
1310
+ disabled={false}
1311
+ ellipsizeMode="tail"
1312
+ numberOfLines={1}
1298
1313
  style={
1299
1314
  Array [
1300
1315
  Object {
1301
1316
  "color": "#001f23",
1302
- "fontFamily": "BeVietnamPro-SemiBold",
1303
- "fontSize": 16,
1304
- "letterSpacing": 0.48,
1305
- "lineHeight": 24,
1317
+ "fontFamily": "BeVietnamPro-Regular",
1318
+ "fontSize": 14,
1319
+ "letterSpacing": 0.42,
1320
+ "lineHeight": 22,
1306
1321
  },
1307
1322
  Array [
1308
1323
  Object {
1309
- "color": "#795e90",
1324
+ "color": "#401960",
1325
+ "flexShrink": 1,
1326
+ "fontFamily": "BeVietnamPro-SemiBold",
1327
+ "fontSize": 16,
1328
+ "lineHeight": 24,
1329
+ "textAlign": "center",
1310
1330
  },
1311
1331
  undefined,
1312
1332
  ],
1313
1333
  ]
1314
1334
  }
1315
- themeFontSize="large"
1316
- themeFontWeight="semi-bold"
1335
+ themeFontSize="medium"
1336
+ themeFontWeight="regular"
1317
1337
  themeIntent="body"
1318
1338
  themeTypeface="neutral"
1339
+ themeVariant="text-primary"
1319
1340
  >
1320
1341
  Confirm
1321
1342
  </Text>
@@ -1468,6 +1489,7 @@ Array [
1468
1489
  onBlur={[Function]}
1469
1490
  onChangeText={[Function]}
1470
1491
  onFocus={[Function]}
1492
+ placeholder=" "
1471
1493
  pointerEvents="none"
1472
1494
  style={
1473
1495
  Array [
@@ -1585,7 +1607,7 @@ Array [
1585
1607
  onStartShouldSetResponder={[Function]}
1586
1608
  style={
1587
1609
  Object {
1588
- "backgroundColor": "#001f23",
1610
+ "backgroundColor": "#000000",
1589
1611
  "bottom": 0,
1590
1612
  "left": 0,
1591
1613
  "opacity": 0.48,
@@ -1612,8 +1634,8 @@ Array [
1612
1634
  "height": 3,
1613
1635
  "width": 0,
1614
1636
  },
1615
- "shadowOpacity": 0.27,
1616
- "shadowRadius": 4.65,
1637
+ "shadowOpacity": 0.4,
1638
+ "shadowRadius": 16,
1617
1639
  "transform": Array [
1618
1640
  Object {
1619
1641
  "scaleY": 1,
@@ -1709,13 +1731,13 @@ Array [
1709
1731
  Array [
1710
1732
  Object {
1711
1733
  "color": "#001f23",
1712
- "fontSize": 20,
1734
+ "fontSize": 16,
1713
1735
  },
1714
1736
  undefined,
1715
1737
  ]
1716
1738
  }
1717
1739
  themeIntent="text"
1718
- themeSize="small"
1740
+ themeSize="xsmall"
1719
1741
  />
1720
1742
  </View>
1721
1743
  </View>
@@ -1791,7 +1813,14 @@ Array [
1791
1813
  0,
1792
1814
  ]
1793
1815
  }
1794
- style={Object {}}
1816
+ style={
1817
+ Array [
1818
+ Object {
1819
+ "paddingHorizontal": 12,
1820
+ },
1821
+ Object {},
1822
+ ]
1823
+ }
1795
1824
  >
1796
1825
  <View>
1797
1826
  <View
@@ -1874,7 +1903,6 @@ Array [
1874
1903
  "backgroundColor": "#ece8ef",
1875
1904
  "borderRadius": 4,
1876
1905
  "flexDirection": "row",
1877
- "marginHorizontal": 12,
1878
1906
  "opacity": 1,
1879
1907
  "padding": 16,
1880
1908
  }
@@ -1929,7 +1957,9 @@ Array [
1929
1957
  "color": "#401960",
1930
1958
  "fontSize": 20,
1931
1959
  },
1932
- undefined,
1960
+ Object {
1961
+ "marginRight": 12,
1962
+ },
1933
1963
  ]
1934
1964
  }
1935
1965
  themeIntent="primary"
@@ -2021,7 +2051,6 @@ Array [
2021
2051
  "backgroundColor": "#ece8ef",
2022
2052
  "borderRadius": 4,
2023
2053
  "flexDirection": "row",
2024
- "marginHorizontal": 12,
2025
2054
  "opacity": 1,
2026
2055
  "padding": 16,
2027
2056
  }
@@ -2076,7 +2105,9 @@ Array [
2076
2105
  "color": "#401960",
2077
2106
  "fontSize": 20,
2078
2107
  },
2079
- undefined,
2108
+ Object {
2109
+ "marginRight": 12,
2110
+ },
2080
2111
  ]
2081
2112
  }
2082
2113
  themeIntent="primary"
@@ -2168,7 +2199,6 @@ Array [
2168
2199
  "backgroundColor": "#ffffff",
2169
2200
  "borderRadius": 4,
2170
2201
  "flexDirection": "row",
2171
- "marginHorizontal": 12,
2172
2202
  "opacity": 1,
2173
2203
  "padding": 16,
2174
2204
  }
@@ -2290,7 +2320,6 @@ Array [
2290
2320
  "backgroundColor": "#ffffff",
2291
2321
  "borderRadius": 4,
2292
2322
  "flexDirection": "row",
2293
- "marginHorizontal": 12,
2294
2323
  "opacity": 1,
2295
2324
  "padding": 16,
2296
2325
  }
@@ -2412,7 +2441,6 @@ Array [
2412
2441
  "backgroundColor": "#ffffff",
2413
2442
  "borderRadius": 4,
2414
2443
  "flexDirection": "row",
2415
- "marginHorizontal": 12,
2416
2444
  "opacity": 1,
2417
2445
  "padding": 16,
2418
2446
  }
@@ -2534,7 +2562,6 @@ Array [
2534
2562
  "backgroundColor": "#ffffff",
2535
2563
  "borderRadius": 4,
2536
2564
  "flexDirection": "row",
2537
- "marginHorizontal": 12,
2538
2565
  "opacity": 1,
2539
2566
  "padding": 16,
2540
2567
  }
@@ -2657,7 +2684,6 @@ Array [
2657
2684
  "backgroundColor": "#ffffff",
2658
2685
  "borderRadius": 4,
2659
2686
  "flexDirection": "row",
2660
- "marginHorizontal": 12,
2661
2687
  "opacity": 0.38,
2662
2688
  "padding": 16,
2663
2689
  }
@@ -2777,9 +2803,8 @@ Array [
2777
2803
  "alignItems": "center",
2778
2804
  "flexDirection": "row",
2779
2805
  "justifyContent": "flex-end",
2780
- "minHeight": 64,
2781
2806
  "paddingHorizontal": 12,
2782
- "paddingVertical": 8,
2807
+ "paddingVertical": 2,
2783
2808
  },
2784
2809
  undefined,
2785
2810
  ]
@@ -2799,32 +2824,46 @@ Array [
2799
2824
  onStartShouldSetResponder={[Function]}
2800
2825
  style={
2801
2826
  Object {
2827
+ "alignItems": "center",
2828
+ "borderWidth": 0,
2829
+ "flexDirection": "row",
2830
+ "justifyContent": "center",
2802
2831
  "opacity": 1,
2832
+ "padding": 16,
2803
2833
  }
2804
2834
  }
2805
2835
  >
2806
2836
  <Text
2837
+ disabled={false}
2838
+ ellipsizeMode="tail"
2839
+ numberOfLines={1}
2807
2840
  style={
2808
2841
  Array [
2809
2842
  Object {
2810
2843
  "color": "#001f23",
2811
- "fontFamily": "BeVietnamPro-SemiBold",
2812
- "fontSize": 16,
2813
- "letterSpacing": 0.48,
2814
- "lineHeight": 24,
2844
+ "fontFamily": "BeVietnamPro-Regular",
2845
+ "fontSize": 14,
2846
+ "letterSpacing": 0.42,
2847
+ "lineHeight": 22,
2815
2848
  },
2816
2849
  Array [
2817
2850
  Object {
2818
- "color": "#795e90",
2851
+ "color": "#401960",
2852
+ "flexShrink": 1,
2853
+ "fontFamily": "BeVietnamPro-SemiBold",
2854
+ "fontSize": 16,
2855
+ "lineHeight": 24,
2856
+ "textAlign": "center",
2819
2857
  },
2820
2858
  undefined,
2821
2859
  ],
2822
2860
  ]
2823
2861
  }
2824
- themeFontSize="large"
2825
- themeFontWeight="semi-bold"
2862
+ themeFontSize="medium"
2863
+ themeFontWeight="regular"
2826
2864
  themeIntent="body"
2827
2865
  themeTypeface="neutral"
2866
+ themeVariant="text-primary"
2828
2867
  >
2829
2868
  Confirm
2830
2869
  </Text>
@@ -2975,6 +3014,7 @@ Array [
2975
3014
  onBlur={[Function]}
2976
3015
  onChangeText={[Function]}
2977
3016
  onFocus={[Function]}
3017
+ placeholder=" "
2978
3018
  pointerEvents="none"
2979
3019
  style={
2980
3020
  Array [
@@ -3091,7 +3131,7 @@ Array [
3091
3131
  onStartShouldSetResponder={[Function]}
3092
3132
  style={
3093
3133
  Object {
3094
- "backgroundColor": "#001f23",
3134
+ "backgroundColor": "#000000",
3095
3135
  "bottom": 0,
3096
3136
  "left": 0,
3097
3137
  "opacity": 0.48,
@@ -3116,8 +3156,8 @@ Array [
3116
3156
  "height": 3,
3117
3157
  "width": 0,
3118
3158
  },
3119
- "shadowOpacity": 0.27,
3120
- "shadowRadius": 4.65,
3159
+ "shadowOpacity": 0.4,
3160
+ "shadowRadius": 16,
3121
3161
  "transform": Array [
3122
3162
  Object {
3123
3163
  "scaleY": 1,
@@ -3211,13 +3251,13 @@ Array [
3211
3251
  Array [
3212
3252
  Object {
3213
3253
  "color": "#001f23",
3214
- "fontSize": 20,
3254
+ "fontSize": 16,
3215
3255
  },
3216
3256
  undefined,
3217
3257
  ]
3218
3258
  }
3219
3259
  themeIntent="text"
3220
- themeSize="small"
3260
+ themeSize="xsmall"
3221
3261
  />
3222
3262
  </View>
3223
3263
  </View>
@@ -3293,7 +3333,14 @@ Array [
3293
3333
  0,
3294
3334
  ]
3295
3335
  }
3296
- style={Object {}}
3336
+ style={
3337
+ Array [
3338
+ Object {
3339
+ "paddingHorizontal": 12,
3340
+ },
3341
+ Object {},
3342
+ ]
3343
+ }
3297
3344
  >
3298
3345
  <View>
3299
3346
  <View
@@ -3374,7 +3421,6 @@ Array [
3374
3421
  "backgroundColor": "#ece8ef",
3375
3422
  "borderRadius": 4,
3376
3423
  "flexDirection": "row",
3377
- "marginHorizontal": 12,
3378
3424
  "opacity": 1,
3379
3425
  "padding": 16,
3380
3426
  }
@@ -3429,7 +3475,9 @@ Array [
3429
3475
  "color": "#401960",
3430
3476
  "fontSize": 20,
3431
3477
  },
3432
- undefined,
3478
+ Object {
3479
+ "marginRight": 12,
3480
+ },
3433
3481
  ]
3434
3482
  }
3435
3483
  themeIntent="primary"
@@ -3519,7 +3567,6 @@ Array [
3519
3567
  "backgroundColor": "#ece8ef",
3520
3568
  "borderRadius": 4,
3521
3569
  "flexDirection": "row",
3522
- "marginHorizontal": 12,
3523
3570
  "opacity": 1,
3524
3571
  "padding": 16,
3525
3572
  }
@@ -3574,7 +3621,9 @@ Array [
3574
3621
  "color": "#401960",
3575
3622
  "fontSize": 20,
3576
3623
  },
3577
- undefined,
3624
+ Object {
3625
+ "marginRight": 12,
3626
+ },
3578
3627
  ]
3579
3628
  }
3580
3629
  themeIntent="primary"
@@ -3664,7 +3713,6 @@ Array [
3664
3713
  "backgroundColor": "#ffffff",
3665
3714
  "borderRadius": 4,
3666
3715
  "flexDirection": "row",
3667
- "marginHorizontal": 12,
3668
3716
  "opacity": 1,
3669
3717
  "padding": 16,
3670
3718
  }
@@ -3784,7 +3832,6 @@ Array [
3784
3832
  "backgroundColor": "#ffffff",
3785
3833
  "borderRadius": 4,
3786
3834
  "flexDirection": "row",
3787
- "marginHorizontal": 12,
3788
3835
  "opacity": 1,
3789
3836
  "padding": 16,
3790
3837
  }
@@ -3904,7 +3951,6 @@ Array [
3904
3951
  "backgroundColor": "#ffffff",
3905
3952
  "borderRadius": 4,
3906
3953
  "flexDirection": "row",
3907
- "marginHorizontal": 12,
3908
3954
  "opacity": 1,
3909
3955
  "padding": 16,
3910
3956
  }
@@ -4024,7 +4070,6 @@ Array [
4024
4070
  "backgroundColor": "#ffffff",
4025
4071
  "borderRadius": 4,
4026
4072
  "flexDirection": "row",
4027
- "marginHorizontal": 12,
4028
4073
  "opacity": 1,
4029
4074
  "padding": 16,
4030
4075
  }
@@ -4145,7 +4190,6 @@ Array [
4145
4190
  "backgroundColor": "#ffffff",
4146
4191
  "borderRadius": 4,
4147
4192
  "flexDirection": "row",
4148
- "marginHorizontal": 12,
4149
4193
  "opacity": 0.38,
4150
4194
  "padding": 16,
4151
4195
  }
@@ -4265,9 +4309,8 @@ Array [
4265
4309
  "alignItems": "center",
4266
4310
  "flexDirection": "row",
4267
4311
  "justifyContent": "flex-end",
4268
- "minHeight": 64,
4269
4312
  "paddingHorizontal": 12,
4270
- "paddingVertical": 8,
4313
+ "paddingVertical": 2,
4271
4314
  },
4272
4315
  undefined,
4273
4316
  ]
@@ -4285,32 +4328,46 @@ Array [
4285
4328
  onStartShouldSetResponder={[Function]}
4286
4329
  style={
4287
4330
  Object {
4331
+ "alignItems": "center",
4332
+ "borderWidth": 0,
4333
+ "flexDirection": "row",
4334
+ "justifyContent": "center",
4288
4335
  "opacity": 1,
4336
+ "padding": 16,
4289
4337
  }
4290
4338
  }
4291
4339
  >
4292
4340
  <Text
4341
+ disabled={false}
4342
+ ellipsizeMode="tail"
4343
+ numberOfLines={1}
4293
4344
  style={
4294
4345
  Array [
4295
4346
  Object {
4296
4347
  "color": "#001f23",
4297
- "fontFamily": "BeVietnamPro-SemiBold",
4298
- "fontSize": 16,
4299
- "letterSpacing": 0.48,
4300
- "lineHeight": 24,
4348
+ "fontFamily": "BeVietnamPro-Regular",
4349
+ "fontSize": 14,
4350
+ "letterSpacing": 0.42,
4351
+ "lineHeight": 22,
4301
4352
  },
4302
4353
  Array [
4303
4354
  Object {
4304
- "color": "#795e90",
4355
+ "color": "#401960",
4356
+ "flexShrink": 1,
4357
+ "fontFamily": "BeVietnamPro-SemiBold",
4358
+ "fontSize": 16,
4359
+ "lineHeight": 24,
4360
+ "textAlign": "center",
4305
4361
  },
4306
4362
  undefined,
4307
4363
  ],
4308
4364
  ]
4309
4365
  }
4310
- themeFontSize="large"
4311
- themeFontWeight="semi-bold"
4366
+ themeFontSize="medium"
4367
+ themeFontWeight="regular"
4312
4368
  themeIntent="body"
4313
4369
  themeTypeface="neutral"
4370
+ themeVariant="text-primary"
4314
4371
  >
4315
4372
  Confirm
4316
4373
  </Text>
@@ -4463,6 +4520,7 @@ Array [
4463
4520
  onBlur={[Function]}
4464
4521
  onChangeText={[Function]}
4465
4522
  onFocus={[Function]}
4523
+ placeholder=" "
4466
4524
  pointerEvents="none"
4467
4525
  style={
4468
4526
  Array [
@@ -4594,7 +4652,7 @@ Array [
4594
4652
  onStartShouldSetResponder={[Function]}
4595
4653
  style={
4596
4654
  Object {
4597
- "backgroundColor": "#001f23",
4655
+ "backgroundColor": "#000000",
4598
4656
  "bottom": 0,
4599
4657
  "left": 0,
4600
4658
  "opacity": 0.48,
@@ -4621,8 +4679,8 @@ Array [
4621
4679
  "height": 3,
4622
4680
  "width": 0,
4623
4681
  },
4624
- "shadowOpacity": 0.27,
4625
- "shadowRadius": 4.65,
4682
+ "shadowOpacity": 0.4,
4683
+ "shadowRadius": 16,
4626
4684
  "transform": Array [
4627
4685
  Object {
4628
4686
  "scaleY": 1,
@@ -4718,13 +4776,13 @@ Array [
4718
4776
  Array [
4719
4777
  Object {
4720
4778
  "color": "#001f23",
4721
- "fontSize": 20,
4779
+ "fontSize": 16,
4722
4780
  },
4723
4781
  undefined,
4724
4782
  ]
4725
4783
  }
4726
4784
  themeIntent="text"
4727
- themeSize="small"
4785
+ themeSize="xsmall"
4728
4786
  />
4729
4787
  </View>
4730
4788
  </View>
@@ -4800,7 +4858,14 @@ Array [
4800
4858
  0,
4801
4859
  ]
4802
4860
  }
4803
- style={Object {}}
4861
+ style={
4862
+ Array [
4863
+ Object {
4864
+ "paddingHorizontal": 12,
4865
+ },
4866
+ Object {},
4867
+ ]
4868
+ }
4804
4869
  >
4805
4870
  <View>
4806
4871
  <View
@@ -4883,7 +4948,6 @@ Array [
4883
4948
  "backgroundColor": "#ece8ef",
4884
4949
  "borderRadius": 4,
4885
4950
  "flexDirection": "row",
4886
- "marginHorizontal": 12,
4887
4951
  "opacity": 1,
4888
4952
  "padding": 16,
4889
4953
  }
@@ -4938,7 +5002,9 @@ Array [
4938
5002
  "color": "#401960",
4939
5003
  "fontSize": 20,
4940
5004
  },
4941
- undefined,
5005
+ Object {
5006
+ "marginRight": 12,
5007
+ },
4942
5008
  ]
4943
5009
  }
4944
5010
  themeIntent="primary"
@@ -5030,7 +5096,6 @@ Array [
5030
5096
  "backgroundColor": "#ece8ef",
5031
5097
  "borderRadius": 4,
5032
5098
  "flexDirection": "row",
5033
- "marginHorizontal": 12,
5034
5099
  "opacity": 1,
5035
5100
  "padding": 16,
5036
5101
  }
@@ -5085,7 +5150,9 @@ Array [
5085
5150
  "color": "#401960",
5086
5151
  "fontSize": 20,
5087
5152
  },
5088
- undefined,
5153
+ Object {
5154
+ "marginRight": 12,
5155
+ },
5089
5156
  ]
5090
5157
  }
5091
5158
  themeIntent="primary"
@@ -5177,7 +5244,6 @@ Array [
5177
5244
  "backgroundColor": "#ffffff",
5178
5245
  "borderRadius": 4,
5179
5246
  "flexDirection": "row",
5180
- "marginHorizontal": 12,
5181
5247
  "opacity": 1,
5182
5248
  "padding": 16,
5183
5249
  }
@@ -5299,7 +5365,6 @@ Array [
5299
5365
  "backgroundColor": "#ffffff",
5300
5366
  "borderRadius": 4,
5301
5367
  "flexDirection": "row",
5302
- "marginHorizontal": 12,
5303
5368
  "opacity": 1,
5304
5369
  "padding": 16,
5305
5370
  }
@@ -5421,7 +5486,6 @@ Array [
5421
5486
  "backgroundColor": "#ffffff",
5422
5487
  "borderRadius": 4,
5423
5488
  "flexDirection": "row",
5424
- "marginHorizontal": 12,
5425
5489
  "opacity": 1,
5426
5490
  "padding": 16,
5427
5491
  }
@@ -5543,7 +5607,6 @@ Array [
5543
5607
  "backgroundColor": "#ffffff",
5544
5608
  "borderRadius": 4,
5545
5609
  "flexDirection": "row",
5546
- "marginHorizontal": 12,
5547
5610
  "opacity": 1,
5548
5611
  "padding": 16,
5549
5612
  }
@@ -5666,7 +5729,6 @@ Array [
5666
5729
  "backgroundColor": "#ffffff",
5667
5730
  "borderRadius": 4,
5668
5731
  "flexDirection": "row",
5669
- "marginHorizontal": 12,
5670
5732
  "opacity": 0.38,
5671
5733
  "padding": 16,
5672
5734
  }
@@ -5786,9 +5848,8 @@ Array [
5786
5848
  "alignItems": "center",
5787
5849
  "flexDirection": "row",
5788
5850
  "justifyContent": "flex-end",
5789
- "minHeight": 64,
5790
5851
  "paddingHorizontal": 12,
5791
- "paddingVertical": 8,
5852
+ "paddingVertical": 2,
5792
5853
  },
5793
5854
  undefined,
5794
5855
  ]
@@ -5808,32 +5869,46 @@ Array [
5808
5869
  onStartShouldSetResponder={[Function]}
5809
5870
  style={
5810
5871
  Object {
5872
+ "alignItems": "center",
5873
+ "borderWidth": 0,
5874
+ "flexDirection": "row",
5875
+ "justifyContent": "center",
5811
5876
  "opacity": 1,
5877
+ "padding": 16,
5812
5878
  }
5813
5879
  }
5814
5880
  >
5815
5881
  <Text
5882
+ disabled={false}
5883
+ ellipsizeMode="tail"
5884
+ numberOfLines={1}
5816
5885
  style={
5817
5886
  Array [
5818
5887
  Object {
5819
5888
  "color": "#001f23",
5820
- "fontFamily": "BeVietnamPro-SemiBold",
5821
- "fontSize": 16,
5822
- "letterSpacing": 0.48,
5823
- "lineHeight": 24,
5889
+ "fontFamily": "BeVietnamPro-Regular",
5890
+ "fontSize": 14,
5891
+ "letterSpacing": 0.42,
5892
+ "lineHeight": 22,
5824
5893
  },
5825
5894
  Array [
5826
5895
  Object {
5827
- "color": "#795e90",
5896
+ "color": "#401960",
5897
+ "flexShrink": 1,
5898
+ "fontFamily": "BeVietnamPro-SemiBold",
5899
+ "fontSize": 16,
5900
+ "lineHeight": 24,
5901
+ "textAlign": "center",
5828
5902
  },
5829
5903
  undefined,
5830
5904
  ],
5831
5905
  ]
5832
5906
  }
5833
- themeFontSize="large"
5834
- themeFontWeight="semi-bold"
5907
+ themeFontSize="medium"
5908
+ themeFontWeight="regular"
5835
5909
  themeIntent="body"
5836
5910
  themeTypeface="neutral"
5911
+ themeVariant="text-primary"
5837
5912
  >
5838
5913
  Confirm
5839
5914
  </Text>
@@ -5984,6 +6059,7 @@ Array [
5984
6059
  onBlur={[Function]}
5985
6060
  onChangeText={[Function]}
5986
6061
  onFocus={[Function]}
6062
+ placeholder=" "
5987
6063
  pointerEvents="none"
5988
6064
  style={
5989
6065
  Array [
@@ -6100,7 +6176,7 @@ Array [
6100
6176
  onStartShouldSetResponder={[Function]}
6101
6177
  style={
6102
6178
  Object {
6103
- "backgroundColor": "#001f23",
6179
+ "backgroundColor": "#000000",
6104
6180
  "bottom": 0,
6105
6181
  "left": 0,
6106
6182
  "opacity": 0.48,
@@ -6125,8 +6201,8 @@ Array [
6125
6201
  "height": 3,
6126
6202
  "width": 0,
6127
6203
  },
6128
- "shadowOpacity": 0.27,
6129
- "shadowRadius": 4.65,
6204
+ "shadowOpacity": 0.4,
6205
+ "shadowRadius": 16,
6130
6206
  "transform": Array [
6131
6207
  Object {
6132
6208
  "scaleY": 1,
@@ -6220,13 +6296,13 @@ Array [
6220
6296
  Array [
6221
6297
  Object {
6222
6298
  "color": "#001f23",
6223
- "fontSize": 20,
6299
+ "fontSize": 16,
6224
6300
  },
6225
6301
  undefined,
6226
6302
  ]
6227
6303
  }
6228
6304
  themeIntent="text"
6229
- themeSize="small"
6305
+ themeSize="xsmall"
6230
6306
  />
6231
6307
  </View>
6232
6308
  </View>
@@ -6291,7 +6367,14 @@ Array [
6291
6367
  3,
6292
6368
  ]
6293
6369
  }
6294
- style={Object {}}
6370
+ style={
6371
+ Array [
6372
+ Object {
6373
+ "paddingHorizontal": 12,
6374
+ },
6375
+ Object {},
6376
+ ]
6377
+ }
6295
6378
  >
6296
6379
  <View>
6297
6380
  <View
@@ -6425,7 +6508,6 @@ Array [
6425
6508
  "backgroundColor": "#ffffff",
6426
6509
  "borderRadius": 4,
6427
6510
  "flexDirection": "row",
6428
- "marginHorizontal": 12,
6429
6511
  "opacity": 1,
6430
6512
  "padding": 16,
6431
6513
  }
@@ -6643,7 +6725,6 @@ Array [
6643
6725
  "backgroundColor": "#ece8ef",
6644
6726
  "borderRadius": 4,
6645
6727
  "flexDirection": "row",
6646
- "marginHorizontal": 12,
6647
6728
  "opacity": 1,
6648
6729
  "padding": 16,
6649
6730
  }
@@ -6698,7 +6779,9 @@ Array [
6698
6779
  "color": "#401960",
6699
6780
  "fontSize": 20,
6700
6781
  },
6701
- undefined,
6782
+ Object {
6783
+ "marginRight": 12,
6784
+ },
6702
6785
  ]
6703
6786
  }
6704
6787
  themeIntent="primary"
@@ -6778,7 +6861,6 @@ Array [
6778
6861
  "backgroundColor": "#ece8ef",
6779
6862
  "borderRadius": 4,
6780
6863
  "flexDirection": "row",
6781
- "marginHorizontal": 12,
6782
6864
  "opacity": 1,
6783
6865
  "padding": 16,
6784
6866
  }
@@ -6833,7 +6915,9 @@ Array [
6833
6915
  "color": "#401960",
6834
6916
  "fontSize": 20,
6835
6917
  },
6836
- undefined,
6918
+ Object {
6919
+ "marginRight": 12,
6920
+ },
6837
6921
  ]
6838
6922
  }
6839
6923
  themeIntent="primary"
@@ -6912,9 +6996,8 @@ Array [
6912
6996
  "alignItems": "center",
6913
6997
  "flexDirection": "row",
6914
6998
  "justifyContent": "flex-end",
6915
- "minHeight": 64,
6916
6999
  "paddingHorizontal": 12,
6917
- "paddingVertical": 8,
7000
+ "paddingVertical": 2,
6918
7001
  },
6919
7002
  undefined,
6920
7003
  ]
@@ -6932,32 +7015,46 @@ Array [
6932
7015
  onStartShouldSetResponder={[Function]}
6933
7016
  style={
6934
7017
  Object {
7018
+ "alignItems": "center",
7019
+ "borderWidth": 0,
7020
+ "flexDirection": "row",
7021
+ "justifyContent": "center",
6935
7022
  "opacity": 1,
7023
+ "padding": 16,
6936
7024
  }
6937
7025
  }
6938
7026
  >
6939
7027
  <Text
7028
+ disabled={false}
7029
+ ellipsizeMode="tail"
7030
+ numberOfLines={1}
6940
7031
  style={
6941
7032
  Array [
6942
7033
  Object {
6943
7034
  "color": "#001f23",
6944
- "fontFamily": "BeVietnamPro-SemiBold",
6945
- "fontSize": 16,
6946
- "letterSpacing": 0.48,
6947
- "lineHeight": 24,
7035
+ "fontFamily": "BeVietnamPro-Regular",
7036
+ "fontSize": 14,
7037
+ "letterSpacing": 0.42,
7038
+ "lineHeight": 22,
6948
7039
  },
6949
7040
  Array [
6950
7041
  Object {
6951
- "color": "#795e90",
7042
+ "color": "#401960",
7043
+ "flexShrink": 1,
7044
+ "fontFamily": "BeVietnamPro-SemiBold",
7045
+ "fontSize": 16,
7046
+ "lineHeight": 24,
7047
+ "textAlign": "center",
6952
7048
  },
6953
7049
  undefined,
6954
7050
  ],
6955
7051
  ]
6956
7052
  }
6957
- themeFontSize="large"
6958
- themeFontWeight="semi-bold"
7053
+ themeFontSize="medium"
7054
+ themeFontWeight="regular"
6959
7055
  themeIntent="body"
6960
7056
  themeTypeface="neutral"
7057
+ themeVariant="text-primary"
6961
7058
  >
6962
7059
  Confirm
6963
7060
  </Text>