@aws-amplify/ui-react-native 1.2.21 → 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 (35) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/Authenticator/common/DefaultContent/styles.js +1 -2
  3. package/dist/primitives/Heading/styles.js +5 -5
  4. package/dist/primitives/Label/styles.js +2 -2
  5. package/dist/primitives/TextField/styles.js +3 -3
  6. package/dist/version.d.ts +1 -1
  7. package/dist/version.js +1 -1
  8. package/package.json +4 -4
  9. package/src/Authenticator/Defaults/ConfirmResetPassword/__tests__/__snapshots__/ConfirmResetPassword.spec.tsx.snap +34 -30
  10. package/src/Authenticator/Defaults/ConfirmSignIn/__tests__/__snapshots__/ConfirmSignIn.spec.tsx.snap +14 -14
  11. package/src/Authenticator/Defaults/ConfirmSignUp/__tests__/__snapshots__/ConfirmSignUp.spec.tsx.snap +12 -15
  12. package/src/Authenticator/Defaults/ConfirmVerifyUser/__tests__/__snapshots__/ConfirmVerifyUser.spec.tsx.snap +6 -9
  13. package/src/Authenticator/Defaults/ForceNewPassword/__tests__/__snapshots__/ForceNewPassword.spec.tsx.snap +12 -9
  14. package/src/Authenticator/Defaults/ResetPassword/__tests__/__snapshots__/ResetPassword.spec.tsx.snap +14 -14
  15. package/src/Authenticator/Defaults/SetupTOTP/__tests__/__snapshots__/SetupTOTP.spec.tsx.snap +22 -22
  16. package/src/Authenticator/Defaults/SignIn/__tests__/__snapshots__/SignIn.spec.tsx.snap +36 -33
  17. package/src/Authenticator/Defaults/SignUp/__tests__/__snapshots__/SignUp.spec.tsx.snap +110 -95
  18. package/src/Authenticator/Defaults/VerifyUser/__tests__/__snapshots__/VerifyUser.spec.tsx.snap +16 -18
  19. package/src/Authenticator/common/DefaultContent/styles.ts +1 -2
  20. package/src/Authenticator/common/DefaultHeader/__tests__/__snapshots__/DefaultHeader.spec.tsx.snap +1 -1
  21. package/src/Authenticator/common/FederatedProviderButton/__tests__/__snapshots__/FederatedProviderButton.spec.tsx.snap +4 -4
  22. package/src/Authenticator/common/FederatedProviderButtons/__tests__/__snapshots__/FederatedProviderButtons.spec.tsx.snap +4 -4
  23. package/src/primitives/Checkbox/__tests__/__snapshots__/Checkbox.spec.tsx.snap +14 -14
  24. package/src/primitives/Divider/__tests__/__snapshots__/Divider.spec.tsx.snap +4 -4
  25. package/src/primitives/Heading/__tests__/__snapshots__/Heading.spec.tsx.snap +7 -7
  26. package/src/primitives/Heading/styles.ts +5 -5
  27. package/src/primitives/Label/__tests__/__snapshots__/Label.spec.tsx.snap +8 -8
  28. package/src/primitives/Label/styles.ts +2 -2
  29. package/src/primitives/PasswordField/__tests__/__snapshots__/PasswordField.spec.tsx.snap +25 -20
  30. package/src/primitives/PhoneNumberField/__tests__/__snapshots__/PhoneNumberField.spec.tsx.snap +6 -0
  31. package/src/primitives/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +14 -14
  32. package/src/primitives/RadioGroup/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +48 -48
  33. package/src/primitives/TextField/__tests__/__snapshots__/TextField.spec.tsx.snap +32 -26
  34. package/src/primitives/TextField/styles.ts +3 -3
  35. package/src/version.ts +1 -1
package/src/primitives/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap CHANGED
@@ -125,9 +125,9 @@ exports[`Radio renders as expected when disabled 1`] = `
125
125
  style={
126
126
  Array [
127
127
  Object {
128
- "fontSize": 14,
128
+ "fontSize": 16,
129
129
  "fontWeight": "400",
130
- "lineHeight": 21,
130
+ "lineHeight": 24,
131
131
  },
132
132
  Object {
133
133
  "color": "hsl(210, 50%, 10%)",
@@ -209,9 +209,9 @@ exports[`Radio renders as expected when passing a number to the size prop 1`] =
209
209
  style={
210
210
  Array [
211
211
  Object {
212
- "fontSize": 14,
212
+ "fontSize": 16,
213
213
  "fontWeight": "400",
214
- "lineHeight": 21,
214
+ "lineHeight": 24,
215
215
  },
216
216
  Object {
217
217
  "color": "hsl(210, 50%, 10%)",
@@ -276,9 +276,9 @@ exports[`Radio renders as expected when selected is false 1`] = `
276
276
  style={
277
277
  Array [
278
278
  Object {
279
- "fontSize": 14,
279
+ "fontSize": 16,
280
280
  "fontWeight": "400",
281
- "lineHeight": 21,
281
+ "lineHeight": 24,
282
282
  },
283
283
  Object {
284
284
  "color": "hsl(210, 50%, 10%)",
@@ -360,9 +360,9 @@ exports[`Radio renders as expected when selected is true 1`] = `
360
360
  style={
361
361
  Array [
362
362
  Object {
363
- "fontSize": 14,
363
+ "fontSize": 16,
364
364
  "fontWeight": "400",
365
- "lineHeight": 21,
365
+ "lineHeight": 24,
366
366
  },
367
367
  Object {
368
368
  "color": "hsl(210, 50%, 10%)",
@@ -444,9 +444,9 @@ exports[`Radio renders as expected when size is large 1`] = `
444
444
  style={
445
445
  Array [
446
446
  Object {
447
- "fontSize": 14,
447
+ "fontSize": 16,
448
448
  "fontWeight": "400",
449
- "lineHeight": 21,
449
+ "lineHeight": 24,
450
450
  },
451
451
  Object {
452
452
  "color": "hsl(210, 50%, 10%)",
@@ -528,9 +528,9 @@ exports[`Radio renders as expected when size is medium 1`] = `
528
528
  style={
529
529
  Array [
530
530
  Object {
531
- "fontSize": 14,
531
+ "fontSize": 16,
532
532
  "fontWeight": "400",
533
- "lineHeight": 21,
533
+ "lineHeight": 24,
534
534
  },
535
535
  Object {
536
536
  "color": "hsl(210, 50%, 10%)",
@@ -612,9 +612,9 @@ exports[`Radio renders as expected when size is small 1`] = `
612
612
  style={
613
613
  Array [
614
614
  Object {
615
- "fontSize": 14,
615
+ "fontSize": 16,
616
616
  "fontWeight": "400",
617
- "lineHeight": 21,
617
+ "lineHeight": 24,
618
618
  },
619
619
  Object {
620
620
  "color": "hsl(210, 50%, 10%)",
package/src/primitives/RadioGroup/__tests__/__snapshots__/RadioGroup.spec.tsx.snap CHANGED
@@ -87,9 +87,9 @@ exports[`RadioGroup renders as expected when direction is horizontal 1`] = `
87
87
  style={
88
88
  Array [
89
89
  Object {
90
- "fontSize": 14,
90
+ "fontSize": 16,
91
91
  "fontWeight": "400",
92
- "lineHeight": 21,
92
+ "lineHeight": 24,
93
93
  },
94
94
  Object {
95
95
  "color": "hsl(210, 50%, 10%)",
@@ -151,9 +151,9 @@ exports[`RadioGroup renders as expected when direction is horizontal 1`] = `
151
151
  style={
152
152
  Array [
153
153
  Object {
154
- "fontSize": 14,
154
+ "fontSize": 16,
155
155
  "fontWeight": "400",
156
- "lineHeight": 21,
156
+ "lineHeight": 24,
157
157
  },
158
158
  Object {
159
159
  "color": "hsl(210, 50%, 10%)",
@@ -215,9 +215,9 @@ exports[`RadioGroup renders as expected when direction is horizontal 1`] = `
215
215
  style={
216
216
  Array [
217
217
  Object {
218
- "fontSize": 14,
218
+ "fontSize": 16,
219
219
  "fontWeight": "400",
220
- "lineHeight": 21,
220
+ "lineHeight": 24,
221
221
  },
222
222
  Object {
223
223
  "color": "hsl(210, 50%, 10%)",
@@ -280,9 +280,9 @@ exports[`RadioGroup renders as expected when direction is horizontal 1`] = `
280
280
  style={
281
281
  Array [
282
282
  Object {
283
- "fontSize": 14,
283
+ "fontSize": 16,
284
284
  "fontWeight": "400",
285
- "lineHeight": 21,
285
+ "lineHeight": 24,
286
286
  },
287
287
  Object {
288
288
  "color": "hsl(210, 50%, 10%)",
@@ -385,9 +385,9 @@ exports[`RadioGroup renders as expected when direction is vertical 1`] = `
385
385
  style={
386
386
  Array [
387
387
  Object {
388
- "fontSize": 14,
388
+ "fontSize": 16,
389
389
  "fontWeight": "400",
390
- "lineHeight": 21,
390
+ "lineHeight": 24,
391
391
  },
392
392
  Object {
393
393
  "color": "hsl(210, 50%, 10%)",
@@ -449,9 +449,9 @@ exports[`RadioGroup renders as expected when direction is vertical 1`] = `
449
449
  style={
450
450
  Array [
451
451
  Object {
452
- "fontSize": 14,
452
+ "fontSize": 16,
453
453
  "fontWeight": "400",
454
- "lineHeight": 21,
454
+ "lineHeight": 24,
455
455
  },
456
456
  Object {
457
457
  "color": "hsl(210, 50%, 10%)",
@@ -513,9 +513,9 @@ exports[`RadioGroup renders as expected when direction is vertical 1`] = `
513
513
  style={
514
514
  Array [
515
515
  Object {
516
- "fontSize": 14,
516
+ "fontSize": 16,
517
517
  "fontWeight": "400",
518
- "lineHeight": 21,
518
+ "lineHeight": 24,
519
519
  },
520
520
  Object {
521
521
  "color": "hsl(210, 50%, 10%)",
@@ -578,9 +578,9 @@ exports[`RadioGroup renders as expected when direction is vertical 1`] = `
578
578
  style={
579
579
  Array [
580
580
  Object {
581
- "fontSize": 14,
581
+ "fontSize": 16,
582
582
  "fontWeight": "400",
583
- "lineHeight": 21,
583
+ "lineHeight": 24,
584
584
  },
585
585
  Object {
586
586
  "color": "hsl(210, 50%, 10%)",
@@ -683,9 +683,9 @@ exports[`RadioGroup renders as expected when size is large 1`] = `
683
683
  style={
684
684
  Array [
685
685
  Object {
686
- "fontSize": 14,
686
+ "fontSize": 16,
687
687
  "fontWeight": "400",
688
- "lineHeight": 21,
688
+ "lineHeight": 24,
689
689
  },
690
690
  Object {
691
691
  "color": "hsl(210, 50%, 10%)",
@@ -747,9 +747,9 @@ exports[`RadioGroup renders as expected when size is large 1`] = `
747
747
  style={
748
748
  Array [
749
749
  Object {
750
- "fontSize": 14,
750
+ "fontSize": 16,
751
751
  "fontWeight": "400",
752
- "lineHeight": 21,
752
+ "lineHeight": 24,
753
753
  },
754
754
  Object {
755
755
  "color": "hsl(210, 50%, 10%)",
@@ -811,9 +811,9 @@ exports[`RadioGroup renders as expected when size is large 1`] = `
811
811
  style={
812
812
  Array [
813
813
  Object {
814
- "fontSize": 14,
814
+ "fontSize": 16,
815
815
  "fontWeight": "400",
816
- "lineHeight": 21,
816
+ "lineHeight": 24,
817
817
  },
818
818
  Object {
819
819
  "color": "hsl(210, 50%, 10%)",
@@ -876,9 +876,9 @@ exports[`RadioGroup renders as expected when size is large 1`] = `
876
876
  style={
877
877
  Array [
878
878
  Object {
879
- "fontSize": 14,
879
+ "fontSize": 16,
880
880
  "fontWeight": "400",
881
- "lineHeight": 21,
881
+ "lineHeight": 24,
882
882
  },
883
883
  Object {
884
884
  "color": "hsl(210, 50%, 10%)",
@@ -981,9 +981,9 @@ exports[`RadioGroup renders as expected when size is medium 1`] = `
981
981
  style={
982
982
  Array [
983
983
  Object {
984
- "fontSize": 14,
984
+ "fontSize": 16,
985
985
  "fontWeight": "400",
986
- "lineHeight": 21,
986
+ "lineHeight": 24,
987
987
  },
988
988
  Object {
989
989
  "color": "hsl(210, 50%, 10%)",
@@ -1045,9 +1045,9 @@ exports[`RadioGroup renders as expected when size is medium 1`] = `
1045
1045
  style={
1046
1046
  Array [
1047
1047
  Object {
1048
- "fontSize": 14,
1048
+ "fontSize": 16,
1049
1049
  "fontWeight": "400",
1050
- "lineHeight": 21,
1050
+ "lineHeight": 24,
1051
1051
  },
1052
1052
  Object {
1053
1053
  "color": "hsl(210, 50%, 10%)",
@@ -1109,9 +1109,9 @@ exports[`RadioGroup renders as expected when size is medium 1`] = `
1109
1109
  style={
1110
1110
  Array [
1111
1111
  Object {
1112
- "fontSize": 14,
1112
+ "fontSize": 16,
1113
1113
  "fontWeight": "400",
1114
- "lineHeight": 21,
1114
+ "lineHeight": 24,
1115
1115
  },
1116
1116
  Object {
1117
1117
  "color": "hsl(210, 50%, 10%)",
@@ -1174,9 +1174,9 @@ exports[`RadioGroup renders as expected when size is medium 1`] = `
1174
1174
  style={
1175
1175
  Array [
1176
1176
  Object {
1177
- "fontSize": 14,
1177
+ "fontSize": 16,
1178
1178
  "fontWeight": "400",
1179
- "lineHeight": 21,
1179
+ "lineHeight": 24,
1180
1180
  },
1181
1181
  Object {
1182
1182
  "color": "hsl(210, 50%, 10%)",
@@ -1279,9 +1279,9 @@ exports[`RadioGroup renders as expected when size is small 1`] = `
1279
1279
  style={
1280
1280
  Array [
1281
1281
  Object {
1282
- "fontSize": 14,
1282
+ "fontSize": 16,
1283
1283
  "fontWeight": "400",
1284
- "lineHeight": 21,
1284
+ "lineHeight": 24,
1285
1285
  },
1286
1286
  Object {
1287
1287
  "color": "hsl(210, 50%, 10%)",
@@ -1343,9 +1343,9 @@ exports[`RadioGroup renders as expected when size is small 1`] = `
1343
1343
  style={
1344
1344
  Array [
1345
1345
  Object {
1346
- "fontSize": 14,
1346
+ "fontSize": 16,
1347
1347
  "fontWeight": "400",
1348
- "lineHeight": 21,
1348
+ "lineHeight": 24,
1349
1349
  },
1350
1350
  Object {
1351
1351
  "color": "hsl(210, 50%, 10%)",
@@ -1407,9 +1407,9 @@ exports[`RadioGroup renders as expected when size is small 1`] = `
1407
1407
  style={
1408
1408
  Array [
1409
1409
  Object {
1410
- "fontSize": 14,
1410
+ "fontSize": 16,
1411
1411
  "fontWeight": "400",
1412
- "lineHeight": 21,
1412
+ "lineHeight": 24,
1413
1413
  },
1414
1414
  Object {
1415
1415
  "color": "hsl(210, 50%, 10%)",
@@ -1472,9 +1472,9 @@ exports[`RadioGroup renders as expected when size is small 1`] = `
1472
1472
  style={
1473
1473
  Array [
1474
1474
  Object {
1475
- "fontSize": 14,
1475
+ "fontSize": 16,
1476
1476
  "fontWeight": "400",
1477
- "lineHeight": 21,
1477
+ "lineHeight": 24,
1478
1478
  },
1479
1479
  Object {
1480
1480
  "color": "hsl(210, 50%, 10%)",
@@ -1577,9 +1577,9 @@ exports[`RadioGroup renders default RadioGroup as expected 1`] = `
1577
1577
  style={
1578
1578
  Array [
1579
1579
  Object {
1580
- "fontSize": 14,
1580
+ "fontSize": 16,
1581
1581
  "fontWeight": "400",
1582
- "lineHeight": 21,
1582
+ "lineHeight": 24,
1583
1583
  },
1584
1584
  Object {
1585
1585
  "color": "hsl(210, 50%, 10%)",
@@ -1641,9 +1641,9 @@ exports[`RadioGroup renders default RadioGroup as expected 1`] = `
1641
1641
  style={
1642
1642
  Array [
1643
1643
  Object {
1644
- "fontSize": 14,
1644
+ "fontSize": 16,
1645
1645
  "fontWeight": "400",
1646
- "lineHeight": 21,
1646
+ "lineHeight": 24,
1647
1647
  },
1648
1648
  Object {
1649
1649
  "color": "hsl(210, 50%, 10%)",
@@ -1705,9 +1705,9 @@ exports[`RadioGroup renders default RadioGroup as expected 1`] = `
1705
1705
  style={
1706
1706
  Array [
1707
1707
  Object {
1708
- "fontSize": 14,
1708
+ "fontSize": 16,
1709
1709
  "fontWeight": "400",
1710
- "lineHeight": 21,
1710
+ "lineHeight": 24,
1711
1711
  },
1712
1712
  Object {
1713
1713
  "color": "hsl(210, 50%, 10%)",
@@ -1770,9 +1770,9 @@ exports[`RadioGroup renders default RadioGroup as expected 1`] = `
1770
1770
  style={
1771
1771
  Array [
1772
1772
  Object {
1773
- "fontSize": 14,
1773
+ "fontSize": 16,
1774
1774
  "fontWeight": "400",
1775
- "lineHeight": 21,
1775
+ "lineHeight": 24,
1776
1776
  },
1777
1777
  Object {
1778
1778
  "color": "hsl(210, 50%, 10%)",
package/src/primitives/TextField/__tests__/__snapshots__/TextField.spec.tsx.snap CHANGED
@@ -6,6 +6,7 @@ exports[`TextField doesn't render the errorMessage if error prop is false 1`] =
6
6
  Array [
7
7
  Object {
8
8
  "alignItems": "flex-start",
9
+ "marginBottom": 8,
9
10
  },
10
11
  undefined,
11
12
  ]
@@ -18,9 +19,9 @@ exports[`TextField doesn't render the errorMessage if error prop is false 1`] =
18
19
  style={
19
20
  Array [
20
21
  Object {
21
- "fontSize": 14,
22
+ "fontSize": 16,
22
23
  "fontWeight": "400",
23
- "lineHeight": 21,
24
+ "lineHeight": 24,
24
25
  },
25
26
  Object {
26
27
  "color": "hsl(210, 50%, 10%)",
@@ -28,8 +29,7 @@ exports[`TextField doesn't render the errorMessage if error prop is false 1`] =
28
29
  Array [
29
30
  Object {
30
31
  "color": "hsl(210, 25%, 25%)",
31
- "lineHeight": 21,
32
- "padding": 4,
32
+ "paddingVertical": 8,
33
33
  },
34
34
  undefined,
35
35
  ],
@@ -69,6 +69,7 @@ exports[`TextField doesn't render the errorMessage if error prop is false 1`] =
69
69
  "color": "hsl(210, 50%, 10%)",
70
70
  "flexGrow": 1,
71
71
  "fontSize": 16,
72
+ "paddingHorizontal": 4,
72
73
  "paddingVertical": 12,
73
74
  },
74
75
  undefined,
@@ -86,6 +87,7 @@ exports[`TextField renders as expected 1`] = `
86
87
  Array [
87
88
  Object {
88
89
  "alignItems": "flex-start",
90
+ "marginBottom": 8,
89
91
  },
90
92
  undefined,
91
93
  ]
@@ -98,9 +100,9 @@ exports[`TextField renders as expected 1`] = `
98
100
  style={
99
101
  Array [
100
102
  Object {
101
- "fontSize": 14,
103
+ "fontSize": 16,
102
104
  "fontWeight": "400",
103
- "lineHeight": 21,
105
+ "lineHeight": 24,
104
106
  },
105
107
  Object {
106
108
  "color": "hsl(210, 50%, 10%)",
@@ -108,8 +110,7 @@ exports[`TextField renders as expected 1`] = `
108
110
  Array [
109
111
  Object {
110
112
  "color": "hsl(210, 25%, 25%)",
111
- "lineHeight": 21,
112
- "padding": 4,
113
+ "paddingVertical": 8,
113
114
  },
114
115
  undefined,
115
116
  ],
@@ -149,6 +150,7 @@ exports[`TextField renders as expected 1`] = `
149
150
  "color": "hsl(210, 50%, 10%)",
150
151
  "flexGrow": 1,
151
152
  "fontSize": 16,
153
+ "paddingHorizontal": 4,
152
154
  "paddingVertical": 12,
153
155
  },
154
156
  undefined,
@@ -166,6 +168,7 @@ exports[`TextField renders as expected as password field 1`] = `
166
168
  Array [
167
169
  Object {
168
170
  "alignItems": "flex-start",
171
+ "marginBottom": 8,
169
172
  },
170
173
  undefined,
171
174
  ]
@@ -178,9 +181,9 @@ exports[`TextField renders as expected as password field 1`] = `
178
181
  style={
179
182
  Array [
180
183
  Object {
181
- "fontSize": 14,
184
+ "fontSize": 16,
182
185
  "fontWeight": "400",
183
- "lineHeight": 21,
186
+ "lineHeight": 24,
184
187
  },
185
188
  Object {
186
189
  "color": "hsl(210, 50%, 10%)",
@@ -188,8 +191,7 @@ exports[`TextField renders as expected as password field 1`] = `
188
191
  Array [
189
192
  Object {
190
193
  "color": "hsl(210, 25%, 25%)",
191
- "lineHeight": 21,
192
- "padding": 4,
194
+ "paddingVertical": 8,
193
195
  },
194
196
  undefined,
195
197
  ],
@@ -230,6 +232,7 @@ exports[`TextField renders as expected as password field 1`] = `
230
232
  "color": "hsl(210, 50%, 10%)",
231
233
  "flexGrow": 1,
232
234
  "fontSize": 16,
235
+ "paddingHorizontal": 4,
233
236
  "paddingVertical": 12,
234
237
  },
235
238
  undefined,
@@ -247,6 +250,7 @@ exports[`TextField renders as expected when disabled 1`] = `
247
250
  Array [
248
251
  Object {
249
252
  "alignItems": "flex-start",
253
+ "marginBottom": 8,
250
254
  },
251
255
  undefined,
252
256
  ]
@@ -259,9 +263,9 @@ exports[`TextField renders as expected when disabled 1`] = `
259
263
  style={
260
264
  Array [
261
265
  Object {
262
- "fontSize": 14,
266
+ "fontSize": 16,
263
267
  "fontWeight": "400",
264
- "lineHeight": 21,
268
+ "lineHeight": 24,
265
269
  },
266
270
  Object {
267
271
  "color": "hsl(210, 50%, 10%)",
@@ -269,8 +273,7 @@ exports[`TextField renders as expected when disabled 1`] = `
269
273
  Array [
270
274
  Object {
271
275
  "color": "hsl(210, 25%, 25%)",
272
- "lineHeight": 21,
273
- "padding": 4,
276
+ "paddingVertical": 8,
274
277
  },
275
278
  undefined,
276
279
  ],
@@ -311,6 +314,7 @@ exports[`TextField renders as expected when disabled 1`] = `
311
314
  "color": "hsl(210, 50%, 10%)",
312
315
  "flexGrow": 1,
313
316
  "fontSize": 16,
317
+ "paddingHorizontal": 4,
314
318
  "paddingVertical": 12,
315
319
  },
316
320
  undefined,
@@ -328,6 +332,7 @@ exports[`TextField renders as expected with error message 1`] = `
328
332
  Array [
329
333
  Object {
330
334
  "alignItems": "flex-start",
335
+ "marginBottom": 8,
331
336
  },
332
337
  undefined,
333
338
  ]
@@ -340,9 +345,9 @@ exports[`TextField renders as expected with error message 1`] = `
340
345
  style={
341
346
  Array [
342
347
  Object {
343
- "fontSize": 14,
348
+ "fontSize": 16,
344
349
  "fontWeight": "400",
345
- "lineHeight": 21,
350
+ "lineHeight": 24,
346
351
  },
347
352
  Object {
348
353
  "color": "hsl(210, 50%, 10%)",
@@ -350,8 +355,7 @@ exports[`TextField renders as expected with error message 1`] = `
350
355
  Array [
351
356
  Object {
352
357
  "color": "hsl(210, 25%, 25%)",
353
- "lineHeight": 21,
354
- "padding": 4,
358
+ "paddingVertical": 8,
355
359
  },
356
360
  undefined,
357
361
  ],
@@ -391,6 +395,7 @@ exports[`TextField renders as expected with error message 1`] = `
391
395
  "color": "hsl(210, 50%, 10%)",
392
396
  "flexGrow": 1,
393
397
  "fontSize": 16,
398
+ "paddingHorizontal": 4,
394
399
  "paddingVertical": 12,
395
400
  },
396
401
  undefined,
@@ -404,9 +409,9 @@ exports[`TextField renders as expected with error message 1`] = `
404
409
  style={
405
410
  Array [
406
411
  Object {
407
- "fontSize": 14,
412
+ "fontSize": 16,
408
413
  "fontWeight": "400",
409
- "lineHeight": 21,
414
+ "lineHeight": 24,
410
415
  },
411
416
  Object {
412
417
  "color": "hsl(210, 50%, 10%)",
@@ -426,6 +431,7 @@ exports[`TextField shows error style, but doesn't render the errorMessage if err
426
431
  Array [
427
432
  Object {
428
433
  "alignItems": "flex-start",
434
+ "marginBottom": 8,
429
435
  },
430
436
  undefined,
431
437
  ]
@@ -438,9 +444,9 @@ exports[`TextField shows error style, but doesn't render the errorMessage if err
438
444
  style={
439
445
  Array [
440
446
  Object {
441
- "fontSize": 14,
447
+ "fontSize": 16,
442
448
  "fontWeight": "400",
443
- "lineHeight": 21,
449
+ "lineHeight": 24,
444
450
  },
445
451
  Object {
446
452
  "color": "hsl(210, 50%, 10%)",
@@ -448,8 +454,7 @@ exports[`TextField shows error style, but doesn't render the errorMessage if err
448
454
  Array [
449
455
  Object {
450
456
  "color": "hsl(210, 25%, 25%)",
451
- "lineHeight": 21,
452
- "padding": 4,
457
+ "paddingVertical": 8,
453
458
  },
454
459
  undefined,
455
460
  ],
@@ -489,6 +494,7 @@ exports[`TextField shows error style, but doesn't render the errorMessage if err
489
494
  "color": "hsl(210, 50%, 10%)",
490
495
  "flexGrow": 1,
491
496
  "fontSize": 16,
497
+ "paddingHorizontal": 4,
492
498
  "paddingVertical": 12,
493
499
  },
494
500
  undefined,
package/src/primitives/TextField/styles.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import { Platform, StyleSheet } from 'react-native';
2
2
 
3
3
  import { StrictTheme } from '../../theme';
4
- import { getLineHeight } from '../../utils';
5
4
  import { TextFieldStyles } from './types';
6
5
 
7
6
  export const getThemedStyles = (theme: StrictTheme): TextFieldStyles => {
@@ -13,6 +12,7 @@ export const getThemedStyles = (theme: StrictTheme): TextFieldStyles => {
13
12
  return StyleSheet.create({
14
13
  container: {
15
14
  alignItems: 'flex-start',
15
+ marginBottom: space.xs,
16
16
  ...components?.textField?.container,
17
17
  },
18
18
  disabled: {
@@ -36,14 +36,14 @@ export const getThemedStyles = (theme: StrictTheme): TextFieldStyles => {
36
36
  fontSize: fontSizes.medium,
37
37
  flexGrow: 1,
38
38
  paddingVertical: space.small,
39
+ paddingHorizontal: space.xxs,
39
40
  // this is needed because of extra padding inside the input - in Android only
40
41
  ...(Platform.OS === 'android' && { padding: 0 }),
41
42
  ...components?.textField?.field,
42
43
  },
43
44
  label: {
44
45
  color: colors.font.secondary,
45
- lineHeight: getLineHeight(fontSizes.small),
46
- padding: space.xxs,
46
+ paddingVertical: space.xs,
47
47
  ...components?.textField?.label,
48
48
  },
49
49
  });
package/src/version.ts CHANGED
@@ -1 +1 @@
1
- export const VERSION = '1.2.21';
1
+ export const VERSION = '1.2.22';