@aws-amplify/ui-react-native 1.2.20 → 1.2.22

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 (113) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/dist/Authenticator/Authenticator.d.ts +101 -148
  3. package/dist/Authenticator/Authenticator.js +2 -3
  4. package/dist/Authenticator/Defaults/ConfirmResetPassword/ConfirmResetPassword.d.ts +13 -2
  5. package/dist/Authenticator/Defaults/ConfirmResetPassword/ConfirmResetPassword.js +4 -3
  6. package/dist/Authenticator/Defaults/ConfirmSignIn/ConfirmSignIn.d.ts +13 -2
  7. package/dist/Authenticator/Defaults/ConfirmSignIn/ConfirmSignIn.js +4 -3
  8. package/dist/Authenticator/Defaults/ConfirmSignUp/ConfirmSignUp.d.ts +13 -2
  9. package/dist/Authenticator/Defaults/ConfirmSignUp/ConfirmSignUp.js +4 -3
  10. package/dist/Authenticator/Defaults/ConfirmVerifyUser/ConfirmVerifyUser.d.ts +13 -2
  11. package/dist/Authenticator/Defaults/ConfirmVerifyUser/ConfirmVerifyUser.js +4 -3
  12. package/dist/Authenticator/Defaults/ForceNewPassword/ForceNewPassword.d.ts +13 -2
  13. package/dist/Authenticator/Defaults/ForceNewPassword/ForceNewPassword.js +4 -3
  14. package/dist/Authenticator/Defaults/ResetPassword/ResetPassword.d.ts +13 -2
  15. package/dist/Authenticator/Defaults/ResetPassword/ResetPassword.js +4 -3
  16. package/dist/Authenticator/Defaults/SetupTOTP/SetupTOTP.d.ts +13 -2
  17. package/dist/Authenticator/Defaults/SetupTOTP/SetupTOTP.js +4 -3
  18. package/dist/Authenticator/Defaults/SignIn/SignIn.d.ts +13 -2
  19. package/dist/Authenticator/Defaults/SignIn/SignIn.js +4 -3
  20. package/dist/Authenticator/Defaults/SignUp/SignUp.d.ts +13 -2
  21. package/dist/Authenticator/Defaults/SignUp/SignUp.js +4 -3
  22. package/dist/Authenticator/Defaults/VerifyUser/VerifyUser.d.ts +13 -2
  23. package/dist/Authenticator/Defaults/VerifyUser/VerifyUser.js +4 -3
  24. package/dist/Authenticator/Defaults/types.d.ts +21 -20
  25. package/dist/Authenticator/common/DefaultContent/styles.js +1 -2
  26. package/dist/Authenticator/common/DefaultContent/types.d.ts +1 -1
  27. package/dist/Authenticator/common/DefaultFormFields/DefaultRadioFormFields.d.ts +7 -3
  28. package/dist/Authenticator/common/DefaultFormFields/DefaultRadioFormFields.js +4 -3
  29. package/dist/Authenticator/common/DefaultFormFields/DefaultTextFormFields.d.ts +6 -2
  30. package/dist/Authenticator/common/DefaultFormFields/DefaultTextFormFields.js +3 -3
  31. package/dist/Authenticator/common/DefaultFormFields/types.d.ts +12 -3
  32. package/dist/Authenticator/hooks/types.d.ts +3 -2
  33. package/dist/Authenticator/hooks/useFieldValues/types.d.ts +4 -1
  34. package/dist/Authenticator/hooks/useFieldValues/useFieldValues.d.ts +1 -1
  35. package/dist/Authenticator/hooks/useFieldValues/useFieldValues.js +21 -3
  36. package/dist/Authenticator/hooks/useFieldValues/utils.d.ts +10 -1
  37. package/dist/Authenticator/hooks/useFieldValues/utils.js +32 -2
  38. package/dist/primitives/Heading/styles.js +5 -5
  39. package/dist/primitives/Label/styles.js +2 -2
  40. package/dist/primitives/TextField/TextField.js +2 -1
  41. package/dist/primitives/TextField/styles.js +6 -3
  42. package/dist/primitives/TextField/types.d.ts +1 -0
  43. package/dist/theme/createTheme.js +24 -18
  44. package/dist/theme/types.d.ts +1 -1
  45. package/dist/version.d.ts +1 -1
  46. package/dist/version.js +1 -1
  47. package/jest.config.js +1 -0
  48. package/package.json +5 -5
  49. package/src/Authenticator/Authenticator.tsx +2 -6
  50. package/src/Authenticator/Defaults/ConfirmResetPassword/ConfirmResetPassword.tsx +7 -3
  51. package/src/Authenticator/Defaults/ConfirmResetPassword/__tests__/__snapshots__/ConfirmResetPassword.spec.tsx.snap +34 -30
  52. package/src/Authenticator/Defaults/ConfirmSignIn/ConfirmSignIn.tsx +7 -3
  53. package/src/Authenticator/Defaults/ConfirmSignIn/__tests__/ConfirmSignIn.spec.tsx +1 -0
  54. package/src/Authenticator/Defaults/ConfirmSignIn/__tests__/__snapshots__/ConfirmSignIn.spec.tsx.snap +14 -14
  55. package/src/Authenticator/Defaults/ConfirmSignUp/ConfirmSignUp.tsx +7 -3
  56. package/src/Authenticator/Defaults/ConfirmSignUp/__tests__/ConfirmSignUp.spec.tsx +1 -0
  57. package/src/Authenticator/Defaults/ConfirmSignUp/__tests__/__snapshots__/ConfirmSignUp.spec.tsx.snap +12 -15
  58. package/src/Authenticator/Defaults/ConfirmVerifyUser/ConfirmVerifyUser.tsx +7 -3
  59. package/src/Authenticator/Defaults/ConfirmVerifyUser/__tests__/ConfirmVerifyUser.spec.tsx +1 -0
  60. package/src/Authenticator/Defaults/ConfirmVerifyUser/__tests__/__snapshots__/ConfirmVerifyUser.spec.tsx.snap +6 -9
  61. package/src/Authenticator/Defaults/ForceNewPassword/ForceNewPassword.tsx +7 -3
  62. package/src/Authenticator/Defaults/ForceNewPassword/__tests__/__snapshots__/ForceNewPassword.spec.tsx.snap +13 -10
  63. package/src/Authenticator/Defaults/ResetPassword/ResetPassword.tsx +7 -3
  64. package/src/Authenticator/Defaults/ResetPassword/__tests__/ResetPassword.spec.tsx +1 -0
  65. package/src/Authenticator/Defaults/ResetPassword/__tests__/__snapshots__/ResetPassword.spec.tsx.snap +14 -14
  66. package/src/Authenticator/Defaults/SetupTOTP/SetupTOTP.tsx +7 -3
  67. package/src/Authenticator/Defaults/SetupTOTP/__tests__/SetupTOTP.spec.tsx +1 -0
  68. package/src/Authenticator/Defaults/SetupTOTP/__tests__/__snapshots__/SetupTOTP.spec.tsx.snap +22 -22
  69. package/src/Authenticator/Defaults/SignIn/SignIn.tsx +7 -3
  70. package/src/Authenticator/Defaults/SignIn/__tests__/SignIn.spec.tsx +1 -0
  71. package/src/Authenticator/Defaults/SignIn/__tests__/__snapshots__/SignIn.spec.tsx.snap +36 -33
  72. package/src/Authenticator/Defaults/SignUp/SignUp.tsx +7 -3
  73. package/src/Authenticator/Defaults/SignUp/__tests__/__snapshots__/SignUp.spec.tsx.snap +111 -96
  74. package/src/Authenticator/Defaults/VerifyUser/VerifyUser.tsx +7 -3
  75. package/src/Authenticator/Defaults/VerifyUser/__tests__/VerifyUser.spec.tsx +1 -0
  76. package/src/Authenticator/Defaults/VerifyUser/__tests__/__snapshots__/VerifyUser.spec.tsx.snap +16 -18
  77. package/src/Authenticator/Defaults/types.ts +63 -49
  78. package/src/Authenticator/__tests__/Authenticator.spec.tsx +16 -19
  79. package/src/Authenticator/__tests__/__snapshots__/Authenticator.spec.tsx.snap +1 -9
  80. package/src/Authenticator/__tests__/withAuthenticator.spec.tsx +1 -1
  81. package/src/Authenticator/common/DefaultContent/styles.ts +1 -2
  82. package/src/Authenticator/common/DefaultContent/types.ts +1 -4
  83. package/src/Authenticator/common/DefaultFormFields/DefaultRadioFormFields.tsx +8 -6
  84. package/src/Authenticator/common/DefaultFormFields/DefaultTextFormFields.tsx +10 -7
  85. package/src/Authenticator/common/DefaultFormFields/types.ts +15 -5
  86. package/src/Authenticator/common/DefaultHeader/__tests__/__snapshots__/DefaultHeader.spec.tsx.snap +1 -1
  87. package/src/Authenticator/common/FederatedProviderButton/__tests__/__snapshots__/FederatedProviderButton.spec.tsx.snap +4 -4
  88. package/src/Authenticator/common/FederatedProviderButtons/__tests__/__snapshots__/FederatedProviderButtons.spec.tsx.snap +4 -4
  89. package/src/Authenticator/hooks/types.ts +3 -0
  90. package/src/Authenticator/hooks/useFieldValues/__tests__/useFieldValues.spec.ts +75 -2
  91. package/src/Authenticator/hooks/useFieldValues/__tests__/utils.spec.ts +67 -1
  92. package/src/Authenticator/hooks/useFieldValues/types.ts +5 -0
  93. package/src/Authenticator/hooks/useFieldValues/useFieldValues.ts +26 -1
  94. package/src/Authenticator/hooks/useFieldValues/utils.ts +44 -1
  95. package/src/primitives/Checkbox/__tests__/__snapshots__/Checkbox.spec.tsx.snap +14 -14
  96. package/src/primitives/Divider/__tests__/__snapshots__/Divider.spec.tsx.snap +4 -4
  97. package/src/primitives/Heading/__tests__/__snapshots__/Heading.spec.tsx.snap +7 -7
  98. package/src/primitives/Heading/styles.ts +5 -5
  99. package/src/primitives/Label/__tests__/__snapshots__/Label.spec.tsx.snap +8 -8
  100. package/src/primitives/Label/styles.ts +2 -2
  101. package/src/primitives/PasswordField/__tests__/__snapshots__/PasswordField.spec.tsx.snap +25 -20
  102. package/src/primitives/PhoneNumberField/__tests__/__snapshots__/PhoneNumberField.spec.tsx.snap +6 -0
  103. package/src/primitives/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +14 -14
  104. package/src/primitives/RadioGroup/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +48 -48
  105. package/src/primitives/TextField/TextField.tsx +2 -1
  106. package/src/primitives/TextField/__tests__/TextField.spec.tsx +57 -8
  107. package/src/primitives/TextField/__tests__/__snapshots__/TextField.spec.tsx.snap +61 -55
  108. package/src/primitives/TextField/styles.ts +6 -3
  109. package/src/primitives/TextField/types.ts +1 -0
  110. package/src/theme/__tests__/createTheme.spec.ts +48 -0
  111. package/src/theme/createTheme.ts +44 -21
  112. package/src/theme/types.ts +17 -16
  113. package/src/version.ts +1 -1
package/src/Authenticator/Defaults/SignUp/__tests__/__snapshots__/SignUp.spec.tsx.snap CHANGED
@@ -11,7 +11,7 @@ Array [
11
11
  },
12
12
  Object {
13
13
  "fontSize": 24,
14
- "fontWeight": "300",
14
+ "fontWeight": "500",
15
15
  "lineHeight": 36,
16
16
  },
17
17
  Object {
@@ -35,6 +35,7 @@ Array [
35
35
  Array [
36
36
  Object {
37
37
  "alignItems": "flex-start",
38
+ "marginBottom": 8,
38
39
  },
39
40
  Object {
40
41
  "paddingHorizontal": 12,
@@ -49,9 +50,9 @@ Array [
49
50
  style={
50
51
  Array [
51
52
  Object {
52
- "fontSize": 14,
53
+ "fontSize": 16,
53
54
  "fontWeight": "400",
54
- "lineHeight": 21,
55
+ "lineHeight": 24,
55
56
  },
56
57
  Object {
57
58
  "color": "hsl(210, 50%, 10%)",
@@ -59,8 +60,7 @@ Array [
59
60
  Array [
60
61
  Object {
61
62
  "color": "hsl(210, 25%, 25%)",
62
- "lineHeight": 21,
63
- "padding": 4,
63
+ "paddingVertical": 8,
64
64
  },
65
65
  undefined,
66
66
  ],
@@ -102,6 +102,7 @@ Array [
102
102
  "color": "hsl(210, 50%, 10%)",
103
103
  "flexGrow": 1,
104
104
  "fontSize": 16,
105
+ "paddingHorizontal": 4,
105
106
  "paddingVertical": 12,
106
107
  },
107
108
  Object {},
@@ -115,6 +116,7 @@ Array [
115
116
  Array [
116
117
  Object {
117
118
  "alignItems": "flex-start",
119
+ "marginBottom": 8,
118
120
  },
119
121
  Array [
120
122
  Object {},
@@ -132,9 +134,9 @@ Array [
132
134
  style={
133
135
  Array [
134
136
  Object {
135
- "fontSize": 14,
137
+ "fontSize": 16,
136
138
  "fontWeight": "400",
137
- "lineHeight": 21,
139
+ "lineHeight": 24,
138
140
  },
139
141
  Object {
140
142
  "color": "hsl(210, 50%, 10%)",
@@ -142,8 +144,7 @@ Array [
142
144
  Array [
143
145
  Object {
144
146
  "color": "hsl(210, 25%, 25%)",
145
- "lineHeight": 21,
146
- "padding": 4,
147
+ "paddingVertical": 8,
147
148
  },
148
149
  undefined,
149
150
  ],
@@ -186,6 +187,7 @@ Array [
186
187
  "color": "hsl(210, 50%, 10%)",
187
188
  "flexGrow": 1,
188
189
  "fontSize": 16,
190
+ "paddingHorizontal": 4,
189
191
  "paddingVertical": 12,
190
192
  },
191
193
  Object {},
@@ -263,6 +265,7 @@ Array [
263
265
  Array [
264
266
  Object {
265
267
  "alignItems": "flex-start",
268
+ "marginBottom": 8,
266
269
  },
267
270
  Array [
268
271
  Object {},
@@ -280,9 +283,9 @@ Array [
280
283
  style={
281
284
  Array [
282
285
  Object {
283
- "fontSize": 14,
286
+ "fontSize": 16,
284
287
  "fontWeight": "400",
285
- "lineHeight": 21,
288
+ "lineHeight": 24,
286
289
  },
287
290
  Object {
288
291
  "color": "hsl(210, 50%, 10%)",
@@ -290,8 +293,7 @@ Array [
290
293
  Array [
291
294
  Object {
292
295
  "color": "hsl(210, 25%, 25%)",
293
- "lineHeight": 21,
294
- "padding": 4,
296
+ "paddingVertical": 8,
295
297
  },
296
298
  undefined,
297
299
  ],
@@ -334,6 +336,7 @@ Array [
334
336
  "color": "hsl(210, 50%, 10%)",
335
337
  "flexGrow": 1,
336
338
  "fontSize": 16,
339
+ "paddingHorizontal": 4,
337
340
  "paddingVertical": 12,
338
341
  },
339
342
  Object {},
@@ -411,6 +414,7 @@ Array [
411
414
  Array [
412
415
  Object {
413
416
  "alignItems": "flex-start",
417
+ "marginBottom": 8,
414
418
  },
415
419
  Array [
416
420
  Object {},
@@ -428,9 +432,9 @@ Array [
428
432
  style={
429
433
  Array [
430
434
  Object {
431
- "fontSize": 14,
435
+ "fontSize": 16,
432
436
  "fontWeight": "400",
433
- "lineHeight": 21,
437
+ "lineHeight": 24,
434
438
  },
435
439
  Object {
436
440
  "color": "hsl(210, 50%, 10%)",
@@ -438,8 +442,7 @@ Array [
438
442
  Array [
439
443
  Object {
440
444
  "color": "hsl(210, 25%, 25%)",
441
- "lineHeight": 21,
442
- "padding": 4,
445
+ "paddingVertical": 8,
443
446
  },
444
447
  Array [
445
448
  Object {},
@@ -485,6 +488,7 @@ Array [
485
488
  "color": "hsl(210, 50%, 10%)",
486
489
  "flexGrow": 1,
487
490
  "fontSize": 16,
491
+ "paddingHorizontal": 4,
488
492
  "paddingVertical": 12,
489
493
  },
490
494
  Array [
@@ -528,8 +532,7 @@ Array [
528
532
  },
529
533
  undefined,
530
534
  Object {
531
- "marginHorizontal": 16,
532
- "marginVertical": 12,
535
+ "margin": 12,
533
536
  },
534
537
  ]
535
538
  }
@@ -623,7 +626,7 @@ Array [
623
626
  },
624
627
  Object {
625
628
  "fontSize": 24,
626
- "fontWeight": "300",
629
+ "fontWeight": "500",
627
630
  "lineHeight": 36,
628
631
  },
629
632
  Object {
@@ -647,6 +650,7 @@ Array [
647
650
  Array [
648
651
  Object {
649
652
  "alignItems": "flex-start",
653
+ "marginBottom": 8,
650
654
  },
651
655
  Object {
652
656
  "paddingHorizontal": 12,
@@ -661,9 +665,9 @@ Array [
661
665
  style={
662
666
  Array [
663
667
  Object {
664
- "fontSize": 14,
668
+ "fontSize": 16,
665
669
  "fontWeight": "400",
666
- "lineHeight": 21,
670
+ "lineHeight": 24,
667
671
  },
668
672
  Object {
669
673
  "color": "hsl(210, 50%, 10%)",
@@ -671,8 +675,7 @@ Array [
671
675
  Array [
672
676
  Object {
673
677
  "color": "hsl(210, 25%, 25%)",
674
- "lineHeight": 21,
675
- "padding": 4,
678
+ "paddingVertical": 8,
676
679
  },
677
680
  undefined,
678
681
  ],
@@ -714,6 +717,7 @@ Array [
714
717
  "color": "hsl(210, 50%, 10%)",
715
718
  "flexGrow": 1,
716
719
  "fontSize": 16,
720
+ "paddingHorizontal": 4,
717
721
  "paddingVertical": 12,
718
722
  },
719
723
  Object {},
@@ -727,6 +731,7 @@ Array [
727
731
  Array [
728
732
  Object {
729
733
  "alignItems": "flex-start",
734
+ "marginBottom": 8,
730
735
  },
731
736
  Array [
732
737
  Object {},
@@ -744,9 +749,9 @@ Array [
744
749
  style={
745
750
  Array [
746
751
  Object {
747
- "fontSize": 14,
752
+ "fontSize": 16,
748
753
  "fontWeight": "400",
749
- "lineHeight": 21,
754
+ "lineHeight": 24,
750
755
  },
751
756
  Object {
752
757
  "color": "hsl(210, 50%, 10%)",
@@ -754,8 +759,7 @@ Array [
754
759
  Array [
755
760
  Object {
756
761
  "color": "hsl(210, 25%, 25%)",
757
- "lineHeight": 21,
758
- "padding": 4,
762
+ "paddingVertical": 8,
759
763
  },
760
764
  undefined,
761
765
  ],
@@ -798,6 +802,7 @@ Array [
798
802
  "color": "hsl(210, 50%, 10%)",
799
803
  "flexGrow": 1,
800
804
  "fontSize": 16,
805
+ "paddingHorizontal": 4,
801
806
  "paddingVertical": 12,
802
807
  },
803
808
  Object {},
@@ -875,6 +880,7 @@ Array [
875
880
  Array [
876
881
  Object {
877
882
  "alignItems": "flex-start",
883
+ "marginBottom": 8,
878
884
  },
879
885
  Array [
880
886
  Object {},
@@ -892,9 +898,9 @@ Array [
892
898
  style={
893
899
  Array [
894
900
  Object {
895
- "fontSize": 14,
901
+ "fontSize": 16,
896
902
  "fontWeight": "400",
897
- "lineHeight": 21,
903
+ "lineHeight": 24,
898
904
  },
899
905
  Object {
900
906
  "color": "hsl(210, 50%, 10%)",
@@ -902,8 +908,7 @@ Array [
902
908
  Array [
903
909
  Object {
904
910
  "color": "hsl(210, 25%, 25%)",
905
- "lineHeight": 21,
906
- "padding": 4,
911
+ "paddingVertical": 8,
907
912
  },
908
913
  undefined,
909
914
  ],
@@ -946,6 +951,7 @@ Array [
946
951
  "color": "hsl(210, 50%, 10%)",
947
952
  "flexGrow": 1,
948
953
  "fontSize": 16,
954
+ "paddingHorizontal": 4,
949
955
  "paddingVertical": 12,
950
956
  },
951
957
  Object {},
@@ -1023,6 +1029,7 @@ Array [
1023
1029
  Array [
1024
1030
  Object {
1025
1031
  "alignItems": "flex-start",
1032
+ "marginBottom": 8,
1026
1033
  },
1027
1034
  Array [
1028
1035
  Object {},
@@ -1040,9 +1047,9 @@ Array [
1040
1047
  style={
1041
1048
  Array [
1042
1049
  Object {
1043
- "fontSize": 14,
1050
+ "fontSize": 16,
1044
1051
  "fontWeight": "400",
1045
- "lineHeight": 21,
1052
+ "lineHeight": 24,
1046
1053
  },
1047
1054
  Object {
1048
1055
  "color": "hsl(210, 50%, 10%)",
@@ -1050,8 +1057,7 @@ Array [
1050
1057
  Array [
1051
1058
  Object {
1052
1059
  "color": "hsl(210, 25%, 25%)",
1053
- "lineHeight": 21,
1054
- "padding": 4,
1060
+ "paddingVertical": 8,
1055
1061
  },
1056
1062
  Array [
1057
1063
  Object {},
@@ -1097,6 +1103,7 @@ Array [
1097
1103
  "color": "hsl(210, 50%, 10%)",
1098
1104
  "flexGrow": 1,
1099
1105
  "fontSize": 16,
1106
+ "paddingHorizontal": 4,
1100
1107
  "paddingVertical": 12,
1101
1108
  },
1102
1109
  Array [
@@ -1140,8 +1147,7 @@ Array [
1140
1147
  },
1141
1148
  undefined,
1142
1149
  Object {
1143
- "marginHorizontal": 16,
1144
- "marginVertical": 12,
1150
+ "margin": 12,
1145
1151
  },
1146
1152
  ]
1147
1153
  }
@@ -1177,7 +1183,7 @@ Array [
1177
1183
  },
1178
1184
  Object {
1179
1185
  "fontSize": 24,
1180
- "fontWeight": "300",
1186
+ "fontWeight": "500",
1181
1187
  "lineHeight": 36,
1182
1188
  },
1183
1189
  Object {
@@ -1201,6 +1207,7 @@ Array [
1201
1207
  Array [
1202
1208
  Object {
1203
1209
  "alignItems": "flex-start",
1210
+ "marginBottom": 8,
1204
1211
  },
1205
1212
  Object {
1206
1213
  "paddingHorizontal": 12,
@@ -1215,9 +1222,9 @@ Array [
1215
1222
  style={
1216
1223
  Array [
1217
1224
  Object {
1218
- "fontSize": 14,
1225
+ "fontSize": 16,
1219
1226
  "fontWeight": "400",
1220
- "lineHeight": 21,
1227
+ "lineHeight": 24,
1221
1228
  },
1222
1229
  Object {
1223
1230
  "color": "hsl(210, 50%, 10%)",
@@ -1225,8 +1232,7 @@ Array [
1225
1232
  Array [
1226
1233
  Object {
1227
1234
  "color": "hsl(210, 25%, 25%)",
1228
- "lineHeight": 21,
1229
- "padding": 4,
1235
+ "paddingVertical": 8,
1230
1236
  },
1231
1237
  undefined,
1232
1238
  ],
@@ -1269,6 +1275,7 @@ Array [
1269
1275
  "color": "hsl(210, 50%, 10%)",
1270
1276
  "flexGrow": 1,
1271
1277
  "fontSize": 16,
1278
+ "paddingHorizontal": 4,
1272
1279
  "paddingVertical": 12,
1273
1280
  },
1274
1281
  Object {},
@@ -1282,6 +1289,7 @@ Array [
1282
1289
  Array [
1283
1290
  Object {
1284
1291
  "alignItems": "flex-start",
1292
+ "marginBottom": 8,
1285
1293
  },
1286
1294
  Array [
1287
1295
  Object {},
@@ -1299,9 +1307,9 @@ Array [
1299
1307
  style={
1300
1308
  Array [
1301
1309
  Object {
1302
- "fontSize": 14,
1310
+ "fontSize": 16,
1303
1311
  "fontWeight": "400",
1304
- "lineHeight": 21,
1312
+ "lineHeight": 24,
1305
1313
  },
1306
1314
  Object {
1307
1315
  "color": "hsl(210, 50%, 10%)",
@@ -1309,8 +1317,7 @@ Array [
1309
1317
  Array [
1310
1318
  Object {
1311
1319
  "color": "hsl(210, 25%, 25%)",
1312
- "lineHeight": 21,
1313
- "padding": 4,
1320
+ "paddingVertical": 8,
1314
1321
  },
1315
1322
  undefined,
1316
1323
  ],
@@ -1354,6 +1361,7 @@ Array [
1354
1361
  "color": "hsl(210, 50%, 10%)",
1355
1362
  "flexGrow": 1,
1356
1363
  "fontSize": 16,
1364
+ "paddingHorizontal": 4,
1357
1365
  "paddingVertical": 12,
1358
1366
  },
1359
1367
  Object {},
@@ -1433,6 +1441,7 @@ Array [
1433
1441
  Array [
1434
1442
  Object {
1435
1443
  "alignItems": "flex-start",
1444
+ "marginBottom": 8,
1436
1445
  },
1437
1446
  Array [
1438
1447
  Object {},
@@ -1450,9 +1459,9 @@ Array [
1450
1459
  style={
1451
1460
  Array [
1452
1461
  Object {
1453
- "fontSize": 14,
1462
+ "fontSize": 16,
1454
1463
  "fontWeight": "400",
1455
- "lineHeight": 21,
1464
+ "lineHeight": 24,
1456
1465
  },
1457
1466
  Object {
1458
1467
  "color": "hsl(210, 50%, 10%)",
@@ -1460,8 +1469,7 @@ Array [
1460
1469
  Array [
1461
1470
  Object {
1462
1471
  "color": "hsl(210, 25%, 25%)",
1463
- "lineHeight": 21,
1464
- "padding": 4,
1472
+ "paddingVertical": 8,
1465
1473
  },
1466
1474
  undefined,
1467
1475
  ],
@@ -1505,6 +1513,7 @@ Array [
1505
1513
  "color": "hsl(210, 50%, 10%)",
1506
1514
  "flexGrow": 1,
1507
1515
  "fontSize": 16,
1516
+ "paddingHorizontal": 4,
1508
1517
  "paddingVertical": 12,
1509
1518
  },
1510
1519
  Object {},
@@ -1584,6 +1593,7 @@ Array [
1584
1593
  Array [
1585
1594
  Object {
1586
1595
  "alignItems": "flex-start",
1596
+ "marginBottom": 8,
1587
1597
  },
1588
1598
  Array [
1589
1599
  Object {},
@@ -1601,9 +1611,9 @@ Array [
1601
1611
  style={
1602
1612
  Array [
1603
1613
  Object {
1604
- "fontSize": 14,
1614
+ "fontSize": 16,
1605
1615
  "fontWeight": "400",
1606
- "lineHeight": 21,
1616
+ "lineHeight": 24,
1607
1617
  },
1608
1618
  Object {
1609
1619
  "color": "hsl(210, 50%, 10%)",
@@ -1611,8 +1621,7 @@ Array [
1611
1621
  Array [
1612
1622
  Object {
1613
1623
  "color": "hsl(210, 25%, 25%)",
1614
- "lineHeight": 21,
1615
- "padding": 4,
1624
+ "paddingVertical": 8,
1616
1625
  },
1617
1626
  Array [
1618
1627
  Object {},
@@ -1659,6 +1668,7 @@ Array [
1659
1668
  "color": "hsl(210, 50%, 10%)",
1660
1669
  "flexGrow": 1,
1661
1670
  "fontSize": 16,
1671
+ "paddingHorizontal": 4,
1662
1672
  "paddingVertical": 12,
1663
1673
  },
1664
1674
  Array [
@@ -1702,8 +1712,7 @@ Array [
1702
1712
  },
1703
1713
  undefined,
1704
1714
  Object {
1705
- "marginHorizontal": 16,
1706
- "marginVertical": 12,
1715
+ "margin": 12,
1707
1716
  },
1708
1717
  ]
1709
1718
  }
@@ -1797,7 +1806,7 @@ Array [
1797
1806
  },
1798
1807
  Object {
1799
1808
  "fontSize": 24,
1800
- "fontWeight": "300",
1809
+ "fontWeight": "500",
1801
1810
  "lineHeight": 36,
1802
1811
  },
1803
1812
  Object {
@@ -1821,6 +1830,7 @@ Array [
1821
1830
  Array [
1822
1831
  Object {
1823
1832
  "alignItems": "flex-start",
1833
+ "marginBottom": 8,
1824
1834
  },
1825
1835
  Object {
1826
1836
  "paddingHorizontal": 12,
@@ -1835,9 +1845,9 @@ Array [
1835
1845
  style={
1836
1846
  Array [
1837
1847
  Object {
1838
- "fontSize": 14,
1848
+ "fontSize": 16,
1839
1849
  "fontWeight": "400",
1840
- "lineHeight": 21,
1850
+ "lineHeight": 24,
1841
1851
  },
1842
1852
  Object {
1843
1853
  "color": "hsl(210, 50%, 10%)",
@@ -1845,8 +1855,7 @@ Array [
1845
1855
  Array [
1846
1856
  Object {
1847
1857
  "color": "hsl(210, 25%, 25%)",
1848
- "lineHeight": 21,
1849
- "padding": 4,
1858
+ "paddingVertical": 8,
1850
1859
  },
1851
1860
  undefined,
1852
1861
  ],
@@ -1888,6 +1897,7 @@ Array [
1888
1897
  "color": "hsl(210, 50%, 10%)",
1889
1898
  "flexGrow": 1,
1890
1899
  "fontSize": 16,
1900
+ "paddingHorizontal": 4,
1891
1901
  "paddingVertical": 12,
1892
1902
  },
1893
1903
  Object {},
@@ -1901,6 +1911,7 @@ Array [
1901
1911
  Array [
1902
1912
  Object {
1903
1913
  "alignItems": "flex-start",
1914
+ "marginBottom": 8,
1904
1915
  },
1905
1916
  Array [
1906
1917
  Object {},
@@ -1918,9 +1929,9 @@ Array [
1918
1929
  style={
1919
1930
  Array [
1920
1931
  Object {
1921
- "fontSize": 14,
1932
+ "fontSize": 16,
1922
1933
  "fontWeight": "400",
1923
- "lineHeight": 21,
1934
+ "lineHeight": 24,
1924
1935
  },
1925
1936
  Object {
1926
1937
  "color": "hsl(210, 50%, 10%)",
@@ -1928,8 +1939,7 @@ Array [
1928
1939
  Array [
1929
1940
  Object {
1930
1941
  "color": "hsl(210, 25%, 25%)",
1931
- "lineHeight": 21,
1932
- "padding": 4,
1942
+ "paddingVertical": 8,
1933
1943
  },
1934
1944
  undefined,
1935
1945
  ],
@@ -1972,6 +1982,7 @@ Array [
1972
1982
  "color": "hsl(210, 50%, 10%)",
1973
1983
  "flexGrow": 1,
1974
1984
  "fontSize": 16,
1985
+ "paddingHorizontal": 4,
1975
1986
  "paddingVertical": 12,
1976
1987
  },
1977
1988
  Object {},
@@ -2049,6 +2060,7 @@ Array [
2049
2060
  Array [
2050
2061
  Object {
2051
2062
  "alignItems": "flex-start",
2063
+ "marginBottom": 8,
2052
2064
  },
2053
2065
  Array [
2054
2066
  Object {},
@@ -2066,9 +2078,9 @@ Array [
2066
2078
  style={
2067
2079
  Array [
2068
2080
  Object {
2069
- "fontSize": 14,
2081
+ "fontSize": 16,
2070
2082
  "fontWeight": "400",
2071
- "lineHeight": 21,
2083
+ "lineHeight": 24,
2072
2084
  },
2073
2085
  Object {
2074
2086
  "color": "hsl(210, 50%, 10%)",
@@ -2076,8 +2088,7 @@ Array [
2076
2088
  Array [
2077
2089
  Object {
2078
2090
  "color": "hsl(210, 25%, 25%)",
2079
- "lineHeight": 21,
2080
- "padding": 4,
2091
+ "paddingVertical": 8,
2081
2092
  },
2082
2093
  undefined,
2083
2094
  ],
@@ -2120,6 +2131,7 @@ Array [
2120
2131
  "color": "hsl(210, 50%, 10%)",
2121
2132
  "flexGrow": 1,
2122
2133
  "fontSize": 16,
2134
+ "paddingHorizontal": 4,
2123
2135
  "paddingVertical": 12,
2124
2136
  },
2125
2137
  Object {},
@@ -2197,6 +2209,7 @@ Array [
2197
2209
  Array [
2198
2210
  Object {
2199
2211
  "alignItems": "flex-start",
2212
+ "marginBottom": 8,
2200
2213
  },
2201
2214
  Array [
2202
2215
  Object {},
@@ -2214,9 +2227,9 @@ Array [
2214
2227
  style={
2215
2228
  Array [
2216
2229
  Object {
2217
- "fontSize": 14,
2230
+ "fontSize": 16,
2218
2231
  "fontWeight": "400",
2219
- "lineHeight": 21,
2232
+ "lineHeight": 24,
2220
2233
  },
2221
2234
  Object {
2222
2235
  "color": "hsl(210, 50%, 10%)",
@@ -2224,8 +2237,7 @@ Array [
2224
2237
  Array [
2225
2238
  Object {
2226
2239
  "color": "hsl(210, 25%, 25%)",
2227
- "lineHeight": 21,
2228
- "padding": 4,
2240
+ "paddingVertical": 8,
2229
2241
  },
2230
2242
  Array [
2231
2243
  Object {},
@@ -2271,6 +2283,7 @@ Array [
2271
2283
  "color": "hsl(210, 50%, 10%)",
2272
2284
  "flexGrow": 1,
2273
2285
  "fontSize": 16,
2286
+ "paddingHorizontal": 4,
2274
2287
  "paddingVertical": 12,
2275
2288
  },
2276
2289
  Array [
@@ -2373,8 +2386,7 @@ Array [
2373
2386
  },
2374
2387
  undefined,
2375
2388
  Object {
2376
- "marginHorizontal": 16,
2377
- "marginVertical": 12,
2389
+ "margin": 12,
2378
2390
  },
2379
2391
  ]
2380
2392
  }
@@ -2468,7 +2480,7 @@ Array [
2468
2480
  },
2469
2481
  Object {
2470
2482
  "fontSize": 24,
2471
- "fontWeight": "300",
2483
+ "fontWeight": "500",
2472
2484
  "lineHeight": 36,
2473
2485
  },
2474
2486
  Object {
@@ -2492,6 +2504,7 @@ Array [
2492
2504
  Array [
2493
2505
  Object {
2494
2506
  "alignItems": "flex-start",
2507
+ "marginBottom": 8,
2495
2508
  },
2496
2509
  Object {
2497
2510
  "paddingHorizontal": 12,
@@ -2506,9 +2519,9 @@ Array [
2506
2519
  style={
2507
2520
  Array [
2508
2521
  Object {
2509
- "fontSize": 14,
2522
+ "fontSize": 16,
2510
2523
  "fontWeight": "400",
2511
- "lineHeight": 21,
2524
+ "lineHeight": 24,
2512
2525
  },
2513
2526
  Object {
2514
2527
  "color": "hsl(210, 50%, 10%)",
@@ -2516,8 +2529,7 @@ Array [
2516
2529
  Array [
2517
2530
  Object {
2518
2531
  "color": "hsl(210, 25%, 25%)",
2519
- "lineHeight": 21,
2520
- "padding": 4,
2532
+ "paddingVertical": 8,
2521
2533
  },
2522
2534
  undefined,
2523
2535
  ],
@@ -2531,7 +2543,7 @@ Array [
2531
2543
  style={
2532
2544
  Object {
2533
2545
  "alignItems": "center",
2534
- "borderColor": "hsl(210, 10%, 58%)",
2546
+ "borderColor": "hsl(0, 95%, 30%)",
2535
2547
  "borderRadius": 4,
2536
2548
  "borderWidth": 1,
2537
2549
  "flexDirection": "row",
@@ -2560,6 +2572,7 @@ Array [
2560
2572
  "color": "hsl(210, 50%, 10%)",
2561
2573
  "flexGrow": 1,
2562
2574
  "fontSize": 16,
2575
+ "paddingHorizontal": 4,
2563
2576
  "paddingVertical": 12,
2564
2577
  },
2565
2578
  Object {},
@@ -2602,6 +2615,7 @@ Array [
2602
2615
  Array [
2603
2616
  Object {
2604
2617
  "alignItems": "flex-start",
2618
+ "marginBottom": 8,
2605
2619
  },
2606
2620
  Array [
2607
2621
  Object {},
@@ -2619,9 +2633,9 @@ Array [
2619
2633
  style={
2620
2634
  Array [
2621
2635
  Object {
2622
- "fontSize": 14,
2636
+ "fontSize": 16,
2623
2637
  "fontWeight": "400",
2624
- "lineHeight": 21,
2638
+ "lineHeight": 24,
2625
2639
  },
2626
2640
  Object {
2627
2641
  "color": "hsl(210, 50%, 10%)",
@@ -2629,8 +2643,7 @@ Array [
2629
2643
  Array [
2630
2644
  Object {
2631
2645
  "color": "hsl(210, 25%, 25%)",
2632
- "lineHeight": 21,
2633
- "padding": 4,
2646
+ "paddingVertical": 8,
2634
2647
  },
2635
2648
  undefined,
2636
2649
  ],
@@ -2674,6 +2687,7 @@ Array [
2674
2687
  "color": "hsl(210, 50%, 10%)",
2675
2688
  "flexGrow": 1,
2676
2689
  "fontSize": 16,
2690
+ "paddingHorizontal": 4,
2677
2691
  "paddingVertical": 12,
2678
2692
  },
2679
2693
  Object {},
@@ -2753,6 +2767,7 @@ Array [
2753
2767
  Array [
2754
2768
  Object {
2755
2769
  "alignItems": "flex-start",
2770
+ "marginBottom": 8,
2756
2771
  },
2757
2772
  Array [
2758
2773
  Object {},
@@ -2770,9 +2785,9 @@ Array [
2770
2785
  style={
2771
2786
  Array [
2772
2787
  Object {
2773
- "fontSize": 14,
2788
+ "fontSize": 16,
2774
2789
  "fontWeight": "400",
2775
- "lineHeight": 21,
2790
+ "lineHeight": 24,
2776
2791
  },
2777
2792
  Object {
2778
2793
  "color": "hsl(210, 50%, 10%)",
@@ -2780,8 +2795,7 @@ Array [
2780
2795
  Array [
2781
2796
  Object {
2782
2797
  "color": "hsl(210, 25%, 25%)",
2783
- "lineHeight": 21,
2784
- "padding": 4,
2798
+ "paddingVertical": 8,
2785
2799
  },
2786
2800
  undefined,
2787
2801
  ],
@@ -2825,6 +2839,7 @@ Array [
2825
2839
  "color": "hsl(210, 50%, 10%)",
2826
2840
  "flexGrow": 1,
2827
2841
  "fontSize": 16,
2842
+ "paddingHorizontal": 4,
2828
2843
  "paddingVertical": 12,
2829
2844
  },
2830
2845
  Object {},
@@ -2904,6 +2919,7 @@ Array [
2904
2919
  Array [
2905
2920
  Object {
2906
2921
  "alignItems": "flex-start",
2922
+ "marginBottom": 8,
2907
2923
  },
2908
2924
  Array [
2909
2925
  Object {},
@@ -2921,9 +2937,9 @@ Array [
2921
2937
  style={
2922
2938
  Array [
2923
2939
  Object {
2924
- "fontSize": 14,
2940
+ "fontSize": 16,
2925
2941
  "fontWeight": "400",
2926
- "lineHeight": 21,
2942
+ "lineHeight": 24,
2927
2943
  },
2928
2944
  Object {
2929
2945
  "color": "hsl(210, 50%, 10%)",
@@ -2931,8 +2947,7 @@ Array [
2931
2947
  Array [
2932
2948
  Object {
2933
2949
  "color": "hsl(210, 25%, 25%)",
2934
- "lineHeight": 21,
2935
- "padding": 4,
2950
+ "paddingVertical": 8,
2936
2951
  },
2937
2952
  Array [
2938
2953
  Object {},
@@ -2979,6 +2994,7 @@ Array [
2979
2994
  "color": "hsl(210, 50%, 10%)",
2980
2995
  "flexGrow": 1,
2981
2996
  "fontSize": 16,
2997
+ "paddingHorizontal": 4,
2982
2998
  "paddingVertical": 12,
2983
2999
  },
2984
3000
  Array [
@@ -3022,8 +3038,7 @@ Array [
3022
3038
  },
3023
3039
  undefined,
3024
3040
  Object {
3025
- "marginHorizontal": 16,
3026
- "marginVertical": 12,
3041
+ "margin": 12,
3027
3042
  },
3028
3043
  ]
3029
3044
  }