@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/primitives/PasswordField/__tests__/__snapshots__/PasswordField.spec.tsx.snap CHANGED
@@ -6,6 +6,7 @@ exports[`PasswordField applies theme and style props 1`] = `
6
6
  Array [
7
7
  Object {
8
8
  "alignItems": "flex-start",
9
+ "marginBottom": 8,
9
10
  },
10
11
  Array [
11
12
  Object {},
@@ -23,9 +24,9 @@ exports[`PasswordField applies theme and style props 1`] = `
23
24
  style={
24
25
  Array [
25
26
  Object {
26
- "fontSize": 14,
27
+ "fontSize": 16,
27
28
  "fontWeight": "400",
28
- "lineHeight": 21,
29
+ "lineHeight": 24,
29
30
  },
30
31
  Object {
31
32
  "color": "hsl(210, 50%, 10%)",
@@ -33,8 +34,7 @@ exports[`PasswordField applies theme and style props 1`] = `
33
34
  Array [
34
35
  Object {
35
36
  "color": "hsl(210, 25%, 25%)",
36
- "lineHeight": 21,
37
- "padding": 4,
37
+ "paddingVertical": 8,
38
38
  },
39
39
  undefined,
40
40
  ],
@@ -74,6 +74,7 @@ exports[`PasswordField applies theme and style props 1`] = `
74
74
  "color": "hsl(210, 50%, 10%)",
75
75
  "flexGrow": 1,
76
76
  "fontSize": 16,
77
+ "paddingHorizontal": 4,
77
78
  "paddingVertical": 12,
78
79
  },
79
80
  undefined,
@@ -141,6 +142,7 @@ exports[`PasswordField renders as expected 1`] = `
141
142
  Array [
142
143
  Object {
143
144
  "alignItems": "flex-start",
145
+ "marginBottom": 8,
144
146
  },
145
147
  Array [
146
148
  Object {},
@@ -156,9 +158,9 @@ exports[`PasswordField renders as expected 1`] = `
156
158
  style={
157
159
  Array [
158
160
  Object {
159
- "fontSize": 14,
161
+ "fontSize": 16,
160
162
  "fontWeight": "400",
161
- "lineHeight": 21,
163
+ "lineHeight": 24,
162
164
  },
163
165
  Object {
164
166
  "color": "hsl(210, 50%, 10%)",
@@ -166,8 +168,7 @@ exports[`PasswordField renders as expected 1`] = `
166
168
  Array [
167
169
  Object {
168
170
  "color": "hsl(210, 25%, 25%)",
169
- "lineHeight": 21,
170
- "padding": 4,
171
+ "paddingVertical": 8,
171
172
  },
172
173
  undefined,
173
174
  ],
@@ -207,6 +208,7 @@ exports[`PasswordField renders as expected 1`] = `
207
208
  "color": "hsl(210, 50%, 10%)",
208
209
  "flexGrow": 1,
209
210
  "fontSize": 16,
211
+ "paddingHorizontal": 4,
210
212
  "paddingVertical": 12,
211
213
  },
212
214
  undefined,
@@ -272,6 +274,7 @@ exports[`PasswordField renders as expected when disabled 1`] = `
272
274
  Array [
273
275
  Object {
274
276
  "alignItems": "flex-start",
277
+ "marginBottom": 8,
275
278
  },
276
279
  Array [
277
280
  Object {},
@@ -287,9 +290,9 @@ exports[`PasswordField renders as expected when disabled 1`] = `
287
290
  style={
288
291
  Array [
289
292
  Object {
290
- "fontSize": 14,
293
+ "fontSize": 16,
291
294
  "fontWeight": "400",
292
- "lineHeight": 21,
295
+ "lineHeight": 24,
293
296
  },
294
297
  Object {
295
298
  "color": "hsl(210, 50%, 10%)",
@@ -297,8 +300,7 @@ exports[`PasswordField renders as expected when disabled 1`] = `
297
300
  Array [
298
301
  Object {
299
302
  "color": "hsl(210, 25%, 25%)",
300
- "lineHeight": 21,
301
- "padding": 4,
303
+ "paddingVertical": 8,
302
304
  },
303
305
  undefined,
304
306
  ],
@@ -339,6 +341,7 @@ exports[`PasswordField renders as expected when disabled 1`] = `
339
341
  "color": "hsl(210, 50%, 10%)",
340
342
  "flexGrow": 1,
341
343
  "fontSize": 16,
344
+ "paddingHorizontal": 4,
342
345
  "paddingVertical": 12,
343
346
  },
344
347
  undefined,
@@ -411,6 +414,7 @@ exports[`PasswordField should be able to hide show password icon 1`] = `
411
414
  Array [
412
415
  Object {
413
416
  "alignItems": "flex-start",
417
+ "marginBottom": 8,
414
418
  },
415
419
  Array [
416
420
  Object {},
@@ -426,9 +430,9 @@ exports[`PasswordField should be able to hide show password icon 1`] = `
426
430
  style={
427
431
  Array [
428
432
  Object {
429
- "fontSize": 14,
433
+ "fontSize": 16,
430
434
  "fontWeight": "400",
431
- "lineHeight": 21,
435
+ "lineHeight": 24,
432
436
  },
433
437
  Object {
434
438
  "color": "hsl(210, 50%, 10%)",
@@ -436,8 +440,7 @@ exports[`PasswordField should be able to hide show password icon 1`] = `
436
440
  Array [
437
441
  Object {
438
442
  "color": "hsl(210, 25%, 25%)",
439
- "lineHeight": 21,
440
- "padding": 4,
443
+ "paddingVertical": 8,
441
444
  },
442
445
  undefined,
443
446
  ],
@@ -477,6 +480,7 @@ exports[`PasswordField should be able to hide show password icon 1`] = `
477
480
  "color": "hsl(210, 50%, 10%)",
478
481
  "flexGrow": 1,
479
482
  "fontSize": 16,
483
+ "paddingHorizontal": 4,
480
484
  "paddingVertical": 12,
481
485
  },
482
486
  undefined,
@@ -494,6 +498,7 @@ exports[`PasswordField should be able to obscure text programmatically 1`] = `
494
498
  Array [
495
499
  Object {
496
500
  "alignItems": "flex-start",
501
+ "marginBottom": 8,
497
502
  },
498
503
  Array [
499
504
  Object {},
@@ -509,9 +514,9 @@ exports[`PasswordField should be able to obscure text programmatically 1`] = `
509
514
  style={
510
515
  Array [
511
516
  Object {
512
- "fontSize": 14,
517
+ "fontSize": 16,
513
518
  "fontWeight": "400",
514
- "lineHeight": 21,
519
+ "lineHeight": 24,
515
520
  },
516
521
  Object {
517
522
  "color": "hsl(210, 50%, 10%)",
@@ -519,8 +524,7 @@ exports[`PasswordField should be able to obscure text programmatically 1`] = `
519
524
  Array [
520
525
  Object {
521
526
  "color": "hsl(210, 25%, 25%)",
522
- "lineHeight": 21,
523
- "padding": 4,
527
+ "paddingVertical": 8,
524
528
  },
525
529
  undefined,
526
530
  ],
@@ -560,6 +564,7 @@ exports[`PasswordField should be able to obscure text programmatically 1`] = `
560
564
  "color": "hsl(210, 50%, 10%)",
561
565
  "flexGrow": 1,
562
566
  "fontSize": 16,
567
+ "paddingHorizontal": 4,
563
568
  "paddingVertical": 12,
564
569
  },
565
570
  undefined,
package/src/primitives/PhoneNumberField/__tests__/__snapshots__/PhoneNumberField.spec.tsx.snap CHANGED
@@ -6,6 +6,7 @@ exports[`PhoneNumberField applies theming 1`] = `
6
6
  Array [
7
7
  Object {
8
8
  "alignItems": "flex-start",
9
+ "marginBottom": 8,
9
10
  },
10
11
  Array [
11
12
  Object {},
@@ -46,6 +47,7 @@ exports[`PhoneNumberField applies theming 1`] = `
46
47
  "color": "hsl(210, 50%, 10%)",
47
48
  "flexGrow": 1,
48
49
  "fontSize": 16,
50
+ "paddingHorizontal": 4,
49
51
  "paddingVertical": 12,
50
52
  },
51
53
  Array [
@@ -66,6 +68,7 @@ exports[`PhoneNumberField renders as expected 1`] = `
66
68
  Array [
67
69
  Object {
68
70
  "alignItems": "flex-start",
71
+ "marginBottom": 8,
69
72
  },
70
73
  Array [
71
74
  Object {},
@@ -106,6 +109,7 @@ exports[`PhoneNumberField renders as expected 1`] = `
106
109
  "color": "hsl(210, 50%, 10%)",
107
110
  "flexGrow": 1,
108
111
  "fontSize": 16,
112
+ "paddingHorizontal": 4,
109
113
  "paddingVertical": 12,
110
114
  },
111
115
  Array [
@@ -126,6 +130,7 @@ exports[`PhoneNumberField renders as expected when disabled 1`] = `
126
130
  Array [
127
131
  Object {
128
132
  "alignItems": "flex-start",
133
+ "marginBottom": 8,
129
134
  },
130
135
  Array [
131
136
  Object {},
@@ -167,6 +172,7 @@ exports[`PhoneNumberField renders as expected when disabled 1`] = `
167
172
  "color": "hsl(210, 50%, 10%)",
168
173
  "flexGrow": 1,
169
174
  "fontSize": 16,
175
+ "paddingHorizontal": 4,
170
176
  "paddingVertical": 12,
171
177
  },
172
178
  Array [
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/TextField.tsx CHANGED
@@ -33,8 +33,9 @@ export default function TextField({
33
33
  () => ({
34
34
  ...themedStyle.fieldContainer,
35
35
  ...(disabled && themedStyle.disabled),
36
+ ...(error && themedStyle.error),
36
37
  }),
37
- [disabled, themedStyle]
38
+ [disabled, error, themedStyle]
38
39
  );
39
40
 
40
41
  return (