@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
  ]
@@ -597,7 +606,6 @@ Array [
597
606
  }
598
607
  }
599
608
  accessible={true}
600
- collapsable={false}
601
609
  focusable={true}
602
610
  onClick={[Function]}
603
611
  onResponderGrant={[Function]}
@@ -607,14 +615,17 @@ Array [
607
615
  onResponderTerminationRequest={[Function]}
608
616
  onStartShouldSetResponder={[Function]}
609
617
  style={
610
- Object {
611
- "alignItems": "center",
612
- "backgroundColor": "#ffffff",
613
- "borderRadius": 4,
614
- "flexDirection": "row",
615
- "opacity": 1,
616
- "padding": 16,
617
- }
618
+ Array [
619
+ Object {
620
+ "alignItems": "center",
621
+ "backgroundColor": "#ffffff",
622
+ "borderRadius": 4,
623
+ "flexDirection": "row",
624
+ "opacity": 1,
625
+ "padding": 16,
626
+ },
627
+ undefined,
628
+ ]
618
629
  }
619
630
  >
620
631
  <View
@@ -742,7 +753,6 @@ Array [
742
753
  }
743
754
  }
744
755
  accessible={true}
745
- collapsable={false}
746
756
  focusable={true}
747
757
  onClick={[Function]}
748
758
  onResponderGrant={[Function]}
@@ -752,14 +762,17 @@ Array [
752
762
  onResponderTerminationRequest={[Function]}
753
763
  onStartShouldSetResponder={[Function]}
754
764
  style={
755
- Object {
756
- "alignItems": "center",
757
- "backgroundColor": "#ffffff",
758
- "borderRadius": 4,
759
- "flexDirection": "row",
760
- "opacity": 1,
761
- "padding": 16,
762
- }
765
+ Array [
766
+ Object {
767
+ "alignItems": "center",
768
+ "backgroundColor": "#ffffff",
769
+ "borderRadius": 4,
770
+ "flexDirection": "row",
771
+ "opacity": 1,
772
+ "padding": 16,
773
+ },
774
+ undefined,
775
+ ]
763
776
  }
764
777
  >
765
778
  <View
@@ -1003,7 +1016,6 @@ Array [
1003
1016
  }
1004
1017
  }
1005
1018
  accessible={true}
1006
- collapsable={false}
1007
1019
  focusable={true}
1008
1020
  onClick={[Function]}
1009
1021
  onResponderGrant={[Function]}
@@ -1013,14 +1025,17 @@ Array [
1013
1025
  onResponderTerminationRequest={[Function]}
1014
1026
  onStartShouldSetResponder={[Function]}
1015
1027
  style={
1016
- Object {
1017
- "alignItems": "center",
1018
- "backgroundColor": "#ffffff",
1019
- "borderRadius": 4,
1020
- "flexDirection": "row",
1021
- "opacity": 1,
1022
- "padding": 16,
1023
- }
1028
+ Array [
1029
+ Object {
1030
+ "alignItems": "center",
1031
+ "backgroundColor": "#ffffff",
1032
+ "borderRadius": 4,
1033
+ "flexDirection": "row",
1034
+ "opacity": 1,
1035
+ "padding": 16,
1036
+ },
1037
+ undefined,
1038
+ ]
1024
1039
  }
1025
1040
  >
1026
1041
  <View
@@ -1148,7 +1163,6 @@ Array [
1148
1163
  }
1149
1164
  }
1150
1165
  accessible={true}
1151
- collapsable={false}
1152
1166
  focusable={true}
1153
1167
  onClick={[Function]}
1154
1168
  onResponderGrant={[Function]}
@@ -1158,14 +1172,17 @@ Array [
1158
1172
  onResponderTerminationRequest={[Function]}
1159
1173
  onStartShouldSetResponder={[Function]}
1160
1174
  style={
1161
- Object {
1162
- "alignItems": "center",
1163
- "backgroundColor": "#ffffff",
1164
- "borderRadius": 4,
1165
- "flexDirection": "row",
1166
- "opacity": 1,
1167
- "padding": 16,
1168
- }
1175
+ Array [
1176
+ Object {
1177
+ "alignItems": "center",
1178
+ "backgroundColor": "#ffffff",
1179
+ "borderRadius": 4,
1180
+ "flexDirection": "row",
1181
+ "opacity": 1,
1182
+ "padding": 16,
1183
+ },
1184
+ undefined,
1185
+ ]
1169
1186
  }
1170
1187
  >
1171
1188
  <View
@@ -1329,6 +1346,8 @@ Array [
1329
1346
  Array [
1330
1347
  Object {
1331
1348
  "alignItems": "center",
1349
+ "backgroundColor": "#ffffff",
1350
+ "borderRadius": 8,
1332
1351
  "flexDirection": "row",
1333
1352
  "padding": 16,
1334
1353
  },
@@ -1349,9 +1368,15 @@ Array [
1349
1368
  "right": 0,
1350
1369
  "top": 0,
1351
1370
  },
1352
- undefined,
1371
+ Array [
1372
+ Object {
1373
+ "backgroundColor": "#ffffff",
1374
+ },
1375
+ undefined,
1376
+ ],
1353
1377
  ]
1354
1378
  }
1379
+ testID="text-input-border"
1355
1380
  themeFocused={false}
1356
1381
  themeVariant="filled"
1357
1382
  />
@@ -1368,9 +1393,12 @@ Array [
1368
1393
  "top": -10,
1369
1394
  "zIndex": 1,
1370
1395
  },
1371
- undefined,
1396
+ Object {
1397
+ "backgroundColor": "#ffffff",
1398
+ },
1372
1399
  ]
1373
1400
  }
1401
+ testID="label-container"
1374
1402
  >
1375
1403
  <Text
1376
1404
  style={
@@ -1386,7 +1414,9 @@ Array [
1386
1414
  Object {
1387
1415
  "color": "#001f23",
1388
1416
  },
1389
- undefined,
1417
+ Object {
1418
+ "backgroundColor": "#ffffff",
1419
+ },
1390
1420
  ],
1391
1421
  ]
1392
1422
  }
@@ -1438,6 +1468,7 @@ Array [
1438
1468
  "textAlignVertical": "center",
1439
1469
  },
1440
1470
  Object {
1471
+ "backgroundColor": "#ffffff",
1441
1472
  "color": "#001f23",
1442
1473
  },
1443
1474
  ]
@@ -1540,6 +1571,8 @@ Array [
1540
1571
  Array [
1541
1572
  Object {
1542
1573
  "alignItems": "center",
1574
+ "backgroundColor": "#ffffff",
1575
+ "borderRadius": 8,
1543
1576
  "flexDirection": "row",
1544
1577
  "padding": 16,
1545
1578
  },
@@ -1560,9 +1593,15 @@ Array [
1560
1593
  "right": 0,
1561
1594
  "top": 0,
1562
1595
  },
1563
- undefined,
1596
+ Array [
1597
+ Object {
1598
+ "backgroundColor": "#ffffff",
1599
+ },
1600
+ undefined,
1601
+ ],
1564
1602
  ]
1565
1603
  }
1604
+ testID="text-input-border"
1566
1605
  themeFocused={false}
1567
1606
  themeVariant="filled"
1568
1607
  />
@@ -1579,9 +1618,12 @@ Array [
1579
1618
  "top": -10,
1580
1619
  "zIndex": 1,
1581
1620
  },
1582
- undefined,
1621
+ Object {
1622
+ "backgroundColor": "#ffffff",
1623
+ },
1583
1624
  ]
1584
1625
  }
1626
+ testID="label-container"
1585
1627
  >
1586
1628
  <Text
1587
1629
  style={
@@ -1597,7 +1639,9 @@ Array [
1597
1639
  Object {
1598
1640
  "color": "#001f23",
1599
1641
  },
1600
- undefined,
1642
+ Object {
1643
+ "backgroundColor": "#ffffff",
1644
+ },
1601
1645
  ],
1602
1646
  ]
1603
1647
  }
@@ -1649,6 +1693,7 @@ Array [
1649
1693
  "textAlignVertical": "center",
1650
1694
  },
1651
1695
  Object {
1696
+ "backgroundColor": "#ffffff",
1652
1697
  "color": "#001f23",
1653
1698
  },
1654
1699
  ]
@@ -2031,7 +2076,6 @@ Array [
2031
2076
  }
2032
2077
  }
2033
2078
  accessible={true}
2034
- collapsable={false}
2035
2079
  focusable={true}
2036
2080
  onClick={[Function]}
2037
2081
  onResponderGrant={[Function]}
@@ -2041,14 +2085,17 @@ Array [
2041
2085
  onResponderTerminationRequest={[Function]}
2042
2086
  onStartShouldSetResponder={[Function]}
2043
2087
  style={
2044
- Object {
2045
- "alignItems": "center",
2046
- "backgroundColor": "#ece8ef",
2047
- "borderRadius": 4,
2048
- "flexDirection": "row",
2049
- "opacity": 1,
2050
- "padding": 16,
2051
- }
2088
+ Array [
2089
+ Object {
2090
+ "alignItems": "center",
2091
+ "backgroundColor": "#ece8ef",
2092
+ "borderRadius": 4,
2093
+ "flexDirection": "row",
2094
+ "opacity": 1,
2095
+ "padding": 16,
2096
+ },
2097
+ undefined,
2098
+ ]
2052
2099
  }
2053
2100
  >
2054
2101
  <View
@@ -2156,7 +2203,6 @@ Array [
2156
2203
  }
2157
2204
  }
2158
2205
  accessible={true}
2159
- collapsable={false}
2160
2206
  focusable={true}
2161
2207
  onClick={[Function]}
2162
2208
  onResponderGrant={[Function]}
@@ -2166,14 +2212,17 @@ Array [
2166
2212
  onResponderTerminationRequest={[Function]}
2167
2213
  onStartShouldSetResponder={[Function]}
2168
2214
  style={
2169
- Object {
2170
- "alignItems": "center",
2171
- "backgroundColor": "#ffffff",
2172
- "borderRadius": 4,
2173
- "flexDirection": "row",
2174
- "opacity": 1,
2175
- "padding": 16,
2176
- }
2215
+ Array [
2216
+ Object {
2217
+ "alignItems": "center",
2218
+ "backgroundColor": "#ffffff",
2219
+ "borderRadius": 4,
2220
+ "flexDirection": "row",
2221
+ "opacity": 1,
2222
+ "padding": 16,
2223
+ },
2224
+ undefined,
2225
+ ]
2177
2226
  }
2178
2227
  >
2179
2228
  <View
@@ -2281,7 +2330,6 @@ Array [
2281
2330
  }
2282
2331
  }
2283
2332
  accessible={true}
2284
- collapsable={false}
2285
2333
  focusable={true}
2286
2334
  onClick={[Function]}
2287
2335
  onResponderGrant={[Function]}
@@ -2291,14 +2339,17 @@ Array [
2291
2339
  onResponderTerminationRequest={[Function]}
2292
2340
  onStartShouldSetResponder={[Function]}
2293
2341
  style={
2294
- Object {
2295
- "alignItems": "center",
2296
- "backgroundColor": "#ffffff",
2297
- "borderRadius": 4,
2298
- "flexDirection": "row",
2299
- "opacity": 1,
2300
- "padding": 16,
2301
- }
2342
+ Array [
2343
+ Object {
2344
+ "alignItems": "center",
2345
+ "backgroundColor": "#ffffff",
2346
+ "borderRadius": 4,
2347
+ "flexDirection": "row",
2348
+ "opacity": 1,
2349
+ "padding": 16,
2350
+ },
2351
+ undefined,
2352
+ ]
2302
2353
  }
2303
2354
  >
2304
2355
  <View
@@ -2406,7 +2457,6 @@ Array [
2406
2457
  }
2407
2458
  }
2408
2459
  accessible={true}
2409
- collapsable={false}
2410
2460
  focusable={true}
2411
2461
  onClick={[Function]}
2412
2462
  onResponderGrant={[Function]}
@@ -2416,14 +2466,17 @@ Array [
2416
2466
  onResponderTerminationRequest={[Function]}
2417
2467
  onStartShouldSetResponder={[Function]}
2418
2468
  style={
2419
- Object {
2420
- "alignItems": "center",
2421
- "backgroundColor": "#ffffff",
2422
- "borderRadius": 4,
2423
- "flexDirection": "row",
2424
- "opacity": 1,
2425
- "padding": 16,
2426
- }
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
+ ]
2427
2480
  }
2428
2481
  >
2429
2482
  <View
@@ -2531,7 +2584,6 @@ Array [
2531
2584
  }
2532
2585
  }
2533
2586
  accessible={true}
2534
- collapsable={false}
2535
2587
  focusable={true}
2536
2588
  onClick={[Function]}
2537
2589
  onResponderGrant={[Function]}
@@ -2541,14 +2593,17 @@ Array [
2541
2593
  onResponderTerminationRequest={[Function]}
2542
2594
  onStartShouldSetResponder={[Function]}
2543
2595
  style={
2544
- Object {
2545
- "alignItems": "center",
2546
- "backgroundColor": "#ffffff",
2547
- "borderRadius": 4,
2548
- "flexDirection": "row",
2549
- "opacity": 1,
2550
- "padding": 16,
2551
- }
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
+ ]
2552
2607
  }
2553
2608
  >
2554
2609
  <View
@@ -2656,7 +2711,6 @@ Array [
2656
2711
  }
2657
2712
  }
2658
2713
  accessible={true}
2659
- collapsable={false}
2660
2714
  focusable={true}
2661
2715
  onClick={[Function]}
2662
2716
  onResponderGrant={[Function]}
@@ -2666,14 +2720,17 @@ Array [
2666
2720
  onResponderTerminationRequest={[Function]}
2667
2721
  onStartShouldSetResponder={[Function]}
2668
2722
  style={
2669
- Object {
2670
- "alignItems": "center",
2671
- "backgroundColor": "#ffffff",
2672
- "borderRadius": 4,
2673
- "flexDirection": "row",
2674
- "opacity": 1,
2675
- "padding": 16,
2676
- }
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
+ ]
2677
2734
  }
2678
2735
  >
2679
2736
  <View
@@ -2782,7 +2839,6 @@ Array [
2782
2839
  }
2783
2840
  }
2784
2841
  accessible={true}
2785
- collapsable={false}
2786
2842
  focusable={true}
2787
2843
  onClick={[Function]}
2788
2844
  onResponderGrant={[Function]}
@@ -2792,14 +2848,17 @@ Array [
2792
2848
  onResponderTerminationRequest={[Function]}
2793
2849
  onStartShouldSetResponder={[Function]}
2794
2850
  style={
2795
- Object {
2796
- "alignItems": "center",
2797
- "backgroundColor": "#ffffff",
2798
- "borderRadius": 4,
2799
- "flexDirection": "row",
2800
- "opacity": 0.38,
2801
- "padding": 16,
2802
- }
2851
+ Array [
2852
+ Object {
2853
+ "alignItems": "center",
2854
+ "backgroundColor": "#ffffff",
2855
+ "borderRadius": 4,
2856
+ "flexDirection": "row",
2857
+ "opacity": 0.38,
2858
+ "padding": 16,
2859
+ },
2860
+ undefined,
2861
+ ]
2803
2862
  }
2804
2863
  >
2805
2864
  <View
@@ -2945,6 +3004,8 @@ Array [
2945
3004
  Array [
2946
3005
  Object {
2947
3006
  "alignItems": "center",
3007
+ "backgroundColor": "#ffffff",
3008
+ "borderRadius": 8,
2948
3009
  "flexDirection": "row",
2949
3010
  "padding": 16,
2950
3011
  },
@@ -2965,9 +3026,15 @@ Array [
2965
3026
  "right": 0,
2966
3027
  "top": 0,
2967
3028
  },
2968
- undefined,
3029
+ Array [
3030
+ Object {
3031
+ "backgroundColor": "#ffffff",
3032
+ },
3033
+ undefined,
3034
+ ],
2969
3035
  ]
2970
3036
  }
3037
+ testID="text-input-border"
2971
3038
  themeFocused={false}
2972
3039
  themeVariant="readonly"
2973
3040
  />
@@ -2984,9 +3051,12 @@ Array [
2984
3051
  "top": -10,
2985
3052
  "zIndex": 1,
2986
3053
  },
2987
- undefined,
3054
+ Object {
3055
+ "backgroundColor": "#ffffff",
3056
+ },
2988
3057
  ]
2989
3058
  }
3059
+ testID="label-container"
2990
3060
  >
2991
3061
  <Text
2992
3062
  style={
@@ -3002,7 +3072,9 @@ Array [
3002
3072
  Object {
3003
3073
  "color": "#808f91",
3004
3074
  },
3005
- undefined,
3075
+ Object {
3076
+ "backgroundColor": "#ffffff",
3077
+ },
3006
3078
  ],
3007
3079
  ]
3008
3080
  }
@@ -3054,6 +3126,7 @@ Array [
3054
3126
  "textAlignVertical": "center",
3055
3127
  },
3056
3128
  Object {
3129
+ "backgroundColor": "#ffffff",
3057
3130
  "color": "#001f23",
3058
3131
  },
3059
3132
  ]
@@ -3169,6 +3242,8 @@ Array [
3169
3242
  Array [
3170
3243
  Object {
3171
3244
  "alignItems": "center",
3245
+ "backgroundColor": "#ffffff",
3246
+ "borderRadius": 8,
3172
3247
  "flexDirection": "row",
3173
3248
  "padding": 16,
3174
3249
  },
@@ -3189,9 +3264,15 @@ Array [
3189
3264
  "right": 0,
3190
3265
  "top": 0,
3191
3266
  },
3192
- undefined,
3267
+ Array [
3268
+ Object {
3269
+ "backgroundColor": "#ffffff",
3270
+ },
3271
+ undefined,
3272
+ ],
3193
3273
  ]
3194
3274
  }
3275
+ testID="text-input-border"
3195
3276
  themeFocused={false}
3196
3277
  themeVariant="filled"
3197
3278
  />
@@ -3208,9 +3289,12 @@ Array [
3208
3289
  "top": -10,
3209
3290
  "zIndex": 1,
3210
3291
  },
3211
- undefined,
3292
+ Object {
3293
+ "backgroundColor": "#ffffff",
3294
+ },
3212
3295
  ]
3213
3296
  }
3297
+ testID="label-container"
3214
3298
  >
3215
3299
  <Text
3216
3300
  style={
@@ -3226,7 +3310,9 @@ Array [
3226
3310
  Object {
3227
3311
  "color": "#001f23",
3228
3312
  },
3229
- undefined,
3313
+ Object {
3314
+ "backgroundColor": "#ffffff",
3315
+ },
3230
3316
  ],
3231
3317
  ]
3232
3318
  }
@@ -3278,6 +3364,7 @@ Array [
3278
3364
  "textAlignVertical": "center",
3279
3365
  },
3280
3366
  Object {
3367
+ "backgroundColor": "#ffffff",
3281
3368
  "color": "#001f23",
3282
3369
  },
3283
3370
  ]
@@ -3702,7 +3789,6 @@ Array [
3702
3789
  }
3703
3790
  }
3704
3791
  accessible={true}
3705
- collapsable={false}
3706
3792
  focusable={true}
3707
3793
  onClick={[Function]}
3708
3794
  onResponderGrant={[Function]}
@@ -3712,14 +3798,17 @@ Array [
3712
3798
  onResponderTerminationRequest={[Function]}
3713
3799
  onStartShouldSetResponder={[Function]}
3714
3800
  style={
3715
- Object {
3716
- "alignItems": "center",
3717
- "backgroundColor": "#ece8ef",
3718
- "borderRadius": 4,
3719
- "flexDirection": "row",
3720
- "opacity": 1,
3721
- "padding": 16,
3722
- }
3801
+ Array [
3802
+ Object {
3803
+ "alignItems": "center",
3804
+ "backgroundColor": "#ece8ef",
3805
+ "borderRadius": 4,
3806
+ "flexDirection": "row",
3807
+ "opacity": 1,
3808
+ "padding": 16,
3809
+ },
3810
+ undefined,
3811
+ ]
3723
3812
  }
3724
3813
  >
3725
3814
  <View
@@ -3925,7 +4014,6 @@ Array [
3925
4014
  }
3926
4015
  }
3927
4016
  accessible={true}
3928
- collapsable={false}
3929
4017
  focusable={true}
3930
4018
  onClick={[Function]}
3931
4019
  onResponderGrant={[Function]}
@@ -3935,14 +4023,17 @@ Array [
3935
4023
  onResponderTerminationRequest={[Function]}
3936
4024
  onStartShouldSetResponder={[Function]}
3937
4025
  style={
3938
- Object {
3939
- "alignItems": "center",
3940
- "backgroundColor": "#ffffff",
3941
- "borderRadius": 4,
3942
- "flexDirection": "row",
3943
- "opacity": 1,
3944
- "padding": 16,
3945
- }
4026
+ Array [
4027
+ Object {
4028
+ "alignItems": "center",
4029
+ "backgroundColor": "#ffffff",
4030
+ "borderRadius": 4,
4031
+ "flexDirection": "row",
4032
+ "opacity": 1,
4033
+ "padding": 16,
4034
+ },
4035
+ undefined,
4036
+ ]
3946
4037
  }
3947
4038
  >
3948
4039
  <View
@@ -4040,7 +4131,6 @@ Array [
4040
4131
  }
4041
4132
  }
4042
4133
  accessible={true}
4043
- collapsable={false}
4044
4134
  focusable={true}
4045
4135
  onClick={[Function]}
4046
4136
  onResponderGrant={[Function]}
@@ -4050,14 +4140,17 @@ Array [
4050
4140
  onResponderTerminationRequest={[Function]}
4051
4141
  onStartShouldSetResponder={[Function]}
4052
4142
  style={
4053
- Object {
4054
- "alignItems": "center",
4055
- "backgroundColor": "#ffffff",
4056
- "borderRadius": 4,
4057
- "flexDirection": "row",
4058
- "opacity": 1,
4059
- "padding": 16,
4060
- }
4143
+ Array [
4144
+ Object {
4145
+ "alignItems": "center",
4146
+ "backgroundColor": "#ffffff",
4147
+ "borderRadius": 4,
4148
+ "flexDirection": "row",
4149
+ "opacity": 1,
4150
+ "padding": 16,
4151
+ },
4152
+ undefined,
4153
+ ]
4061
4154
  }
4062
4155
  >
4063
4156
  <View