@hero-design/rn 8.12.0 → 8.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/es/index.js +121 -34
  3. package/lib/index.js +120 -33
  4. package/package.json +5 -5
  5. package/src/components/Button/Button.tsx +42 -2
  6. package/src/components/Button/LoadingIndicator/StyledLoadingIndicator.tsx +1 -1
  7. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/StyledLoadingIndicator.spec.tsx.snap +1 -1
  8. package/src/components/Button/LoadingIndicator/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  9. package/src/components/Button/StyledButton.tsx +21 -14
  10. package/src/components/Button/__tests__/Button.spec.tsx +46 -1
  11. package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +1564 -0
  12. package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +126 -110
  13. package/src/components/Carousel/__tests__/__snapshots__/index.spec.tsx.snap +24 -22
  14. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +17 -3
  15. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +29 -12
  16. package/src/components/FAB/ActionGroup/ActionItem.tsx +17 -6
  17. package/src/components/FAB/ActionGroup/StyledActionItem.tsx +15 -17
  18. package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap +170 -160
  19. package/src/components/FAB/FAB.tsx +3 -1
  20. package/src/components/List/BasicListItem.tsx +6 -0
  21. package/src/components/List/ListItem.tsx +6 -0
  22. package/src/components/List/StyledBasicListItem.tsx +2 -2
  23. package/src/components/List/StyledListItem.tsx +2 -2
  24. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +22 -18
  25. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +32 -28
  26. package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap +44 -36
  27. package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap +50 -46
  28. package/src/components/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +22 -18
  29. package/src/components/Radio/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +33 -27
  30. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +4 -0
  31. package/src/components/Select/MultiSelect/__tests__/__snapshots__/Option.spec.tsx.snap +11 -9
  32. package/src/components/Select/MultiSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +132 -108
  33. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +268 -166
  34. package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap +11 -9
  35. package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap +132 -108
  36. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +232 -139
  37. package/src/components/TextInput/StyledTextInput.tsx +3 -0
  38. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +466 -28
  39. package/src/components/TextInput/__tests__/index.spec.tsx +32 -0
  40. package/src/components/TextInput/index.tsx +32 -4
  41. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +34 -6
  42. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +46 -15
  43. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +18 -0
  44. package/src/theme/components/button.ts +16 -2
  45. package/src/theme/components/fab.ts +2 -0
  46. package/src/theme/components/textInput.ts +1 -0
  47. package/src/theme/global/borders.ts +2 -0
  48. package/types/components/Button/Button.d.ts +1 -1
  49. package/types/components/Button/StyledButton.d.ts +4 -3
  50. package/types/components/FAB/ActionGroup/StyledActionItem.d.ts +3 -3
  51. package/types/components/List/StyledBasicListItem.d.ts +3 -3
  52. package/types/components/List/StyledListItem.d.ts +3 -3
  53. package/types/theme/components/button.d.ts +14 -0
  54. package/types/theme/components/fab.d.ts +2 -0
  55. package/types/theme/components/textInput.d.ts +1 -0
  56. package/types/theme/global/borders.d.ts +1 -0
@@ -42,6 +42,8 @@ Array [
42
42
  Array [
43
43
  Object {
44
44
  "alignItems": "center",
45
+ "backgroundColor": "#ffffff",
46
+ "borderRadius": 8,
45
47
  "flexDirection": "row",
46
48
  "padding": 16,
47
49
  },
@@ -62,9 +64,15 @@ Array [
62
64
  "right": 0,
63
65
  "top": 0,
64
66
  },
65
- undefined,
67
+ Array [
68
+ Object {
69
+ "backgroundColor": "#ffffff",
70
+ },
71
+ undefined,
72
+ ],
66
73
  ]
67
74
  }
75
+ testID="text-input-border"
68
76
  themeFocused={false}
69
77
  themeVariant="default"
70
78
  />
@@ -157,6 +165,7 @@ Array [
157
165
  "textAlignVertical": "center",
158
166
  },
159
167
  Object {
168
+ "backgroundColor": "#ffffff",
160
169
  "color": "#001f23",
161
170
  },
162
171
  ]
@@ -593,7 +602,6 @@ Array [
593
602
  }
594
603
  }
595
604
  accessible={true}
596
- collapsable={false}
597
605
  focusable={true}
598
606
  onClick={[Function]}
599
607
  onResponderGrant={[Function]}
@@ -603,14 +611,17 @@ Array [
603
611
  onResponderTerminationRequest={[Function]}
604
612
  onStartShouldSetResponder={[Function]}
605
613
  style={
606
- Object {
607
- "alignItems": "center",
608
- "backgroundColor": "#ffffff",
609
- "borderRadius": 4,
610
- "flexDirection": "row",
611
- "opacity": 1,
612
- "padding": 16,
613
- }
614
+ Array [
615
+ Object {
616
+ "alignItems": "center",
617
+ "backgroundColor": "#ffffff",
618
+ "borderRadius": 4,
619
+ "flexDirection": "row",
620
+ "opacity": 1,
621
+ "padding": 16,
622
+ },
623
+ undefined,
624
+ ]
614
625
  }
615
626
  >
616
627
  <View
@@ -738,7 +749,6 @@ Array [
738
749
  }
739
750
  }
740
751
  accessible={true}
741
- collapsable={false}
742
752
  focusable={true}
743
753
  onClick={[Function]}
744
754
  onResponderGrant={[Function]}
@@ -748,14 +758,17 @@ Array [
748
758
  onResponderTerminationRequest={[Function]}
749
759
  onStartShouldSetResponder={[Function]}
750
760
  style={
751
- Object {
752
- "alignItems": "center",
753
- "backgroundColor": "#ffffff",
754
- "borderRadius": 4,
755
- "flexDirection": "row",
756
- "opacity": 1,
757
- "padding": 16,
758
- }
761
+ Array [
762
+ Object {
763
+ "alignItems": "center",
764
+ "backgroundColor": "#ffffff",
765
+ "borderRadius": 4,
766
+ "flexDirection": "row",
767
+ "opacity": 1,
768
+ "padding": 16,
769
+ },
770
+ undefined,
771
+ ]
759
772
  }
760
773
  >
761
774
  <View
@@ -999,7 +1012,6 @@ Array [
999
1012
  }
1000
1013
  }
1001
1014
  accessible={true}
1002
- collapsable={false}
1003
1015
  focusable={true}
1004
1016
  onClick={[Function]}
1005
1017
  onResponderGrant={[Function]}
@@ -1009,14 +1021,17 @@ Array [
1009
1021
  onResponderTerminationRequest={[Function]}
1010
1022
  onStartShouldSetResponder={[Function]}
1011
1023
  style={
1012
- Object {
1013
- "alignItems": "center",
1014
- "backgroundColor": "#ffffff",
1015
- "borderRadius": 4,
1016
- "flexDirection": "row",
1017
- "opacity": 1,
1018
- "padding": 16,
1019
- }
1024
+ Array [
1025
+ Object {
1026
+ "alignItems": "center",
1027
+ "backgroundColor": "#ffffff",
1028
+ "borderRadius": 4,
1029
+ "flexDirection": "row",
1030
+ "opacity": 1,
1031
+ "padding": 16,
1032
+ },
1033
+ undefined,
1034
+ ]
1020
1035
  }
1021
1036
  >
1022
1037
  <View
@@ -1144,7 +1159,6 @@ Array [
1144
1159
  }
1145
1160
  }
1146
1161
  accessible={true}
1147
- collapsable={false}
1148
1162
  focusable={true}
1149
1163
  onClick={[Function]}
1150
1164
  onResponderGrant={[Function]}
@@ -1154,14 +1168,17 @@ Array [
1154
1168
  onResponderTerminationRequest={[Function]}
1155
1169
  onStartShouldSetResponder={[Function]}
1156
1170
  style={
1157
- Object {
1158
- "alignItems": "center",
1159
- "backgroundColor": "#ffffff",
1160
- "borderRadius": 4,
1161
- "flexDirection": "row",
1162
- "opacity": 1,
1163
- "padding": 16,
1164
- }
1171
+ Array [
1172
+ Object {
1173
+ "alignItems": "center",
1174
+ "backgroundColor": "#ffffff",
1175
+ "borderRadius": 4,
1176
+ "flexDirection": "row",
1177
+ "opacity": 1,
1178
+ "padding": 16,
1179
+ },
1180
+ undefined,
1181
+ ]
1165
1182
  }
1166
1183
  >
1167
1184
  <View
@@ -1298,7 +1315,6 @@ Array [
1298
1315
  }
1299
1316
  }
1300
1317
  accessible={true}
1301
- collapsable={false}
1302
1318
  focusable={true}
1303
1319
  onClick={[Function]}
1304
1320
  onResponderGrant={[Function]}
@@ -1308,14 +1324,18 @@ Array [
1308
1324
  onResponderTerminationRequest={[Function]}
1309
1325
  onStartShouldSetResponder={[Function]}
1310
1326
  style={
1311
- Object {
1312
- "alignItems": "center",
1313
- "borderWidth": 0,
1314
- "flexDirection": "row",
1315
- "justifyContent": "center",
1316
- "opacity": 1,
1317
- "padding": 16,
1318
- }
1327
+ Array [
1328
+ Object {
1329
+ "alignItems": "center",
1330
+ "backgroundColor": "transparent",
1331
+ "borderRadius": 4,
1332
+ "borderWidth": 0,
1333
+ "flexDirection": "row",
1334
+ "justifyContent": "center",
1335
+ "padding": 12,
1336
+ },
1337
+ undefined,
1338
+ ]
1319
1339
  }
1320
1340
  >
1321
1341
  <Text
@@ -1404,6 +1424,8 @@ Array [
1404
1424
  Array [
1405
1425
  Object {
1406
1426
  "alignItems": "center",
1427
+ "backgroundColor": "#ffffff",
1428
+ "borderRadius": 8,
1407
1429
  "flexDirection": "row",
1408
1430
  "padding": 16,
1409
1431
  },
@@ -1424,9 +1446,15 @@ Array [
1424
1446
  "right": 0,
1425
1447
  "top": 0,
1426
1448
  },
1427
- undefined,
1449
+ Array [
1450
+ Object {
1451
+ "backgroundColor": "#ffffff",
1452
+ },
1453
+ undefined,
1454
+ ],
1428
1455
  ]
1429
1456
  }
1457
+ testID="text-input-border"
1430
1458
  themeFocused={false}
1431
1459
  themeVariant="filled"
1432
1460
  />
@@ -1443,9 +1471,12 @@ Array [
1443
1471
  "top": -10,
1444
1472
  "zIndex": 1,
1445
1473
  },
1446
- undefined,
1474
+ Object {
1475
+ "backgroundColor": "#ffffff",
1476
+ },
1447
1477
  ]
1448
1478
  }
1479
+ testID="label-container"
1449
1480
  >
1450
1481
  <Text
1451
1482
  style={
@@ -1461,7 +1492,9 @@ Array [
1461
1492
  Object {
1462
1493
  "color": "#001f23",
1463
1494
  },
1464
- undefined,
1495
+ Object {
1496
+ "backgroundColor": "#ffffff",
1497
+ },
1465
1498
  ],
1466
1499
  ]
1467
1500
  }
@@ -1513,6 +1546,7 @@ Array [
1513
1546
  "textAlignVertical": "center",
1514
1547
  },
1515
1548
  Object {
1549
+ "backgroundColor": "#ffffff",
1516
1550
  "color": "#001f23",
1517
1551
  },
1518
1552
  ]
@@ -1615,6 +1649,8 @@ Array [
1615
1649
  Array [
1616
1650
  Object {
1617
1651
  "alignItems": "center",
1652
+ "backgroundColor": "#ffffff",
1653
+ "borderRadius": 8,
1618
1654
  "flexDirection": "row",
1619
1655
  "padding": 16,
1620
1656
  },
@@ -1635,9 +1671,15 @@ Array [
1635
1671
  "right": 0,
1636
1672
  "top": 0,
1637
1673
  },
1638
- undefined,
1674
+ Array [
1675
+ Object {
1676
+ "backgroundColor": "#ffffff",
1677
+ },
1678
+ undefined,
1679
+ ],
1639
1680
  ]
1640
1681
  }
1682
+ testID="text-input-border"
1641
1683
  themeFocused={false}
1642
1684
  themeVariant="filled"
1643
1685
  />
@@ -1654,9 +1696,12 @@ Array [
1654
1696
  "top": -10,
1655
1697
  "zIndex": 1,
1656
1698
  },
1657
- undefined,
1699
+ Object {
1700
+ "backgroundColor": "#ffffff",
1701
+ },
1658
1702
  ]
1659
1703
  }
1704
+ testID="label-container"
1660
1705
  >
1661
1706
  <Text
1662
1707
  style={
@@ -1672,7 +1717,9 @@ Array [
1672
1717
  Object {
1673
1718
  "color": "#001f23",
1674
1719
  },
1675
- undefined,
1720
+ Object {
1721
+ "backgroundColor": "#ffffff",
1722
+ },
1676
1723
  ],
1677
1724
  ]
1678
1725
  }
@@ -1724,6 +1771,7 @@ Array [
1724
1771
  "textAlignVertical": "center",
1725
1772
  },
1726
1773
  Object {
1774
+ "backgroundColor": "#ffffff",
1727
1775
  "color": "#001f23",
1728
1776
  },
1729
1777
  ]
@@ -2101,7 +2149,6 @@ Array [
2101
2149
  }
2102
2150
  }
2103
2151
  accessible={true}
2104
- collapsable={false}
2105
2152
  focusable={true}
2106
2153
  onClick={[Function]}
2107
2154
  onResponderGrant={[Function]}
@@ -2111,14 +2158,17 @@ Array [
2111
2158
  onResponderTerminationRequest={[Function]}
2112
2159
  onStartShouldSetResponder={[Function]}
2113
2160
  style={
2114
- Object {
2115
- "alignItems": "center",
2116
- "backgroundColor": "#ece8ef",
2117
- "borderRadius": 4,
2118
- "flexDirection": "row",
2119
- "opacity": 1,
2120
- "padding": 16,
2121
- }
2161
+ Array [
2162
+ Object {
2163
+ "alignItems": "center",
2164
+ "backgroundColor": "#ece8ef",
2165
+ "borderRadius": 4,
2166
+ "flexDirection": "row",
2167
+ "opacity": 1,
2168
+ "padding": 16,
2169
+ },
2170
+ undefined,
2171
+ ]
2122
2172
  }
2123
2173
  >
2124
2174
  <View
@@ -2253,7 +2303,6 @@ Array [
2253
2303
  }
2254
2304
  }
2255
2305
  accessible={true}
2256
- collapsable={false}
2257
2306
  focusable={true}
2258
2307
  onClick={[Function]}
2259
2308
  onResponderGrant={[Function]}
@@ -2263,14 +2312,17 @@ Array [
2263
2312
  onResponderTerminationRequest={[Function]}
2264
2313
  onStartShouldSetResponder={[Function]}
2265
2314
  style={
2266
- Object {
2267
- "alignItems": "center",
2268
- "backgroundColor": "#ece8ef",
2269
- "borderRadius": 4,
2270
- "flexDirection": "row",
2271
- "opacity": 1,
2272
- "padding": 16,
2273
- }
2315
+ Array [
2316
+ Object {
2317
+ "alignItems": "center",
2318
+ "backgroundColor": "#ece8ef",
2319
+ "borderRadius": 4,
2320
+ "flexDirection": "row",
2321
+ "opacity": 1,
2322
+ "padding": 16,
2323
+ },
2324
+ undefined,
2325
+ ]
2274
2326
  }
2275
2327
  >
2276
2328
  <View
@@ -2405,7 +2457,6 @@ Array [
2405
2457
  }
2406
2458
  }
2407
2459
  accessible={true}
2408
- collapsable={false}
2409
2460
  focusable={true}
2410
2461
  onClick={[Function]}
2411
2462
  onResponderGrant={[Function]}
@@ -2415,14 +2466,17 @@ Array [
2415
2466
  onResponderTerminationRequest={[Function]}
2416
2467
  onStartShouldSetResponder={[Function]}
2417
2468
  style={
2418
- Object {
2419
- "alignItems": "center",
2420
- "backgroundColor": "#ffffff",
2421
- "borderRadius": 4,
2422
- "flexDirection": "row",
2423
- "opacity": 1,
2424
- "padding": 16,
2425
- }
2469
+ Array [
2470
+ Object {
2471
+ "alignItems": "center",
2472
+ "backgroundColor": "#ffffff",
2473
+ "borderRadius": 4,
2474
+ "flexDirection": "row",
2475
+ "opacity": 1,
2476
+ "padding": 16,
2477
+ },
2478
+ undefined,
2479
+ ]
2426
2480
  }
2427
2481
  >
2428
2482
  <View
@@ -2530,7 +2584,6 @@ Array [
2530
2584
  }
2531
2585
  }
2532
2586
  accessible={true}
2533
- collapsable={false}
2534
2587
  focusable={true}
2535
2588
  onClick={[Function]}
2536
2589
  onResponderGrant={[Function]}
@@ -2540,14 +2593,17 @@ Array [
2540
2593
  onResponderTerminationRequest={[Function]}
2541
2594
  onStartShouldSetResponder={[Function]}
2542
2595
  style={
2543
- Object {
2544
- "alignItems": "center",
2545
- "backgroundColor": "#ffffff",
2546
- "borderRadius": 4,
2547
- "flexDirection": "row",
2548
- "opacity": 1,
2549
- "padding": 16,
2550
- }
2596
+ Array [
2597
+ Object {
2598
+ "alignItems": "center",
2599
+ "backgroundColor": "#ffffff",
2600
+ "borderRadius": 4,
2601
+ "flexDirection": "row",
2602
+ "opacity": 1,
2603
+ "padding": 16,
2604
+ },
2605
+ undefined,
2606
+ ]
2551
2607
  }
2552
2608
  >
2553
2609
  <View
@@ -2655,7 +2711,6 @@ Array [
2655
2711
  }
2656
2712
  }
2657
2713
  accessible={true}
2658
- collapsable={false}
2659
2714
  focusable={true}
2660
2715
  onClick={[Function]}
2661
2716
  onResponderGrant={[Function]}
@@ -2665,14 +2720,17 @@ Array [
2665
2720
  onResponderTerminationRequest={[Function]}
2666
2721
  onStartShouldSetResponder={[Function]}
2667
2722
  style={
2668
- Object {
2669
- "alignItems": "center",
2670
- "backgroundColor": "#ffffff",
2671
- "borderRadius": 4,
2672
- "flexDirection": "row",
2673
- "opacity": 1,
2674
- "padding": 16,
2675
- }
2723
+ Array [
2724
+ Object {
2725
+ "alignItems": "center",
2726
+ "backgroundColor": "#ffffff",
2727
+ "borderRadius": 4,
2728
+ "flexDirection": "row",
2729
+ "opacity": 1,
2730
+ "padding": 16,
2731
+ },
2732
+ undefined,
2733
+ ]
2676
2734
  }
2677
2735
  >
2678
2736
  <View
@@ -2780,7 +2838,6 @@ Array [
2780
2838
  }
2781
2839
  }
2782
2840
  accessible={true}
2783
- collapsable={false}
2784
2841
  focusable={true}
2785
2842
  onClick={[Function]}
2786
2843
  onResponderGrant={[Function]}
@@ -2790,14 +2847,17 @@ Array [
2790
2847
  onResponderTerminationRequest={[Function]}
2791
2848
  onStartShouldSetResponder={[Function]}
2792
2849
  style={
2793
- Object {
2794
- "alignItems": "center",
2795
- "backgroundColor": "#ffffff",
2796
- "borderRadius": 4,
2797
- "flexDirection": "row",
2798
- "opacity": 1,
2799
- "padding": 16,
2800
- }
2850
+ Array [
2851
+ Object {
2852
+ "alignItems": "center",
2853
+ "backgroundColor": "#ffffff",
2854
+ "borderRadius": 4,
2855
+ "flexDirection": "row",
2856
+ "opacity": 1,
2857
+ "padding": 16,
2858
+ },
2859
+ undefined,
2860
+ ]
2801
2861
  }
2802
2862
  >
2803
2863
  <View
@@ -2906,7 +2966,6 @@ Array [
2906
2966
  }
2907
2967
  }
2908
2968
  accessible={true}
2909
- collapsable={false}
2910
2969
  focusable={true}
2911
2970
  onClick={[Function]}
2912
2971
  onResponderGrant={[Function]}
@@ -2916,14 +2975,17 @@ Array [
2916
2975
  onResponderTerminationRequest={[Function]}
2917
2976
  onStartShouldSetResponder={[Function]}
2918
2977
  style={
2919
- Object {
2920
- "alignItems": "center",
2921
- "backgroundColor": "#ffffff",
2922
- "borderRadius": 4,
2923
- "flexDirection": "row",
2924
- "opacity": 0.38,
2925
- "padding": 16,
2926
- }
2978
+ Array [
2979
+ Object {
2980
+ "alignItems": "center",
2981
+ "backgroundColor": "#ffffff",
2982
+ "borderRadius": 4,
2983
+ "flexDirection": "row",
2984
+ "opacity": 0.38,
2985
+ "padding": 16,
2986
+ },
2987
+ undefined,
2988
+ ]
2927
2989
  }
2928
2990
  >
2929
2991
  <View
@@ -3042,7 +3104,6 @@ Array [
3042
3104
  }
3043
3105
  }
3044
3106
  accessible={true}
3045
- collapsable={false}
3046
3107
  focusable={true}
3047
3108
  onClick={[Function]}
3048
3109
  onResponderGrant={[Function]}
@@ -3052,14 +3113,18 @@ Array [
3052
3113
  onResponderTerminationRequest={[Function]}
3053
3114
  onStartShouldSetResponder={[Function]}
3054
3115
  style={
3055
- Object {
3056
- "alignItems": "center",
3057
- "borderWidth": 0,
3058
- "flexDirection": "row",
3059
- "justifyContent": "center",
3060
- "opacity": 1,
3061
- "padding": 16,
3062
- }
3116
+ Array [
3117
+ Object {
3118
+ "alignItems": "center",
3119
+ "backgroundColor": "transparent",
3120
+ "borderRadius": 4,
3121
+ "borderWidth": 0,
3122
+ "flexDirection": "row",
3123
+ "justifyContent": "center",
3124
+ "padding": 12,
3125
+ },
3126
+ undefined,
3127
+ ]
3063
3128
  }
3064
3129
  >
3065
3130
  <Text
@@ -3148,6 +3213,8 @@ Array [
3148
3213
  Array [
3149
3214
  Object {
3150
3215
  "alignItems": "center",
3216
+ "backgroundColor": "#ffffff",
3217
+ "borderRadius": 8,
3151
3218
  "flexDirection": "row",
3152
3219
  "padding": 16,
3153
3220
  },
@@ -3168,9 +3235,15 @@ Array [
3168
3235
  "right": 0,
3169
3236
  "top": 0,
3170
3237
  },
3171
- undefined,
3238
+ Array [
3239
+ Object {
3240
+ "backgroundColor": "#ffffff",
3241
+ },
3242
+ undefined,
3243
+ ],
3172
3244
  ]
3173
3245
  }
3246
+ testID="text-input-border"
3174
3247
  themeFocused={false}
3175
3248
  themeVariant="readonly"
3176
3249
  />
@@ -3187,9 +3260,12 @@ Array [
3187
3260
  "top": -10,
3188
3261
  "zIndex": 1,
3189
3262
  },
3190
- undefined,
3263
+ Object {
3264
+ "backgroundColor": "#ffffff",
3265
+ },
3191
3266
  ]
3192
3267
  }
3268
+ testID="label-container"
3193
3269
  >
3194
3270
  <Text
3195
3271
  style={
@@ -3205,7 +3281,9 @@ Array [
3205
3281
  Object {
3206
3282
  "color": "#808f91",
3207
3283
  },
3208
- undefined,
3284
+ Object {
3285
+ "backgroundColor": "#ffffff",
3286
+ },
3209
3287
  ],
3210
3288
  ]
3211
3289
  }
@@ -3257,6 +3335,7 @@ Array [
3257
3335
  "textAlignVertical": "center",
3258
3336
  },
3259
3337
  Object {
3338
+ "backgroundColor": "#ffffff",
3260
3339
  "color": "#001f23",
3261
3340
  },
3262
3341
  ]
@@ -3372,6 +3451,8 @@ Array [
3372
3451
  Array [
3373
3452
  Object {
3374
3453
  "alignItems": "center",
3454
+ "backgroundColor": "#ffffff",
3455
+ "borderRadius": 8,
3375
3456
  "flexDirection": "row",
3376
3457
  "padding": 16,
3377
3458
  },
@@ -3392,9 +3473,15 @@ Array [
3392
3473
  "right": 0,
3393
3474
  "top": 0,
3394
3475
  },
3395
- undefined,
3476
+ Array [
3477
+ Object {
3478
+ "backgroundColor": "#ffffff",
3479
+ },
3480
+ undefined,
3481
+ ],
3396
3482
  ]
3397
3483
  }
3484
+ testID="text-input-border"
3398
3485
  themeFocused={false}
3399
3486
  themeVariant="filled"
3400
3487
  />
@@ -3411,9 +3498,12 @@ Array [
3411
3498
  "top": -10,
3412
3499
  "zIndex": 1,
3413
3500
  },
3414
- undefined,
3501
+ Object {
3502
+ "backgroundColor": "#ffffff",
3503
+ },
3415
3504
  ]
3416
3505
  }
3506
+ testID="label-container"
3417
3507
  >
3418
3508
  <Text
3419
3509
  style={
@@ -3429,7 +3519,9 @@ Array [
3429
3519
  Object {
3430
3520
  "color": "#001f23",
3431
3521
  },
3432
- undefined,
3522
+ Object {
3523
+ "backgroundColor": "#ffffff",
3524
+ },
3433
3525
  ],
3434
3526
  ]
3435
3527
  }
@@ -3481,6 +3573,7 @@ Array [
3481
3573
  "textAlignVertical": "center",
3482
3574
  },
3483
3575
  Object {
3576
+ "backgroundColor": "#ffffff",
3484
3577
  "color": "#001f23",
3485
3578
  },
3486
3579
  ]
@@ -3900,7 +3993,6 @@ Array [
3900
3993
  }
3901
3994
  }
3902
3995
  accessible={true}
3903
- collapsable={false}
3904
3996
  focusable={true}
3905
3997
  onClick={[Function]}
3906
3998
  onResponderGrant={[Function]}
@@ -3910,14 +4002,17 @@ Array [
3910
4002
  onResponderTerminationRequest={[Function]}
3911
4003
  onStartShouldSetResponder={[Function]}
3912
4004
  style={
3913
- Object {
3914
- "alignItems": "center",
3915
- "backgroundColor": "#ffffff",
3916
- "borderRadius": 4,
3917
- "flexDirection": "row",
3918
- "opacity": 1,
3919
- "padding": 16,
3920
- }
4005
+ Array [
4006
+ Object {
4007
+ "alignItems": "center",
4008
+ "backgroundColor": "#ffffff",
4009
+ "borderRadius": 4,
4010
+ "flexDirection": "row",
4011
+ "opacity": 1,
4012
+ "padding": 16,
4013
+ },
4014
+ undefined,
4015
+ ]
3921
4016
  }
3922
4017
  >
3923
4018
  <View
@@ -4123,7 +4218,6 @@ Array [
4123
4218
  }
4124
4219
  }
4125
4220
  accessible={true}
4126
- collapsable={false}
4127
4221
  focusable={true}
4128
4222
  onClick={[Function]}
4129
4223
  onResponderGrant={[Function]}
@@ -4133,14 +4227,17 @@ Array [
4133
4227
  onResponderTerminationRequest={[Function]}
4134
4228
  onStartShouldSetResponder={[Function]}
4135
4229
  style={
4136
- Object {
4137
- "alignItems": "center",
4138
- "backgroundColor": "#ece8ef",
4139
- "borderRadius": 4,
4140
- "flexDirection": "row",
4141
- "opacity": 1,
4142
- "padding": 16,
4143
- }
4230
+ Array [
4231
+ Object {
4232
+ "alignItems": "center",
4233
+ "backgroundColor": "#ece8ef",
4234
+ "borderRadius": 4,
4235
+ "flexDirection": "row",
4236
+ "opacity": 1,
4237
+ "padding": 16,
4238
+ },
4239
+ undefined,
4240
+ ]
4144
4241
  }
4145
4242
  >
4146
4243
  <View
@@ -4265,7 +4362,6 @@ Array [
4265
4362
  }
4266
4363
  }
4267
4364
  accessible={true}
4268
- collapsable={false}
4269
4365
  focusable={true}
4270
4366
  onClick={[Function]}
4271
4367
  onResponderGrant={[Function]}
@@ -4275,14 +4371,17 @@ Array [
4275
4371
  onResponderTerminationRequest={[Function]}
4276
4372
  onStartShouldSetResponder={[Function]}
4277
4373
  style={
4278
- Object {
4279
- "alignItems": "center",
4280
- "backgroundColor": "#ece8ef",
4281
- "borderRadius": 4,
4282
- "flexDirection": "row",
4283
- "opacity": 1,
4284
- "padding": 16,
4285
- }
4374
+ Array [
4375
+ Object {
4376
+ "alignItems": "center",
4377
+ "backgroundColor": "#ece8ef",
4378
+ "borderRadius": 4,
4379
+ "flexDirection": "row",
4380
+ "opacity": 1,
4381
+ "padding": 16,
4382
+ },
4383
+ undefined,
4384
+ ]
4286
4385
  }
4287
4386
  >
4288
4387
  <View
@@ -4417,7 +4516,6 @@ Array [
4417
4516
  }
4418
4517
  }
4419
4518
  accessible={true}
4420
- collapsable={false}
4421
4519
  focusable={true}
4422
4520
  onClick={[Function]}
4423
4521
  onResponderGrant={[Function]}
@@ -4427,14 +4525,18 @@ Array [
4427
4525
  onResponderTerminationRequest={[Function]}
4428
4526
  onStartShouldSetResponder={[Function]}
4429
4527
  style={
4430
- Object {
4431
- "alignItems": "center",
4432
- "borderWidth": 0,
4433
- "flexDirection": "row",
4434
- "justifyContent": "center",
4435
- "opacity": 1,
4436
- "padding": 16,
4437
- }
4528
+ Array [
4529
+ Object {
4530
+ "alignItems": "center",
4531
+ "backgroundColor": "transparent",
4532
+ "borderRadius": 4,
4533
+ "borderWidth": 0,
4534
+ "flexDirection": "row",
4535
+ "justifyContent": "center",
4536
+ "padding": 12,
4537
+ },
4538
+ undefined,
4539
+ ]
4438
4540
  }
4439
4541
  >
4440
4542
  <Text