@aws-amplify/ui-react-native 1.1.2 → 1.1.4

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 (72) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/Authenticator/common/DefaultContent/DefaultContent.js +1 -1
  3. package/dist/Authenticator/common/DefaultContent/styles.js +2 -1
  4. package/dist/Authenticator/common/DefaultContent/types.d.ts +2 -1
  5. package/dist/Authenticator/common/FederatedProviderButton/FederatedProviderButton.js +8 -7
  6. package/dist/hooks/index.d.ts +1 -0
  7. package/dist/hooks/index.js +1 -0
  8. package/dist/hooks/usePressableContainerStyles/index.d.ts +1 -0
  9. package/dist/hooks/usePressableContainerStyles/index.js +1 -0
  10. package/dist/hooks/usePressableContainerStyles/usePressableContainerStyles.d.ts +19 -0
  11. package/dist/hooks/usePressableContainerStyles/usePressableContainerStyles.js +14 -0
  12. package/dist/primitives/Button/Button.js +13 -12
  13. package/dist/primitives/ErrorMessage/ErrorMessage.d.ts +1 -1
  14. package/dist/primitives/ErrorMessage/ErrorMessage.js +2 -2
  15. package/dist/primitives/ErrorMessage/styles.js +4 -2
  16. package/dist/primitives/ErrorMessage/types.d.ts +2 -0
  17. package/dist/primitives/IconButton/IconButton.js +12 -11
  18. package/dist/primitives/Radio/Radio.js +12 -10
  19. package/dist/primitives/Radio/styles.js +4 -0
  20. package/dist/primitives/Radio/types.d.ts +1 -0
  21. package/dist/primitives/Tabs/Tab.js +13 -13
  22. package/dist/primitives/Tabs/styles.js +4 -0
  23. package/dist/primitives/Tabs/types.d.ts +1 -0
  24. package/package.json +3 -3
  25. package/src/Authenticator/Defaults/ConfirmResetPassword/__tests__/__snapshots__/ConfirmResetPassword.spec.tsx.snap +24 -37
  26. package/src/Authenticator/Defaults/ConfirmSignIn/__tests__/__snapshots__/ConfirmSignIn.spec.tsx.snap +16 -23
  27. package/src/Authenticator/Defaults/ConfirmSignUp/__tests__/__snapshots__/ConfirmSignUp.spec.tsx.snap +25 -41
  28. package/src/Authenticator/Defaults/ConfirmVerifyUser/__tests__/__snapshots__/ConfirmVerifyUser.spec.tsx.snap +19 -32
  29. package/src/Authenticator/Defaults/ForceNewPassword/__tests__/__snapshots__/ForceNewPassword.spec.tsx.snap +22 -38
  30. package/src/Authenticator/Defaults/ResetPassword/__tests__/__snapshots__/ResetPassword.spec.tsx.snap +16 -23
  31. package/src/Authenticator/Defaults/SetupTOTP/__tests__/__snapshots__/SetupTOTP.spec.tsx.snap +16 -23
  32. package/src/Authenticator/Defaults/SignIn/__tests__/__snapshots__/SignIn.spec.tsx.snap +24 -44
  33. package/src/Authenticator/Defaults/SignUp/__tests__/__snapshots__/SignUp.spec.tsx.snap +34 -67
  34. package/src/Authenticator/Defaults/VerifyUser/__tests__/__snapshots__/VerifyUser.spec.tsx.snap +20 -23
  35. package/src/Authenticator/common/DefaultContainer/__tests__/__snapshots__/DefaultContainer.spec.tsx.snap +3 -6
  36. package/src/Authenticator/common/DefaultContent/DefaultContent.tsx +2 -1
  37. package/src/Authenticator/common/DefaultContent/styles.ts +2 -1
  38. package/src/Authenticator/common/DefaultContent/types.ts +2 -1
  39. package/src/Authenticator/common/DefaultFooter/__tests__/__snapshots__/DefaultFooter.spec.tsx.snap +3 -6
  40. package/src/Authenticator/common/FederatedProviderButton/FederatedProviderButton.tsx +8 -12
  41. package/src/Authenticator/common/FederatedProviderButton/__tests__/FederatedProviderButton.spec.tsx +34 -3
  42. package/src/Authenticator/common/FederatedProviderButton/__tests__/__snapshots__/FederatedProviderButton.spec.tsx.snap +94 -3
  43. package/src/Authenticator/common/FederatedProviderButtons/__tests__/__snapshots__/FederatedProviderButtons.spec.tsx.snap +4 -6
  44. package/src/InAppMessaging/components/BannerMessage/__tests__/__snapshots__/BannerMessage.spec.tsx.snap +2 -4
  45. package/src/InAppMessaging/components/ModalMessage/__tests__/ModalMessage.spec.tsx +1 -1
  46. package/src/InAppMessaging/components/ModalMessage/__tests__/__snapshots__/ModalMessage.spec.tsx.snap +3 -6
  47. package/src/hooks/index.ts +1 -0
  48. package/src/hooks/usePressableContainerStyles/__tests__/usePressableContainerStyles.spec.ts +68 -0
  49. package/src/hooks/usePressableContainerStyles/index.ts +1 -0
  50. package/src/hooks/usePressableContainerStyles/usePressableContainerStyles.ts +51 -0
  51. package/src/primitives/Button/Button.tsx +16 -23
  52. package/src/primitives/Button/__tests__/__snapshots__/Button.spec.tsx.snap +9 -18
  53. package/src/primitives/ErrorMessage/ErrorMessage.tsx +6 -1
  54. package/src/primitives/ErrorMessage/__tests__/__snapshots__/ErrorMessage.spec.tsx.snap +18 -8
  55. package/src/primitives/ErrorMessage/styles.ts +4 -2
  56. package/src/primitives/ErrorMessage/types.ts +3 -0
  57. package/src/primitives/IconButton/IconButton.tsx +16 -19
  58. package/src/primitives/IconButton/__tests__/IconButton.spec.tsx +6 -6
  59. package/src/primitives/IconButton/__tests__/__snapshots__/IconButton.spec.tsx.snap +4 -8
  60. package/src/primitives/PasswordField/__tests__/__snapshots__/PasswordField.spec.tsx.snap +4 -8
  61. package/src/primitives/Radio/Radio.tsx +15 -16
  62. package/src/primitives/Radio/__tests__/Radio.spec.tsx +1 -0
  63. package/src/primitives/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +9 -0
  64. package/src/primitives/Radio/styles.ts +4 -0
  65. package/src/primitives/Radio/types.ts +1 -0
  66. package/src/primitives/RadioGroup/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +24 -0
  67. package/src/primitives/Tabs/Tab.tsx +17 -18
  68. package/src/primitives/Tabs/__tests__/Tab.spec.tsx +20 -13
  69. package/src/primitives/Tabs/__tests__/__snapshots__/Tab.spec.tsx.snap +23 -43
  70. package/src/primitives/Tabs/__tests__/__snapshots__/Tabs.spec.tsx.snap +14 -26
  71. package/src/primitives/Tabs/styles.ts +4 -0
  72. package/src/primitives/Tabs/types.ts +1 -0
@@ -121,10 +121,10 @@ Array [
121
121
  "backgroundColor": "hsl(0, 75%, 85%)",
122
122
  "flexDirection": "row",
123
123
  "paddingHorizontal": 8,
124
- "paddingVertical": 32,
124
+ "paddingVertical": 12,
125
125
  },
126
126
  Object {
127
- "marginVertical": 12,
127
+ "marginHorizontal": 12,
128
128
  },
129
129
  ]
130
130
  }
@@ -144,9 +144,13 @@ Array [
144
144
  "tintColor": undefined,
145
145
  "width": 20,
146
146
  },
147
- Object {
148
- "margin": 8,
149
- },
147
+ Array [
148
+ Object {
149
+ "margin": 8,
150
+ "tintColor": "hsl(0, 100%, 20%)",
151
+ },
152
+ Object {},
153
+ ],
150
154
  ]
151
155
  }
152
156
  />
@@ -156,6 +160,7 @@ Array [
156
160
  Object {
157
161
  "color": "hsl(0, 100%, 20%)",
158
162
  "flex": 1,
163
+ "fontSize": 16,
159
164
  "paddingHorizontal": 8,
160
165
  },
161
166
  Object {},
@@ -183,17 +188,13 @@ Array [
183
188
  Array [
184
189
  Object {
185
190
  "alignItems": "center",
186
- "backgroundColor": "transparent",
191
+ "backgroundColor": "hsl(190, 95%, 30%)",
187
192
  "borderRadius": 4,
188
193
  "justifyContent": "center",
189
194
  "paddingHorizontal": 16,
190
195
  "paddingVertical": 12,
191
196
  },
192
- Object {
193
- "backgroundColor": "hsl(190, 95%, 30%)",
194
- },
195
- null,
196
- null,
197
+ undefined,
197
198
  Object {
198
199
  "marginHorizontal": 16,
199
200
  "marginVertical": 12,
@@ -250,9 +251,7 @@ Array [
250
251
  "paddingHorizontal": 16,
251
252
  "paddingVertical": 12,
252
253
  },
253
- Object {},
254
- null,
255
- null,
254
+ undefined,
256
255
  Object {
257
256
  "marginVertical": 8,
258
257
  "minWidth": "50%",
@@ -410,17 +409,13 @@ Array [
410
409
  Array [
411
410
  Object {
412
411
  "alignItems": "center",
413
- "backgroundColor": "transparent",
412
+ "backgroundColor": "hsl(190, 95%, 30%)",
414
413
  "borderRadius": 4,
415
414
  "justifyContent": "center",
416
415
  "paddingHorizontal": 16,
417
416
  "paddingVertical": 12,
418
417
  },
419
- Object {
420
- "backgroundColor": "hsl(190, 95%, 30%)",
421
- },
422
- null,
423
- null,
418
+ undefined,
424
419
  Object {
425
420
  "marginHorizontal": 16,
426
421
  "marginVertical": 12,
@@ -477,9 +472,7 @@ Array [
477
472
  "paddingHorizontal": 16,
478
473
  "paddingVertical": 12,
479
474
  },
480
- Object {},
481
- null,
482
- null,
475
+ undefined,
483
476
  Object {
484
477
  "marginVertical": 8,
485
478
  "minWidth": "50%",
@@ -217,8 +217,7 @@ Array [
217
217
  style={
218
218
  Array [
219
219
  Object {},
220
- null,
221
- null,
220
+ undefined,
222
221
  undefined,
223
222
  ]
224
223
  }
@@ -269,17 +268,13 @@ Array [
269
268
  Array [
270
269
  Object {
271
270
  "alignItems": "center",
272
- "backgroundColor": "transparent",
271
+ "backgroundColor": "hsl(190, 95%, 30%)",
273
272
  "borderRadius": 4,
274
273
  "justifyContent": "center",
275
274
  "paddingHorizontal": 16,
276
275
  "paddingVertical": 12,
277
276
  },
278
- Object {
279
- "backgroundColor": "hsl(190, 95%, 30%)",
280
- },
281
- null,
282
- null,
277
+ undefined,
283
278
  Object {
284
279
  "marginHorizontal": 16,
285
280
  "marginVertical": 12,
@@ -336,9 +331,7 @@ Array [
336
331
  "paddingHorizontal": 16,
337
332
  "paddingVertical": 12,
338
333
  },
339
- Object {},
340
- null,
341
- null,
334
+ undefined,
342
335
  Object {
343
336
  "marginVertical": 8,
344
337
  "minWidth": "50%",
@@ -386,9 +379,7 @@ Array [
386
379
  "paddingHorizontal": 16,
387
380
  "paddingVertical": 12,
388
381
  },
389
- Object {},
390
- null,
391
- null,
382
+ undefined,
392
383
  Object {
393
384
  "marginVertical": 8,
394
385
  "minWidth": "50%",
@@ -633,8 +624,7 @@ Array [
633
624
  style={
634
625
  Array [
635
626
  Object {},
636
- null,
637
- null,
627
+ undefined,
638
628
  undefined,
639
629
  ]
640
630
  }
@@ -685,17 +675,13 @@ Array [
685
675
  Array [
686
676
  Object {
687
677
  "alignItems": "center",
688
- "backgroundColor": "transparent",
678
+ "backgroundColor": "hsl(190, 95%, 30%)",
689
679
  "borderRadius": 4,
690
680
  "justifyContent": "center",
691
681
  "paddingHorizontal": 16,
692
682
  "paddingVertical": 12,
693
683
  },
694
- Object {
695
- "backgroundColor": "hsl(190, 95%, 30%)",
696
- },
697
- null,
698
- null,
684
+ undefined,
699
685
  Object {
700
686
  "marginHorizontal": 16,
701
687
  "marginVertical": 12,
@@ -752,9 +738,7 @@ Array [
752
738
  "paddingHorizontal": 16,
753
739
  "paddingVertical": 12,
754
740
  },
755
- Object {},
756
- null,
757
- null,
741
+ undefined,
758
742
  Object {
759
743
  "marginVertical": 8,
760
744
  "minWidth": "50%",
@@ -999,8 +983,7 @@ Array [
999
983
  style={
1000
984
  Array [
1001
985
  Object {},
1002
- null,
1003
- null,
986
+ undefined,
1004
987
  undefined,
1005
988
  ]
1006
989
  }
@@ -1042,10 +1025,10 @@ Array [
1042
1025
  "backgroundColor": "hsl(0, 75%, 85%)",
1043
1026
  "flexDirection": "row",
1044
1027
  "paddingHorizontal": 8,
1045
- "paddingVertical": 32,
1028
+ "paddingVertical": 12,
1046
1029
  },
1047
1030
  Object {
1048
- "marginVertical": 12,
1031
+ "marginHorizontal": 12,
1049
1032
  },
1050
1033
  ]
1051
1034
  }
@@ -1065,9 +1048,13 @@ Array [
1065
1048
  "tintColor": undefined,
1066
1049
  "width": 20,
1067
1050
  },
1068
- Object {
1069
- "margin": 8,
1070
- },
1051
+ Array [
1052
+ Object {
1053
+ "margin": 8,
1054
+ "tintColor": "hsl(0, 100%, 20%)",
1055
+ },
1056
+ Object {},
1057
+ ],
1071
1058
  ]
1072
1059
  }
1073
1060
  />
@@ -1077,6 +1064,7 @@ Array [
1077
1064
  Object {
1078
1065
  "color": "hsl(0, 100%, 20%)",
1079
1066
  "flex": 1,
1067
+ "fontSize": 16,
1080
1068
  "paddingHorizontal": 8,
1081
1069
  },
1082
1070
  Object {},
@@ -1104,17 +1092,13 @@ Array [
1104
1092
  Array [
1105
1093
  Object {
1106
1094
  "alignItems": "center",
1107
- "backgroundColor": "transparent",
1095
+ "backgroundColor": "hsl(190, 95%, 30%)",
1108
1096
  "borderRadius": 4,
1109
1097
  "justifyContent": "center",
1110
1098
  "paddingHorizontal": 16,
1111
1099
  "paddingVertical": 12,
1112
1100
  },
1113
- Object {
1114
- "backgroundColor": "hsl(190, 95%, 30%)",
1115
- },
1116
- null,
1117
- null,
1101
+ undefined,
1118
1102
  Object {
1119
1103
  "marginHorizontal": 16,
1120
1104
  "marginVertical": 12,
@@ -1171,9 +1155,7 @@ Array [
1171
1155
  "paddingHorizontal": 16,
1172
1156
  "paddingVertical": 12,
1173
1157
  },
1174
- Object {},
1175
- null,
1176
- null,
1158
+ undefined,
1177
1159
  Object {
1178
1160
  "marginVertical": 8,
1179
1161
  "minWidth": "50%",
@@ -1221,9 +1203,7 @@ Array [
1221
1203
  "paddingHorizontal": 16,
1222
1204
  "paddingVertical": 12,
1223
1205
  },
1224
- Object {},
1225
- null,
1226
- null,
1206
+ undefined,
1227
1207
  Object {
1228
1208
  "marginVertical": 8,
1229
1209
  "minWidth": "50%",
@@ -217,8 +217,7 @@ Array [
217
217
  style={
218
218
  Array [
219
219
  Object {},
220
- null,
221
- null,
220
+ undefined,
222
221
  undefined,
223
222
  ]
224
223
  }
@@ -356,8 +355,7 @@ Array [
356
355
  style={
357
356
  Array [
358
357
  Object {},
359
- null,
360
- null,
358
+ undefined,
361
359
  undefined,
362
360
  ]
363
361
  }
@@ -499,17 +497,13 @@ Array [
499
497
  Array [
500
498
  Object {
501
499
  "alignItems": "center",
502
- "backgroundColor": "transparent",
500
+ "backgroundColor": "hsl(190, 95%, 30%)",
503
501
  "borderRadius": 4,
504
502
  "justifyContent": "center",
505
503
  "paddingHorizontal": 16,
506
504
  "paddingVertical": 12,
507
505
  },
508
- Object {
509
- "backgroundColor": "hsl(190, 95%, 30%)",
510
- },
511
- null,
512
- null,
506
+ undefined,
513
507
  Object {
514
508
  "marginHorizontal": 16,
515
509
  "marginVertical": 12,
@@ -566,9 +560,7 @@ Array [
566
560
  "paddingHorizontal": 16,
567
561
  "paddingVertical": 12,
568
562
  },
569
- Object {},
570
- null,
571
- null,
563
+ undefined,
572
564
  Object {
573
565
  "marginVertical": 8,
574
566
  "minWidth": "50%",
@@ -813,8 +805,7 @@ Array [
813
805
  style={
814
806
  Array [
815
807
  Object {},
816
- null,
817
- null,
808
+ undefined,
818
809
  undefined,
819
810
  ]
820
811
  }
@@ -952,8 +943,7 @@ Array [
952
943
  style={
953
944
  Array [
954
945
  Object {},
955
- null,
956
- null,
946
+ undefined,
957
947
  undefined,
958
948
  ]
959
949
  }
@@ -1095,17 +1085,13 @@ Array [
1095
1085
  Array [
1096
1086
  Object {
1097
1087
  "alignItems": "center",
1098
- "backgroundColor": "transparent",
1088
+ "backgroundColor": "hsl(190, 95%, 30%)",
1099
1089
  "borderRadius": 4,
1100
1090
  "justifyContent": "center",
1101
1091
  "paddingHorizontal": 16,
1102
1092
  "paddingVertical": 12,
1103
1093
  },
1104
- Object {
1105
- "backgroundColor": "hsl(190, 95%, 30%)",
1106
- },
1107
- null,
1108
- null,
1094
+ undefined,
1109
1095
  Object {
1110
1096
  "marginHorizontal": 16,
1111
1097
  "marginVertical": 12,
@@ -1350,11 +1336,10 @@ Array [
1350
1336
  onStartShouldSetResponder={[Function]}
1351
1337
  style={
1352
1338
  Array [
1353
- Object {},
1354
1339
  Object {
1355
1340
  "opacity": 0.6,
1356
1341
  },
1357
- null,
1342
+ undefined,
1358
1343
  undefined,
1359
1344
  ]
1360
1345
  }
@@ -1492,11 +1477,10 @@ Array [
1492
1477
  onStartShouldSetResponder={[Function]}
1493
1478
  style={
1494
1479
  Array [
1495
- Object {},
1496
1480
  Object {
1497
1481
  "opacity": 0.6,
1498
1482
  },
1499
- null,
1483
+ undefined,
1500
1484
  undefined,
1501
1485
  ]
1502
1486
  }
@@ -1639,17 +1623,13 @@ Array [
1639
1623
  Array [
1640
1624
  Object {
1641
1625
  "alignItems": "center",
1642
- "backgroundColor": "transparent",
1626
+ "backgroundColor": "hsl(190, 95%, 30%)",
1643
1627
  "borderRadius": 4,
1644
1628
  "justifyContent": "center",
1645
1629
  "paddingHorizontal": 16,
1646
1630
  "paddingVertical": 12,
1647
1631
  },
1648
- Object {
1649
- "backgroundColor": "hsl(190, 95%, 30%)",
1650
- },
1651
- null,
1652
- null,
1632
+ undefined,
1653
1633
  Object {
1654
1634
  "marginHorizontal": 16,
1655
1635
  "marginVertical": 12,
@@ -1706,9 +1686,7 @@ Array [
1706
1686
  "paddingHorizontal": 16,
1707
1687
  "paddingVertical": 12,
1708
1688
  },
1709
- Object {},
1710
- null,
1711
- null,
1689
+ undefined,
1712
1690
  Object {
1713
1691
  "marginVertical": 8,
1714
1692
  "minWidth": "50%",
@@ -1953,8 +1931,7 @@ Array [
1953
1931
  style={
1954
1932
  Array [
1955
1933
  Object {},
1956
- null,
1957
- null,
1934
+ undefined,
1958
1935
  undefined,
1959
1936
  ]
1960
1937
  }
@@ -2092,8 +2069,7 @@ Array [
2092
2069
  style={
2093
2070
  Array [
2094
2071
  Object {},
2095
- null,
2096
- null,
2072
+ undefined,
2097
2073
  undefined,
2098
2074
  ]
2099
2075
  }
@@ -2226,10 +2202,10 @@ Array [
2226
2202
  "backgroundColor": "hsl(0, 75%, 85%)",
2227
2203
  "flexDirection": "row",
2228
2204
  "paddingHorizontal": 8,
2229
- "paddingVertical": 32,
2205
+ "paddingVertical": 12,
2230
2206
  },
2231
2207
  Object {
2232
- "marginVertical": 12,
2208
+ "marginHorizontal": 12,
2233
2209
  },
2234
2210
  ]
2235
2211
  }
@@ -2249,9 +2225,13 @@ Array [
2249
2225
  "tintColor": undefined,
2250
2226
  "width": 20,
2251
2227
  },
2252
- Object {
2253
- "margin": 8,
2254
- },
2228
+ Array [
2229
+ Object {
2230
+ "margin": 8,
2231
+ "tintColor": "hsl(0, 100%, 20%)",
2232
+ },
2233
+ Object {},
2234
+ ],
2255
2235
  ]
2256
2236
  }
2257
2237
  />
@@ -2261,6 +2241,7 @@ Array [
2261
2241
  Object {
2262
2242
  "color": "hsl(0, 100%, 20%)",
2263
2243
  "flex": 1,
2244
+ "fontSize": 16,
2264
2245
  "paddingHorizontal": 8,
2265
2246
  },
2266
2247
  Object {},
@@ -2288,17 +2269,13 @@ Array [
2288
2269
  Array [
2289
2270
  Object {
2290
2271
  "alignItems": "center",
2291
- "backgroundColor": "transparent",
2272
+ "backgroundColor": "hsl(190, 95%, 30%)",
2292
2273
  "borderRadius": 4,
2293
2274
  "justifyContent": "center",
2294
2275
  "paddingHorizontal": 16,
2295
2276
  "paddingVertical": 12,
2296
2277
  },
2297
- Object {
2298
- "backgroundColor": "hsl(190, 95%, 30%)",
2299
- },
2300
- null,
2301
- null,
2278
+ undefined,
2302
2279
  Object {
2303
2280
  "marginHorizontal": 16,
2304
2281
  "marginVertical": 12,
@@ -2355,9 +2332,7 @@ Array [
2355
2332
  "paddingHorizontal": 16,
2356
2333
  "paddingVertical": 12,
2357
2334
  },
2358
- Object {},
2359
- null,
2360
- null,
2335
+ undefined,
2361
2336
  Object {
2362
2337
  "marginVertical": 8,
2363
2338
  "minWidth": "50%",
@@ -2632,11 +2607,10 @@ Array [
2632
2607
  onStartShouldSetResponder={[Function]}
2633
2608
  style={
2634
2609
  Array [
2635
- Object {},
2636
2610
  Object {
2637
2611
  "opacity": 0.6,
2638
2612
  },
2639
- null,
2613
+ undefined,
2640
2614
  undefined,
2641
2615
  ]
2642
2616
  }
@@ -2774,11 +2748,10 @@ Array [
2774
2748
  onStartShouldSetResponder={[Function]}
2775
2749
  style={
2776
2750
  Array [
2777
- Object {},
2778
2751
  Object {
2779
2752
  "opacity": 0.6,
2780
2753
  },
2781
- null,
2754
+ undefined,
2782
2755
  undefined,
2783
2756
  ]
2784
2757
  }
@@ -2921,17 +2894,13 @@ Array [
2921
2894
  Array [
2922
2895
  Object {
2923
2896
  "alignItems": "center",
2924
- "backgroundColor": "transparent",
2897
+ "backgroundColor": "hsl(190, 95%, 30%)",
2925
2898
  "borderRadius": 4,
2926
2899
  "justifyContent": "center",
2927
2900
  "paddingHorizontal": 16,
2928
2901
  "paddingVertical": 12,
2929
2902
  },
2930
- Object {
2931
- "backgroundColor": "hsl(190, 95%, 30%)",
2932
- },
2933
- null,
2934
- null,
2903
+ undefined,
2935
2904
  Object {
2936
2905
  "marginHorizontal": 16,
2937
2906
  "marginVertical": 12,
@@ -2988,9 +2957,7 @@ Array [
2988
2957
  "paddingHorizontal": 16,
2989
2958
  "paddingVertical": 12,
2990
2959
  },
2991
- Object {},
2992
- null,
2993
- null,
2960
+ undefined,
2994
2961
  Object {
2995
2962
  "marginVertical": 8,
2996
2963
  "minWidth": "50%",
@@ -85,6 +85,7 @@ Array [
85
85
  "alignItems": "center",
86
86
  "flexDirection": "row",
87
87
  },
88
+ undefined,
88
89
  Object {
89
90
  "paddingHorizontal": 12,
90
91
  },
@@ -150,6 +151,7 @@ Array [
150
151
  "alignItems": "center",
151
152
  "flexDirection": "row",
152
153
  },
154
+ undefined,
153
155
  Object {
154
156
  "paddingHorizontal": 12,
155
157
  },
@@ -215,17 +217,13 @@ Array [
215
217
  Array [
216
218
  Object {
217
219
  "alignItems": "center",
218
- "backgroundColor": "transparent",
220
+ "backgroundColor": "hsl(190, 95%, 30%)",
219
221
  "borderRadius": 4,
220
222
  "justifyContent": "center",
221
223
  "paddingHorizontal": 16,
222
224
  "paddingVertical": 12,
223
225
  },
224
- Object {
225
- "backgroundColor": "hsl(190, 95%, 30%)",
226
- },
227
- null,
228
- null,
226
+ undefined,
229
227
  Object {
230
228
  "marginHorizontal": 16,
231
229
  "marginVertical": 12,
@@ -282,9 +280,7 @@ Array [
282
280
  "paddingHorizontal": 16,
283
281
  "paddingVertical": 12,
284
282
  },
285
- Object {},
286
- null,
287
- null,
283
+ undefined,
288
284
  Object {
289
285
  "marginVertical": 8,
290
286
  "minWidth": "50%",
@@ -397,6 +393,7 @@ Array [
397
393
  "alignItems": "center",
398
394
  "flexDirection": "row",
399
395
  },
396
+ undefined,
400
397
  Object {
401
398
  "paddingHorizontal": 12,
402
399
  },
@@ -462,6 +459,7 @@ Array [
462
459
  "alignItems": "center",
463
460
  "flexDirection": "row",
464
461
  },
462
+ undefined,
465
463
  Object {
466
464
  "paddingHorizontal": 12,
467
465
  },
@@ -518,10 +516,10 @@ Array [
518
516
  "backgroundColor": "hsl(0, 75%, 85%)",
519
517
  "flexDirection": "row",
520
518
  "paddingHorizontal": 8,
521
- "paddingVertical": 32,
519
+ "paddingVertical": 12,
522
520
  },
523
521
  Object {
524
- "marginVertical": 12,
522
+ "marginHorizontal": 12,
525
523
  },
526
524
  ]
527
525
  }
@@ -541,9 +539,13 @@ Array [
541
539
  "tintColor": undefined,
542
540
  "width": 20,
543
541
  },
544
- Object {
545
- "margin": 8,
546
- },
542
+ Array [
543
+ Object {
544
+ "margin": 8,
545
+ "tintColor": "hsl(0, 100%, 20%)",
546
+ },
547
+ Object {},
548
+ ],
547
549
  ]
548
550
  }
549
551
  />
@@ -553,6 +555,7 @@ Array [
553
555
  Object {
554
556
  "color": "hsl(0, 100%, 20%)",
555
557
  "flex": 1,
558
+ "fontSize": 16,
556
559
  "paddingHorizontal": 8,
557
560
  },
558
561
  Object {},
@@ -580,17 +583,13 @@ Array [
580
583
  Array [
581
584
  Object {
582
585
  "alignItems": "center",
583
- "backgroundColor": "transparent",
586
+ "backgroundColor": "hsl(190, 95%, 30%)",
584
587
  "borderRadius": 4,
585
588
  "justifyContent": "center",
586
589
  "paddingHorizontal": 16,
587
590
  "paddingVertical": 12,
588
591
  },
589
- Object {
590
- "backgroundColor": "hsl(190, 95%, 30%)",
591
- },
592
- null,
593
- null,
592
+ undefined,
594
593
  Object {
595
594
  "marginHorizontal": 16,
596
595
  "marginVertical": 12,
@@ -647,9 +646,7 @@ Array [
647
646
  "paddingHorizontal": 16,
648
647
  "paddingVertical": 12,
649
648
  },
650
- Object {},
651
- null,
652
- null,
649
+ undefined,
653
650
  Object {
654
651
  "marginVertical": 8,
655
652
  "minWidth": "50%",