@hero-design/rn 8.105.4-alpha.1 → 8.106.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 (55) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/CHANGELOG.md +22 -6
  3. package/es/index.js +2797 -2453
  4. package/lib/index.js +2800 -2456
  5. package/package.json +2 -2
  6. package/src/components/Button/Button.tsx +70 -44
  7. package/src/components/Button/LoadingIndicator/StyledLoadingIndicator.tsx +12 -33
  8. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +4 -4
  9. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  10. package/src/components/Button/LoadingIndicator/index.tsx +4 -1
  11. package/src/components/Button/StyledButton.tsx +461 -313
  12. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +102 -86
  13. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +19 -18
  14. package/src/components/Chart/Line/__tests__/__snapshots__/index.spec.tsx.snap +2 -2
  15. package/src/components/Checkbox/{index.tsx → DefaultCheckBox.tsx} +6 -31
  16. package/src/components/Checkbox/InlineCheckBox.tsx +97 -0
  17. package/src/components/Checkbox/{StyledCheckbox.tsx → StyledDefaultCheckBox.tsx} +1 -0
  18. package/src/components/Checkbox/StyledInlineCheckBox.tsx +49 -0
  19. package/src/components/Checkbox/__tests__/{index.spec.tsx → DefaultCheckBox.spec.tsx} +21 -20
  20. package/src/components/Checkbox/__tests__/InlineCheckBox.spec.tsx +93 -0
  21. package/src/components/Checkbox/__tests__/{StyledCheckbox.spec.tsx → StyledDefaultCheckbox.spec.tsx} +2 -2
  22. package/src/components/Checkbox/__tests__/__snapshots__/{index.spec.tsx.snap → DefaultCheckBox.spec.tsx.snap} +6 -0
  23. package/src/components/Checkbox/__tests__/__snapshots__/InlineCheckBox.spec.tsx.snap +988 -0
  24. package/src/components/Checkbox/__tests__/__snapshots__/{StyledCheckbox.spec.tsx.snap → StyledDefaultCheckbox.spec.tsx.snap} +4 -0
  25. package/src/components/Checkbox/__tests__/utils.spec.ts +20 -0
  26. package/src/components/Checkbox/index.ts +9 -0
  27. package/src/components/Checkbox/utils.ts +25 -0
  28. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +2 -2
  29. package/src/components/Drawer/__tests__/__snapshots__/index.spec.tsx.snap +11 -8
  30. package/src/components/Drawer/__tests__/index.spec.tsx +15 -1
  31. package/src/components/Drawer/index.tsx +5 -2
  32. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +5 -5
  33. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +1 -1
  34. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +59 -19
  35. package/src/theme/components/button.ts +52 -19
  36. package/src/theme/components/checkbox.ts +7 -0
  37. package/src/theme/components/drawer.ts +1 -1
  38. package/src/utils/__tests__/helpers.spec.ts +37 -1
  39. package/src/utils/helpers.ts +14 -0
  40. package/stats/8.105.4/rn-stats.html +4844 -0
  41. package/stats/8.106.0/rn-stats.html +4844 -0
  42. package/types/components/Button/Button.d.ts +5 -4
  43. package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts +3 -4
  44. package/types/components/Button/LoadingIndicator/index.d.ts +1 -1
  45. package/types/components/Button/StyledButton.d.ts +8 -4
  46. package/types/components/Checkbox/DefaultCheckBox.d.ts +40 -0
  47. package/types/components/Checkbox/InlineCheckBox.d.ts +38 -0
  48. package/types/components/Checkbox/StyledInlineCheckBox.d.ts +45 -0
  49. package/types/components/Checkbox/index.d.ts +5 -45
  50. package/types/components/Checkbox/utils.d.ts +6 -0
  51. package/types/theme/components/button.d.ts +49 -15
  52. package/types/theme/components/checkbox.d.ts +6 -0
  53. package/types/theme/components/drawer.d.ts +1 -1
  54. package/types/utils/helpers.d.ts +2 -0
  55. /package/types/components/Checkbox/{StyledCheckbox.d.ts → StyledDefaultCheckBox.d.ts} +0 -0
package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap CHANGED
@@ -57,6 +57,7 @@ exports[`Button allows render custom icon 1`] = `
57
57
  ]
58
58
  }
59
59
  themeIsCompact={false}
60
+ themeIsIconOnly={false}
60
61
  themePosition="left"
61
62
  >
62
63
  <HeroIcon
@@ -300,7 +301,7 @@ exports[`Button renders correctly 2`] = `
300
301
  {
301
302
  "alignItems": "center",
302
303
  "alignSelf": "stretch",
303
- "backgroundColor": "#401960",
304
+ "backgroundColor": "#33144d",
304
305
  "borderRadius": 32,
305
306
  "flexDirection": "row",
306
307
  "height": 60,
@@ -476,11 +477,12 @@ exports[`Button renders correctly 3`] = `
476
477
  {
477
478
  "alignItems": "center",
478
479
  "alignSelf": "stretch",
479
- "backgroundColor": "#bfc1c5",
480
+ "backgroundColor": "#401960",
480
481
  "borderRadius": 32,
481
482
  "flexDirection": "row",
482
483
  "height": 60,
483
484
  "justifyContent": "center",
485
+ "opacity": 0.25,
484
486
  "padding": 16,
485
487
  },
486
488
  undefined,
@@ -684,7 +686,7 @@ exports[`Button renders correctly 5`] = `
684
686
  {
685
687
  "alignItems": "center",
686
688
  "alignSelf": "stretch",
687
- "backgroundColor": "#ffffff",
689
+ "backgroundColor": "#ece8ef",
688
690
  "borderRadius": 32,
689
691
  "flexDirection": "row",
690
692
  "height": 60,
@@ -860,11 +862,12 @@ exports[`Button renders correctly 6`] = `
860
862
  {
861
863
  "alignItems": "center",
862
864
  "alignSelf": "stretch",
863
- "backgroundColor": "#bfc1c5",
865
+ "backgroundColor": "#ffffff",
864
866
  "borderRadius": 32,
865
867
  "flexDirection": "row",
866
868
  "height": 60,
867
869
  "justifyContent": "center",
870
+ "opacity": 0.25,
868
871
  "padding": 16,
869
872
  },
870
873
  undefined,
@@ -887,7 +890,7 @@ exports[`Button renders correctly 6`] = `
887
890
  },
888
891
  [
889
892
  {
890
- "color": "#ffffff",
893
+ "color": "#401960",
891
894
  "flexShrink": 1,
892
895
  "lineHeight": undefined,
893
896
  "textAlign": "center",
@@ -1070,7 +1073,7 @@ exports[`Button renders correctly 8`] = `
1070
1073
  {
1071
1074
  "alignItems": "center",
1072
1075
  "alignSelf": "stretch",
1073
- "backgroundColor": "transparent",
1076
+ "backgroundColor": "#ece8ef",
1074
1077
  "borderColor": "#401960",
1075
1078
  "borderRadius": 32,
1076
1079
  "borderWidth": 2,
@@ -1249,12 +1252,13 @@ exports[`Button renders correctly 9`] = `
1249
1252
  "alignItems": "center",
1250
1253
  "alignSelf": "stretch",
1251
1254
  "backgroundColor": "transparent",
1252
- "borderColor": "#bfc1c5",
1255
+ "borderColor": "#401960",
1253
1256
  "borderRadius": 32,
1254
1257
  "borderWidth": 2,
1255
1258
  "flexDirection": "row",
1256
1259
  "height": 60,
1257
1260
  "justifyContent": "center",
1261
+ "opacity": 0.25,
1258
1262
  "padding": 14,
1259
1263
  },
1260
1264
  undefined,
@@ -1277,7 +1281,7 @@ exports[`Button renders correctly 9`] = `
1277
1281
  },
1278
1282
  [
1279
1283
  {
1280
- "color": "#bfc1c5",
1284
+ "color": "#401960",
1281
1285
  "flexShrink": 1,
1282
1286
  "lineHeight": undefined,
1283
1287
  "textAlign": "center",
@@ -1460,7 +1464,7 @@ exports[`Button renders correctly 11`] = `
1460
1464
  {
1461
1465
  "alignItems": "center",
1462
1466
  "alignSelf": "stretch",
1463
- "backgroundColor": "transparent",
1467
+ "backgroundColor": "#33144d",
1464
1468
  "borderColor": "#ffffff",
1465
1469
  "borderRadius": 32,
1466
1470
  "borderWidth": 2,
@@ -1639,12 +1643,13 @@ exports[`Button renders correctly 12`] = `
1639
1643
  "alignItems": "center",
1640
1644
  "alignSelf": "stretch",
1641
1645
  "backgroundColor": "transparent",
1642
- "borderColor": "#bfc1c5",
1646
+ "borderColor": "#ffffff",
1643
1647
  "borderRadius": 32,
1644
1648
  "borderWidth": 2,
1645
1649
  "flexDirection": "row",
1646
1650
  "height": 60,
1647
1651
  "justifyContent": "center",
1652
+ "opacity": 0.25,
1648
1653
  "padding": 14,
1649
1654
  },
1650
1655
  undefined,
@@ -1667,7 +1672,7 @@ exports[`Button renders correctly 12`] = `
1667
1672
  },
1668
1673
  [
1669
1674
  {
1670
- "color": "#bfc1c5",
1675
+ "color": "#ffffff",
1671
1676
  "flexShrink": 1,
1672
1677
  "lineHeight": undefined,
1673
1678
  "textAlign": "center",
@@ -1744,7 +1749,7 @@ exports[`Button renders correctly 13`] = `
1744
1749
  {
1745
1750
  "alignItems": "center",
1746
1751
  "backgroundColor": "transparent",
1747
- "borderRadius": 4,
1752
+ "borderRadius": 999,
1748
1753
  "borderWidth": 0,
1749
1754
  "flexDirection": "row",
1750
1755
  "height": 60,
@@ -1850,7 +1855,7 @@ exports[`Button renders correctly 14`] = `
1850
1855
  {
1851
1856
  "alignItems": "center",
1852
1857
  "backgroundColor": "#ece8ef",
1853
- "borderRadius": 4,
1858
+ "borderRadius": 999,
1854
1859
  "borderWidth": 0,
1855
1860
  "flexDirection": "row",
1856
1861
  "height": 60,
@@ -1893,7 +1898,7 @@ exports[`Button renders correctly 14`] = `
1893
1898
  style={
1894
1899
  [
1895
1900
  {
1896
- "backgroundColor": "#4d6265",
1901
+ "backgroundColor": "#401960",
1897
1902
  "borderRadius": 8,
1898
1903
  "height": 12,
1899
1904
  "marginHorizontal": 8,
@@ -1923,7 +1928,7 @@ exports[`Button renders correctly 14`] = `
1923
1928
  style={
1924
1929
  [
1925
1930
  {
1926
- "backgroundColor": "#4d6265",
1931
+ "backgroundColor": "#401960",
1927
1932
  "borderRadius": 8,
1928
1933
  "height": 12,
1929
1934
  "marginHorizontal": 8,
@@ -1953,7 +1958,7 @@ exports[`Button renders correctly 14`] = `
1953
1958
  style={
1954
1959
  [
1955
1960
  {
1956
- "backgroundColor": "#4d6265",
1961
+ "backgroundColor": "#401960",
1957
1962
  "borderRadius": 8,
1958
1963
  "height": 12,
1959
1964
  "marginHorizontal": 8,
@@ -2026,11 +2031,12 @@ exports[`Button renders correctly 15`] = `
2026
2031
  {
2027
2032
  "alignItems": "center",
2028
2033
  "backgroundColor": "transparent",
2029
- "borderRadius": 4,
2034
+ "borderRadius": 999,
2030
2035
  "borderWidth": 0,
2031
2036
  "flexDirection": "row",
2032
2037
  "height": 60,
2033
2038
  "justifyContent": "center",
2039
+ "opacity": 0.25,
2034
2040
  "padding": 12,
2035
2041
  },
2036
2042
  undefined,
@@ -2053,7 +2059,7 @@ exports[`Button renders correctly 15`] = `
2053
2059
  },
2054
2060
  [
2055
2061
  {
2056
- "color": "#bfc1c5",
2062
+ "color": "#401960",
2057
2063
  "flexShrink": 1,
2058
2064
  "lineHeight": 22,
2059
2065
  "textAlign": "center",
@@ -2132,7 +2138,7 @@ exports[`Button renders correctly 16`] = `
2132
2138
  {
2133
2139
  "alignItems": "center",
2134
2140
  "backgroundColor": "transparent",
2135
- "borderRadius": 4,
2141
+ "borderRadius": 999,
2136
2142
  "borderWidth": 0,
2137
2143
  "flexDirection": "row",
2138
2144
  "height": 60,
@@ -2159,7 +2165,7 @@ exports[`Button renders correctly 16`] = `
2159
2165
  },
2160
2166
  [
2161
2167
  {
2162
- "color": "#4d6265",
2168
+ "color": "#001f23",
2163
2169
  "flexShrink": 1,
2164
2170
  "lineHeight": 22,
2165
2171
  "textAlign": "center",
@@ -2238,7 +2244,7 @@ exports[`Button renders correctly 17`] = `
2238
2244
  {
2239
2245
  "alignItems": "center",
2240
2246
  "backgroundColor": "#ece8ef",
2241
- "borderRadius": 4,
2247
+ "borderRadius": 999,
2242
2248
  "borderWidth": 0,
2243
2249
  "flexDirection": "row",
2244
2250
  "height": 60,
@@ -2281,7 +2287,7 @@ exports[`Button renders correctly 17`] = `
2281
2287
  style={
2282
2288
  [
2283
2289
  {
2284
- "backgroundColor": "#cb300a",
2290
+ "backgroundColor": "#001f23",
2285
2291
  "borderRadius": 8,
2286
2292
  "height": 12,
2287
2293
  "marginHorizontal": 8,
@@ -2311,7 +2317,7 @@ exports[`Button renders correctly 17`] = `
2311
2317
  style={
2312
2318
  [
2313
2319
  {
2314
- "backgroundColor": "#cb300a",
2320
+ "backgroundColor": "#001f23",
2315
2321
  "borderRadius": 8,
2316
2322
  "height": 12,
2317
2323
  "marginHorizontal": 8,
@@ -2341,7 +2347,7 @@ exports[`Button renders correctly 17`] = `
2341
2347
  style={
2342
2348
  [
2343
2349
  {
2344
- "backgroundColor": "#cb300a",
2350
+ "backgroundColor": "#001f23",
2345
2351
  "borderRadius": 8,
2346
2352
  "height": 12,
2347
2353
  "marginHorizontal": 8,
@@ -2414,11 +2420,12 @@ exports[`Button renders correctly 18`] = `
2414
2420
  {
2415
2421
  "alignItems": "center",
2416
2422
  "backgroundColor": "transparent",
2417
- "borderRadius": 4,
2423
+ "borderRadius": 999,
2418
2424
  "borderWidth": 0,
2419
2425
  "flexDirection": "row",
2420
2426
  "height": 60,
2421
2427
  "justifyContent": "center",
2428
+ "opacity": 0.25,
2422
2429
  "padding": 12,
2423
2430
  },
2424
2431
  undefined,
@@ -2441,7 +2448,7 @@ exports[`Button renders correctly 18`] = `
2441
2448
  },
2442
2449
  [
2443
2450
  {
2444
- "color": "#bfc1c5",
2451
+ "color": "#001f23",
2445
2452
  "flexShrink": 1,
2446
2453
  "lineHeight": 22,
2447
2454
  "textAlign": "center",
@@ -2520,7 +2527,7 @@ exports[`Button renders correctly 19`] = `
2520
2527
  {
2521
2528
  "alignItems": "center",
2522
2529
  "backgroundColor": "transparent",
2523
- "borderRadius": 4,
2530
+ "borderRadius": 999,
2524
2531
  "borderWidth": 0,
2525
2532
  "flexDirection": "row",
2526
2533
  "height": 60,
@@ -2625,8 +2632,8 @@ exports[`Button renders correctly 20`] = `
2625
2632
  [
2626
2633
  {
2627
2634
  "alignItems": "center",
2628
- "backgroundColor": "#ece8ef",
2629
- "borderRadius": 4,
2635
+ "backgroundColor": "#fcebe7",
2636
+ "borderRadius": 999,
2630
2637
  "borderWidth": 0,
2631
2638
  "flexDirection": "row",
2632
2639
  "height": 60,
@@ -2802,11 +2809,12 @@ exports[`Button renders correctly 21`] = `
2802
2809
  {
2803
2810
  "alignItems": "center",
2804
2811
  "backgroundColor": "transparent",
2805
- "borderRadius": 4,
2812
+ "borderRadius": 999,
2806
2813
  "borderWidth": 0,
2807
2814
  "flexDirection": "row",
2808
2815
  "height": 60,
2809
2816
  "justifyContent": "center",
2817
+ "opacity": 0.25,
2810
2818
  "padding": 12,
2811
2819
  },
2812
2820
  undefined,
@@ -2829,7 +2837,7 @@ exports[`Button renders correctly 21`] = `
2829
2837
  },
2830
2838
  [
2831
2839
  {
2832
- "color": "#bfc1c5",
2840
+ "color": "#cb300a",
2833
2841
  "flexShrink": 1,
2834
2842
  "lineHeight": 22,
2835
2843
  "textAlign": "center",
@@ -2908,7 +2916,7 @@ exports[`Button renders correctly 22`] = `
2908
2916
  {
2909
2917
  "alignItems": "center",
2910
2918
  "backgroundColor": "transparent",
2911
- "borderRadius": 4,
2919
+ "borderRadius": 999,
2912
2920
  "borderWidth": 0,
2913
2921
  "flexDirection": "row",
2914
2922
  "height": 60,
@@ -3013,8 +3021,8 @@ exports[`Button renders correctly 23`] = `
3013
3021
  [
3014
3022
  {
3015
3023
  "alignItems": "center",
3016
- "backgroundColor": "transparent",
3017
- "borderRadius": 4,
3024
+ "backgroundColor": "#33144d",
3025
+ "borderRadius": 999,
3018
3026
  "borderWidth": 0,
3019
3027
  "flexDirection": "row",
3020
3028
  "height": 60,
@@ -3190,11 +3198,12 @@ exports[`Button renders correctly 24`] = `
3190
3198
  {
3191
3199
  "alignItems": "center",
3192
3200
  "backgroundColor": "transparent",
3193
- "borderRadius": 4,
3201
+ "borderRadius": 999,
3194
3202
  "borderWidth": 0,
3195
3203
  "flexDirection": "row",
3196
3204
  "height": 60,
3197
3205
  "justifyContent": "center",
3206
+ "opacity": 0.25,
3198
3207
  "padding": 12,
3199
3208
  },
3200
3209
  undefined,
@@ -3217,7 +3226,7 @@ exports[`Button renders correctly 24`] = `
3217
3226
  },
3218
3227
  [
3219
3228
  {
3220
- "color": "#bfc1c5",
3229
+ "color": "#ffffff",
3221
3230
  "flexShrink": 1,
3222
3231
  "lineHeight": 22,
3223
3232
  "textAlign": "center",
@@ -3296,7 +3305,7 @@ exports[`Button renders correctly 25`] = `
3296
3305
  {
3297
3306
  "alignItems": "center",
3298
3307
  "backgroundColor": "transparent",
3299
- "borderRadius": 4,
3308
+ "borderRadius": 999,
3300
3309
  "borderWidth": 0,
3301
3310
  "flexDirection": "row",
3302
3311
  "height": undefined,
@@ -3402,7 +3411,7 @@ exports[`Button renders correctly 26`] = `
3402
3411
  {
3403
3412
  "alignItems": "center",
3404
3413
  "backgroundColor": "transparent",
3405
- "borderRadius": 4,
3414
+ "borderRadius": 999,
3406
3415
  "borderWidth": 0,
3407
3416
  "flexDirection": "row",
3408
3417
  "height": undefined,
@@ -3445,7 +3454,7 @@ exports[`Button renders correctly 26`] = `
3445
3454
  style={
3446
3455
  [
3447
3456
  {
3448
- "backgroundColor": "#cb300a",
3457
+ "backgroundColor": "#001f23",
3449
3458
  "borderRadius": 8,
3450
3459
  "height": 12,
3451
3460
  "marginHorizontal": 8,
@@ -3475,7 +3484,7 @@ exports[`Button renders correctly 26`] = `
3475
3484
  style={
3476
3485
  [
3477
3486
  {
3478
- "backgroundColor": "#cb300a",
3487
+ "backgroundColor": "#001f23",
3479
3488
  "borderRadius": 8,
3480
3489
  "height": 12,
3481
3490
  "marginHorizontal": 8,
@@ -3505,7 +3514,7 @@ exports[`Button renders correctly 26`] = `
3505
3514
  style={
3506
3515
  [
3507
3516
  {
3508
- "backgroundColor": "#cb300a",
3517
+ "backgroundColor": "#001f23",
3509
3518
  "borderRadius": 8,
3510
3519
  "height": 12,
3511
3520
  "marginHorizontal": 8,
@@ -3578,7 +3587,7 @@ exports[`Button renders correctly 27`] = `
3578
3587
  {
3579
3588
  "alignItems": "center",
3580
3589
  "backgroundColor": "transparent",
3581
- "borderRadius": 4,
3590
+ "borderRadius": 999,
3582
3591
  "borderWidth": 0,
3583
3592
  "flexDirection": "row",
3584
3593
  "height": undefined,
@@ -3684,7 +3693,7 @@ exports[`Button renders correctly 28`] = `
3684
3693
  {
3685
3694
  "alignItems": "center",
3686
3695
  "backgroundColor": "transparent",
3687
- "borderRadius": 4,
3696
+ "borderRadius": 999,
3688
3697
  "borderWidth": 0,
3689
3698
  "flexDirection": "row",
3690
3699
  "height": undefined,
@@ -3727,7 +3736,7 @@ exports[`Button renders correctly 28`] = `
3727
3736
  style={
3728
3737
  [
3729
3738
  {
3730
- "backgroundColor": "#4d6265",
3739
+ "backgroundColor": "#401960",
3731
3740
  "borderRadius": 8,
3732
3741
  "height": 12,
3733
3742
  "marginHorizontal": 8,
@@ -3757,7 +3766,7 @@ exports[`Button renders correctly 28`] = `
3757
3766
  style={
3758
3767
  [
3759
3768
  {
3760
- "backgroundColor": "#4d6265",
3769
+ "backgroundColor": "#401960",
3761
3770
  "borderRadius": 8,
3762
3771
  "height": 12,
3763
3772
  "marginHorizontal": 8,
@@ -3787,7 +3796,7 @@ exports[`Button renders correctly 28`] = `
3787
3796
  style={
3788
3797
  [
3789
3798
  {
3790
- "backgroundColor": "#4d6265",
3799
+ "backgroundColor": "#401960",
3791
3800
  "borderRadius": 8,
3792
3801
  "height": 12,
3793
3802
  "marginHorizontal": 8,
@@ -3860,11 +3869,12 @@ exports[`Button renders correctly 29`] = `
3860
3869
  {
3861
3870
  "alignItems": "center",
3862
3871
  "backgroundColor": "transparent",
3863
- "borderRadius": 4,
3872
+ "borderRadius": 999,
3864
3873
  "borderWidth": 0,
3865
3874
  "flexDirection": "row",
3866
3875
  "height": undefined,
3867
3876
  "justifyContent": "center",
3877
+ "opacity": 0.25,
3868
3878
  "padding": 0,
3869
3879
  },
3870
3880
  undefined,
@@ -3887,7 +3897,7 @@ exports[`Button renders correctly 29`] = `
3887
3897
  },
3888
3898
  [
3889
3899
  {
3890
- "color": "#bfc1c5",
3900
+ "color": "#401960",
3891
3901
  "flexShrink": 1,
3892
3902
  "lineHeight": 22,
3893
3903
  "textAlign": "center",
@@ -4076,7 +4086,7 @@ exports[`Button renders correctly 31`] = `
4076
4086
  {
4077
4087
  "alignItems": "center",
4078
4088
  "alignSelf": "flex-start",
4079
- "backgroundColor": "#401960",
4089
+ "backgroundColor": "#33144d",
4080
4090
  "borderRadius": 32,
4081
4091
  "flexDirection": "row",
4082
4092
  "height": 36,
@@ -4253,11 +4263,12 @@ exports[`Button renders correctly 32`] = `
4253
4263
  {
4254
4264
  "alignItems": "center",
4255
4265
  "alignSelf": "flex-start",
4256
- "backgroundColor": "#bfc1c5",
4266
+ "backgroundColor": "#401960",
4257
4267
  "borderRadius": 32,
4258
4268
  "flexDirection": "row",
4259
4269
  "height": 36,
4260
4270
  "justifyContent": "center",
4271
+ "opacity": 0.25,
4261
4272
  "paddingHorizontal": 16,
4262
4273
  "paddingVertical": 8,
4263
4274
  },
@@ -4475,7 +4486,7 @@ exports[`Button renders correctly 34`] = `
4475
4486
  {
4476
4487
  "alignItems": "center",
4477
4488
  "alignSelf": "flex-start",
4478
- "backgroundColor": "transparent",
4489
+ "backgroundColor": "#ece8ef",
4479
4490
  "borderColor": "#401960",
4480
4491
  "borderRadius": 32,
4481
4492
  "borderWidth": 2,
@@ -4655,12 +4666,13 @@ exports[`Button renders correctly 35`] = `
4655
4666
  "alignItems": "center",
4656
4667
  "alignSelf": "flex-start",
4657
4668
  "backgroundColor": "transparent",
4658
- "borderColor": "#bfc1c5",
4669
+ "borderColor": "#401960",
4659
4670
  "borderRadius": 32,
4660
4671
  "borderWidth": 2,
4661
4672
  "flexDirection": "row",
4662
4673
  "height": 36,
4663
4674
  "justifyContent": "center",
4675
+ "opacity": 0.25,
4664
4676
  "paddingHorizontal": 14,
4665
4677
  "paddingVertical": 6,
4666
4678
  },
@@ -4684,7 +4696,7 @@ exports[`Button renders correctly 35`] = `
4684
4696
  },
4685
4697
  [
4686
4698
  {
4687
- "color": "#bfc1c5",
4699
+ "color": "#401960",
4688
4700
  "flexShrink": 1,
4689
4701
  "lineHeight": undefined,
4690
4702
  "textAlign": "center",
@@ -4767,7 +4779,7 @@ exports[`Button renders correctly 36`] = `
4767
4779
  "alignItems": "center",
4768
4780
  "alignSelf": "flex-start",
4769
4781
  "backgroundColor": "transparent",
4770
- "borderRadius": 4,
4782
+ "borderRadius": 999,
4771
4783
  "borderWidth": 0,
4772
4784
  "flexDirection": "row",
4773
4785
  "height": 36,
@@ -4875,7 +4887,7 @@ exports[`Button renders correctly 37`] = `
4875
4887
  "alignItems": "center",
4876
4888
  "alignSelf": "flex-start",
4877
4889
  "backgroundColor": "#ece8ef",
4878
- "borderRadius": 4,
4890
+ "borderRadius": 999,
4879
4891
  "borderWidth": 0,
4880
4892
  "flexDirection": "row",
4881
4893
  "height": 36,
@@ -4919,7 +4931,7 @@ exports[`Button renders correctly 37`] = `
4919
4931
  style={
4920
4932
  [
4921
4933
  {
4922
- "backgroundColor": "#4d6265",
4934
+ "backgroundColor": "#401960",
4923
4935
  "borderRadius": 8,
4924
4936
  "height": 12,
4925
4937
  "marginHorizontal": 8,
@@ -4949,7 +4961,7 @@ exports[`Button renders correctly 37`] = `
4949
4961
  style={
4950
4962
  [
4951
4963
  {
4952
- "backgroundColor": "#4d6265",
4964
+ "backgroundColor": "#401960",
4953
4965
  "borderRadius": 8,
4954
4966
  "height": 12,
4955
4967
  "marginHorizontal": 8,
@@ -4979,7 +4991,7 @@ exports[`Button renders correctly 37`] = `
4979
4991
  style={
4980
4992
  [
4981
4993
  {
4982
- "backgroundColor": "#4d6265",
4994
+ "backgroundColor": "#401960",
4983
4995
  "borderRadius": 8,
4984
4996
  "height": 12,
4985
4997
  "marginHorizontal": 8,
@@ -5053,11 +5065,12 @@ exports[`Button renders correctly 38`] = `
5053
5065
  "alignItems": "center",
5054
5066
  "alignSelf": "flex-start",
5055
5067
  "backgroundColor": "transparent",
5056
- "borderRadius": 4,
5068
+ "borderRadius": 999,
5057
5069
  "borderWidth": 0,
5058
5070
  "flexDirection": "row",
5059
5071
  "height": 36,
5060
5072
  "justifyContent": "center",
5073
+ "opacity": 0.25,
5061
5074
  "paddingHorizontal": 16,
5062
5075
  "paddingVertical": 8,
5063
5076
  },
@@ -5081,7 +5094,7 @@ exports[`Button renders correctly 38`] = `
5081
5094
  },
5082
5095
  [
5083
5096
  {
5084
- "color": "#bfc1c5",
5097
+ "color": "#401960",
5085
5098
  "flexShrink": 1,
5086
5099
  "lineHeight": 16,
5087
5100
  "textAlign": "center",
@@ -5161,7 +5174,7 @@ exports[`Button renders correctly 39`] = `
5161
5174
  "alignItems": "center",
5162
5175
  "alignSelf": "flex-start",
5163
5176
  "backgroundColor": "transparent",
5164
- "borderRadius": 4,
5177
+ "borderRadius": 999,
5165
5178
  "borderWidth": 0,
5166
5179
  "flexDirection": "row",
5167
5180
  "height": 36,
@@ -5189,7 +5202,7 @@ exports[`Button renders correctly 39`] = `
5189
5202
  },
5190
5203
  [
5191
5204
  {
5192
- "color": "#4d6265",
5205
+ "color": "#001f23",
5193
5206
  "flexShrink": 1,
5194
5207
  "lineHeight": 16,
5195
5208
  "textAlign": "center",
@@ -5269,7 +5282,7 @@ exports[`Button renders correctly 40`] = `
5269
5282
  "alignItems": "center",
5270
5283
  "alignSelf": "flex-start",
5271
5284
  "backgroundColor": "#ece8ef",
5272
- "borderRadius": 4,
5285
+ "borderRadius": 999,
5273
5286
  "borderWidth": 0,
5274
5287
  "flexDirection": "row",
5275
5288
  "height": 36,
@@ -5313,7 +5326,7 @@ exports[`Button renders correctly 40`] = `
5313
5326
  style={
5314
5327
  [
5315
5328
  {
5316
- "backgroundColor": "#cb300a",
5329
+ "backgroundColor": "#001f23",
5317
5330
  "borderRadius": 8,
5318
5331
  "height": 12,
5319
5332
  "marginHorizontal": 8,
@@ -5343,7 +5356,7 @@ exports[`Button renders correctly 40`] = `
5343
5356
  style={
5344
5357
  [
5345
5358
  {
5346
- "backgroundColor": "#cb300a",
5359
+ "backgroundColor": "#001f23",
5347
5360
  "borderRadius": 8,
5348
5361
  "height": 12,
5349
5362
  "marginHorizontal": 8,
@@ -5373,7 +5386,7 @@ exports[`Button renders correctly 40`] = `
5373
5386
  style={
5374
5387
  [
5375
5388
  {
5376
- "backgroundColor": "#cb300a",
5389
+ "backgroundColor": "#001f23",
5377
5390
  "borderRadius": 8,
5378
5391
  "height": 12,
5379
5392
  "marginHorizontal": 8,
@@ -5447,11 +5460,12 @@ exports[`Button renders correctly 41`] = `
5447
5460
  "alignItems": "center",
5448
5461
  "alignSelf": "flex-start",
5449
5462
  "backgroundColor": "transparent",
5450
- "borderRadius": 4,
5463
+ "borderRadius": 999,
5451
5464
  "borderWidth": 0,
5452
5465
  "flexDirection": "row",
5453
5466
  "height": 36,
5454
5467
  "justifyContent": "center",
5468
+ "opacity": 0.25,
5455
5469
  "paddingHorizontal": 16,
5456
5470
  "paddingVertical": 8,
5457
5471
  },
@@ -5475,7 +5489,7 @@ exports[`Button renders correctly 41`] = `
5475
5489
  },
5476
5490
  [
5477
5491
  {
5478
- "color": "#bfc1c5",
5492
+ "color": "#001f23",
5479
5493
  "flexShrink": 1,
5480
5494
  "lineHeight": 16,
5481
5495
  "textAlign": "center",
@@ -5555,7 +5569,7 @@ exports[`Button renders correctly 42`] = `
5555
5569
  "alignItems": "center",
5556
5570
  "alignSelf": "flex-start",
5557
5571
  "backgroundColor": "transparent",
5558
- "borderRadius": 4,
5572
+ "borderRadius": 999,
5559
5573
  "borderWidth": 0,
5560
5574
  "flexDirection": "row",
5561
5575
  "height": 36,
@@ -5662,8 +5676,8 @@ exports[`Button renders correctly 43`] = `
5662
5676
  {
5663
5677
  "alignItems": "center",
5664
5678
  "alignSelf": "flex-start",
5665
- "backgroundColor": "#ece8ef",
5666
- "borderRadius": 4,
5679
+ "backgroundColor": "#fcebe7",
5680
+ "borderRadius": 999,
5667
5681
  "borderWidth": 0,
5668
5682
  "flexDirection": "row",
5669
5683
  "height": 36,
@@ -5841,11 +5855,12 @@ exports[`Button renders correctly 44`] = `
5841
5855
  "alignItems": "center",
5842
5856
  "alignSelf": "flex-start",
5843
5857
  "backgroundColor": "transparent",
5844
- "borderRadius": 4,
5858
+ "borderRadius": 999,
5845
5859
  "borderWidth": 0,
5846
5860
  "flexDirection": "row",
5847
5861
  "height": 36,
5848
5862
  "justifyContent": "center",
5863
+ "opacity": 0.25,
5849
5864
  "paddingHorizontal": 16,
5850
5865
  "paddingVertical": 8,
5851
5866
  },
@@ -5869,7 +5884,7 @@ exports[`Button renders correctly 44`] = `
5869
5884
  },
5870
5885
  [
5871
5886
  {
5872
- "color": "#bfc1c5",
5887
+ "color": "#cb300a",
5873
5888
  "flexShrink": 1,
5874
5889
  "lineHeight": 16,
5875
5890
  "textAlign": "center",
@@ -5949,7 +5964,7 @@ exports[`Button renders correctly 45`] = `
5949
5964
  "alignItems": "center",
5950
5965
  "alignSelf": "flex-start",
5951
5966
  "backgroundColor": "transparent",
5952
- "borderRadius": 4,
5967
+ "borderRadius": 999,
5953
5968
  "borderWidth": 0,
5954
5969
  "flexDirection": "row",
5955
5970
  "height": undefined,
@@ -6057,7 +6072,7 @@ exports[`Button renders correctly 46`] = `
6057
6072
  "alignItems": "center",
6058
6073
  "alignSelf": "flex-start",
6059
6074
  "backgroundColor": "transparent",
6060
- "borderRadius": 4,
6075
+ "borderRadius": 999,
6061
6076
  "borderWidth": 0,
6062
6077
  "flexDirection": "row",
6063
6078
  "height": undefined,
@@ -6101,7 +6116,7 @@ exports[`Button renders correctly 46`] = `
6101
6116
  style={
6102
6117
  [
6103
6118
  {
6104
- "backgroundColor": "#cb300a",
6119
+ "backgroundColor": "#001f23",
6105
6120
  "borderRadius": 8,
6106
6121
  "height": 12,
6107
6122
  "marginHorizontal": 8,
@@ -6131,7 +6146,7 @@ exports[`Button renders correctly 46`] = `
6131
6146
  style={
6132
6147
  [
6133
6148
  {
6134
- "backgroundColor": "#cb300a",
6149
+ "backgroundColor": "#001f23",
6135
6150
  "borderRadius": 8,
6136
6151
  "height": 12,
6137
6152
  "marginHorizontal": 8,
@@ -6161,7 +6176,7 @@ exports[`Button renders correctly 46`] = `
6161
6176
  style={
6162
6177
  [
6163
6178
  {
6164
- "backgroundColor": "#cb300a",
6179
+ "backgroundColor": "#001f23",
6165
6180
  "borderRadius": 8,
6166
6181
  "height": 12,
6167
6182
  "marginHorizontal": 8,
@@ -6235,7 +6250,7 @@ exports[`Button renders correctly 47`] = `
6235
6250
  "alignItems": "center",
6236
6251
  "alignSelf": "flex-start",
6237
6252
  "backgroundColor": "transparent",
6238
- "borderRadius": 4,
6253
+ "borderRadius": 999,
6239
6254
  "borderWidth": 0,
6240
6255
  "flexDirection": "row",
6241
6256
  "height": undefined,
@@ -6343,7 +6358,7 @@ exports[`Button renders correctly 48`] = `
6343
6358
  "alignItems": "center",
6344
6359
  "alignSelf": "flex-start",
6345
6360
  "backgroundColor": "transparent",
6346
- "borderRadius": 4,
6361
+ "borderRadius": 999,
6347
6362
  "borderWidth": 0,
6348
6363
  "flexDirection": "row",
6349
6364
  "height": undefined,
@@ -6387,7 +6402,7 @@ exports[`Button renders correctly 48`] = `
6387
6402
  style={
6388
6403
  [
6389
6404
  {
6390
- "backgroundColor": "#4d6265",
6405
+ "backgroundColor": "#401960",
6391
6406
  "borderRadius": 8,
6392
6407
  "height": 12,
6393
6408
  "marginHorizontal": 8,
@@ -6417,7 +6432,7 @@ exports[`Button renders correctly 48`] = `
6417
6432
  style={
6418
6433
  [
6419
6434
  {
6420
- "backgroundColor": "#4d6265",
6435
+ "backgroundColor": "#401960",
6421
6436
  "borderRadius": 8,
6422
6437
  "height": 12,
6423
6438
  "marginHorizontal": 8,
@@ -6447,7 +6462,7 @@ exports[`Button renders correctly 48`] = `
6447
6462
  style={
6448
6463
  [
6449
6464
  {
6450
- "backgroundColor": "#4d6265",
6465
+ "backgroundColor": "#401960",
6451
6466
  "borderRadius": 8,
6452
6467
  "height": 12,
6453
6468
  "marginHorizontal": 8,
@@ -6521,11 +6536,12 @@ exports[`Button renders correctly 49`] = `
6521
6536
  "alignItems": "center",
6522
6537
  "alignSelf": "flex-start",
6523
6538
  "backgroundColor": "transparent",
6524
- "borderRadius": 4,
6539
+ "borderRadius": 999,
6525
6540
  "borderWidth": 0,
6526
6541
  "flexDirection": "row",
6527
6542
  "height": undefined,
6528
6543
  "justifyContent": "center",
6544
+ "opacity": 0.25,
6529
6545
  "paddingHorizontal": 0,
6530
6546
  "paddingVertical": 0,
6531
6547
  },
@@ -6549,7 +6565,7 @@ exports[`Button renders correctly 49`] = `
6549
6565
  },
6550
6566
  [
6551
6567
  {
6552
- "color": "#bfc1c5",
6568
+ "color": "#401960",
6553
6569
  "flexShrink": 1,
6554
6570
  "lineHeight": 16,
6555
6571
  "textAlign": "center",
@@ -6628,7 +6644,7 @@ exports[`Button renders loading icon 1`] = `
6628
6644
  {
6629
6645
  "alignItems": "center",
6630
6646
  "alignSelf": "stretch",
6631
- "backgroundColor": "#401960",
6647
+ "backgroundColor": "#33144d",
6632
6648
  "borderRadius": 32,
6633
6649
  "flexDirection": "row",
6634
6650
  "height": 60,