@aws-amplify/ui-react-native 1.1.3 → 1.2.0

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 (77) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/Authenticator/Authenticator.js +8 -0
  3. package/dist/Authenticator/common/DefaultContent/DefaultContent.js +1 -1
  4. package/dist/Authenticator/common/DefaultContent/styles.js +2 -1
  5. package/dist/Authenticator/common/DefaultContent/types.d.ts +2 -1
  6. package/dist/Authenticator/common/FederatedProviderButton/FederatedProviderButton.js +8 -7
  7. package/dist/hooks/index.d.ts +1 -0
  8. package/dist/hooks/index.js +1 -0
  9. package/dist/hooks/usePressableContainerStyles/index.d.ts +1 -0
  10. package/dist/hooks/usePressableContainerStyles/index.js +1 -0
  11. package/dist/hooks/usePressableContainerStyles/usePressableContainerStyles.d.ts +19 -0
  12. package/dist/hooks/usePressableContainerStyles/usePressableContainerStyles.js +14 -0
  13. package/dist/primitives/Button/Button.js +13 -12
  14. package/dist/primitives/ErrorMessage/ErrorMessage.d.ts +1 -1
  15. package/dist/primitives/ErrorMessage/ErrorMessage.js +2 -2
  16. package/dist/primitives/ErrorMessage/styles.js +4 -2
  17. package/dist/primitives/ErrorMessage/types.d.ts +2 -0
  18. package/dist/primitives/IconButton/IconButton.js +12 -11
  19. package/dist/primitives/Radio/Radio.js +12 -10
  20. package/dist/primitives/Radio/styles.js +4 -0
  21. package/dist/primitives/Radio/types.d.ts +1 -0
  22. package/dist/primitives/Tabs/Tab.js +13 -13
  23. package/dist/primitives/Tabs/styles.js +4 -0
  24. package/dist/primitives/Tabs/types.d.ts +1 -0
  25. package/dist/version.d.ts +1 -0
  26. package/dist/version.js +1 -0
  27. package/package.json +3 -3
  28. package/src/Authenticator/Authenticator.tsx +10 -0
  29. package/src/Authenticator/Defaults/ConfirmResetPassword/__tests__/__snapshots__/ConfirmResetPassword.spec.tsx.snap +24 -37
  30. package/src/Authenticator/Defaults/ConfirmSignIn/__tests__/__snapshots__/ConfirmSignIn.spec.tsx.snap +16 -23
  31. package/src/Authenticator/Defaults/ConfirmSignUp/__tests__/__snapshots__/ConfirmSignUp.spec.tsx.snap +25 -41
  32. package/src/Authenticator/Defaults/ConfirmVerifyUser/__tests__/__snapshots__/ConfirmVerifyUser.spec.tsx.snap +19 -32
  33. package/src/Authenticator/Defaults/ForceNewPassword/__tests__/__snapshots__/ForceNewPassword.spec.tsx.snap +22 -38
  34. package/src/Authenticator/Defaults/ResetPassword/__tests__/__snapshots__/ResetPassword.spec.tsx.snap +16 -23
  35. package/src/Authenticator/Defaults/SetupTOTP/__tests__/__snapshots__/SetupTOTP.spec.tsx.snap +16 -23
  36. package/src/Authenticator/Defaults/SignIn/__tests__/__snapshots__/SignIn.spec.tsx.snap +24 -44
  37. package/src/Authenticator/Defaults/SignUp/__tests__/__snapshots__/SignUp.spec.tsx.snap +34 -67
  38. package/src/Authenticator/Defaults/VerifyUser/__tests__/__snapshots__/VerifyUser.spec.tsx.snap +20 -23
  39. package/src/Authenticator/common/DefaultContainer/__tests__/__snapshots__/DefaultContainer.spec.tsx.snap +3 -6
  40. package/src/Authenticator/common/DefaultContent/DefaultContent.tsx +2 -1
  41. package/src/Authenticator/common/DefaultContent/styles.ts +2 -1
  42. package/src/Authenticator/common/DefaultContent/types.ts +2 -1
  43. package/src/Authenticator/common/DefaultFooter/__tests__/__snapshots__/DefaultFooter.spec.tsx.snap +3 -6
  44. package/src/Authenticator/common/FederatedProviderButton/FederatedProviderButton.tsx +8 -12
  45. package/src/Authenticator/common/FederatedProviderButton/__tests__/FederatedProviderButton.spec.tsx +34 -3
  46. package/src/Authenticator/common/FederatedProviderButton/__tests__/__snapshots__/FederatedProviderButton.spec.tsx.snap +94 -3
  47. package/src/Authenticator/common/FederatedProviderButtons/__tests__/__snapshots__/FederatedProviderButtons.spec.tsx.snap +4 -6
  48. package/src/InAppMessaging/components/BannerMessage/__tests__/__snapshots__/BannerMessage.spec.tsx.snap +2 -4
  49. package/src/InAppMessaging/components/ModalMessage/__tests__/ModalMessage.spec.tsx +1 -1
  50. package/src/InAppMessaging/components/ModalMessage/__tests__/__snapshots__/ModalMessage.spec.tsx.snap +3 -6
  51. package/src/hooks/index.ts +1 -0
  52. package/src/hooks/usePressableContainerStyles/__tests__/usePressableContainerStyles.spec.ts +68 -0
  53. package/src/hooks/usePressableContainerStyles/index.ts +1 -0
  54. package/src/hooks/usePressableContainerStyles/usePressableContainerStyles.ts +51 -0
  55. package/src/primitives/Button/Button.tsx +16 -23
  56. package/src/primitives/Button/__tests__/__snapshots__/Button.spec.tsx.snap +9 -18
  57. package/src/primitives/ErrorMessage/ErrorMessage.tsx +6 -1
  58. package/src/primitives/ErrorMessage/__tests__/__snapshots__/ErrorMessage.spec.tsx.snap +18 -8
  59. package/src/primitives/ErrorMessage/styles.ts +4 -2
  60. package/src/primitives/ErrorMessage/types.ts +3 -0
  61. package/src/primitives/IconButton/IconButton.tsx +16 -19
  62. package/src/primitives/IconButton/__tests__/IconButton.spec.tsx +6 -6
  63. package/src/primitives/IconButton/__tests__/__snapshots__/IconButton.spec.tsx.snap +4 -8
  64. package/src/primitives/PasswordField/__tests__/__snapshots__/PasswordField.spec.tsx.snap +4 -8
  65. package/src/primitives/Radio/Radio.tsx +15 -16
  66. package/src/primitives/Radio/__tests__/Radio.spec.tsx +1 -0
  67. package/src/primitives/Radio/__tests__/__snapshots__/Radio.spec.tsx.snap +9 -0
  68. package/src/primitives/Radio/styles.ts +4 -0
  69. package/src/primitives/Radio/types.ts +1 -0
  70. package/src/primitives/RadioGroup/__tests__/__snapshots__/RadioGroup.spec.tsx.snap +24 -0
  71. package/src/primitives/Tabs/Tab.tsx +17 -18
  72. package/src/primitives/Tabs/__tests__/Tab.spec.tsx +20 -13
  73. package/src/primitives/Tabs/__tests__/__snapshots__/Tab.spec.tsx.snap +23 -43
  74. package/src/primitives/Tabs/__tests__/__snapshots__/Tabs.spec.tsx.snap +14 -26
  75. package/src/primitives/Tabs/styles.ts +4 -0
  76. package/src/primitives/Tabs/types.ts +1 -0
  77. package/src/version.ts +1 -0
package/src/Authenticator/Defaults/ConfirmSignIn/__tests__/__snapshots__/ConfirmSignIn.spec.tsx.snap CHANGED
@@ -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%",
package/src/Authenticator/Defaults/ConfirmSignUp/__tests__/__snapshots__/ConfirmSignUp.spec.tsx.snap CHANGED
@@ -69,17 +69,13 @@ Array [
69
69
  Array [
70
70
  Object {
71
71
  "alignItems": "center",
72
- "backgroundColor": "transparent",
72
+ "backgroundColor": "hsl(190, 95%, 30%)",
73
73
  "borderRadius": 4,
74
74
  "justifyContent": "center",
75
75
  "paddingHorizontal": 16,
76
76
  "paddingVertical": 12,
77
77
  },
78
- Object {
79
- "backgroundColor": "hsl(190, 95%, 30%)",
80
- },
81
- null,
82
- null,
78
+ undefined,
83
79
  Object {
84
80
  "marginHorizontal": 16,
85
81
  "marginVertical": 12,
@@ -122,17 +118,14 @@ Array [
122
118
  Object {
123
119
  "alignItems": "center",
124
120
  "backgroundColor": "transparent",
121
+ "borderColor": "hsl(210, 10%, 58%)",
125
122
  "borderRadius": 4,
123
+ "borderWidth": 1,
126
124
  "justifyContent": "center",
127
125
  "paddingHorizontal": 16,
128
126
  "paddingVertical": 12,
129
127
  },
130
- Object {
131
- "borderColor": "hsl(210, 10%, 58%)",
132
- "borderWidth": 1,
133
- },
134
- null,
135
- null,
128
+ undefined,
136
129
  Object {
137
130
  "marginHorizontal": 16,
138
131
  },
@@ -227,17 +220,13 @@ Array [
227
220
  Array [
228
221
  Object {
229
222
  "alignItems": "center",
230
- "backgroundColor": "transparent",
223
+ "backgroundColor": "hsl(190, 95%, 30%)",
231
224
  "borderRadius": 4,
232
225
  "justifyContent": "center",
233
226
  "paddingHorizontal": 16,
234
227
  "paddingVertical": 12,
235
228
  },
236
- Object {
237
- "backgroundColor": "hsl(190, 95%, 30%)",
238
- },
239
- null,
240
- null,
229
+ undefined,
241
230
  Object {
242
231
  "marginHorizontal": 16,
243
232
  "marginVertical": 12,
@@ -280,17 +269,14 @@ Array [
280
269
  Object {
281
270
  "alignItems": "center",
282
271
  "backgroundColor": "transparent",
272
+ "borderColor": "hsl(210, 10%, 58%)",
283
273
  "borderRadius": 4,
274
+ "borderWidth": 1,
284
275
  "justifyContent": "center",
285
276
  "paddingHorizontal": 16,
286
277
  "paddingVertical": 12,
287
278
  },
288
- Object {
289
- "borderColor": "hsl(210, 10%, 58%)",
290
- "borderWidth": 1,
291
- },
292
- null,
293
- null,
279
+ undefined,
294
280
  Object {
295
281
  "marginHorizontal": 16,
296
282
  },
@@ -376,10 +362,10 @@ Array [
376
362
  "backgroundColor": "hsl(0, 75%, 85%)",
377
363
  "flexDirection": "row",
378
364
  "paddingHorizontal": 8,
379
- "paddingVertical": 32,
365
+ "paddingVertical": 12,
380
366
  },
381
367
  Object {
382
- "marginVertical": 12,
368
+ "marginHorizontal": 12,
383
369
  },
384
370
  ]
385
371
  }
@@ -399,9 +385,13 @@ Array [
399
385
  "tintColor": undefined,
400
386
  "width": 20,
401
387
  },
402
- Object {
403
- "margin": 8,
404
- },
388
+ Array [
389
+ Object {
390
+ "margin": 8,
391
+ "tintColor": "hsl(0, 100%, 20%)",
392
+ },
393
+ Object {},
394
+ ],
405
395
  ]
406
396
  }
407
397
  />
@@ -411,6 +401,7 @@ Array [
411
401
  Object {
412
402
  "color": "hsl(0, 100%, 20%)",
413
403
  "flex": 1,
404
+ "fontSize": 16,
414
405
  "paddingHorizontal": 8,
415
406
  },
416
407
  Object {},
@@ -438,17 +429,13 @@ Array [
438
429
  Array [
439
430
  Object {
440
431
  "alignItems": "center",
441
- "backgroundColor": "transparent",
432
+ "backgroundColor": "hsl(190, 95%, 30%)",
442
433
  "borderRadius": 4,
443
434
  "justifyContent": "center",
444
435
  "paddingHorizontal": 16,
445
436
  "paddingVertical": 12,
446
437
  },
447
- Object {
448
- "backgroundColor": "hsl(190, 95%, 30%)",
449
- },
450
- null,
451
- null,
438
+ undefined,
452
439
  Object {
453
440
  "marginHorizontal": 16,
454
441
  "marginVertical": 12,
@@ -491,17 +478,14 @@ Array [
491
478
  Object {
492
479
  "alignItems": "center",
493
480
  "backgroundColor": "transparent",
481
+ "borderColor": "hsl(210, 10%, 58%)",
494
482
  "borderRadius": 4,
483
+ "borderWidth": 1,
495
484
  "justifyContent": "center",
496
485
  "paddingHorizontal": 16,
497
486
  "paddingVertical": 12,
498
487
  },
499
- Object {
500
- "borderColor": "hsl(210, 10%, 58%)",
501
- "borderWidth": 1,
502
- },
503
- null,
504
- null,
488
+ undefined,
505
489
  Object {
506
490
  "marginHorizontal": 16,
507
491
  },
package/src/Authenticator/Defaults/ConfirmVerifyUser/__tests__/__snapshots__/ConfirmVerifyUser.spec.tsx.snap CHANGED
@@ -48,17 +48,13 @@ Array [
48
48
  Array [
49
49
  Object {
50
50
  "alignItems": "center",
51
- "backgroundColor": "transparent",
51
+ "backgroundColor": "hsl(190, 95%, 30%)",
52
52
  "borderRadius": 4,
53
53
  "justifyContent": "center",
54
54
  "paddingHorizontal": 16,
55
55
  "paddingVertical": 12,
56
56
  },
57
- Object {
58
- "backgroundColor": "hsl(190, 95%, 30%)",
59
- },
60
- null,
61
- null,
57
+ undefined,
62
58
  Object {
63
59
  "marginHorizontal": 16,
64
60
  "marginVertical": 12,
@@ -115,9 +111,7 @@ Array [
115
111
  "paddingHorizontal": 16,
116
112
  "paddingVertical": 12,
117
113
  },
118
- Object {},
119
- null,
120
- null,
114
+ undefined,
121
115
  Object {
122
116
  "marginVertical": 8,
123
117
  "minWidth": "50%",
@@ -193,17 +187,13 @@ Array [
193
187
  Array [
194
188
  Object {
195
189
  "alignItems": "center",
196
- "backgroundColor": "transparent",
190
+ "backgroundColor": "hsl(190, 95%, 30%)",
197
191
  "borderRadius": 4,
198
192
  "justifyContent": "center",
199
193
  "paddingHorizontal": 16,
200
194
  "paddingVertical": 12,
201
195
  },
202
- Object {
203
- "backgroundColor": "hsl(190, 95%, 30%)",
204
- },
205
- null,
206
- null,
196
+ undefined,
207
197
  Object {
208
198
  "marginHorizontal": 16,
209
199
  "marginVertical": 12,
@@ -260,9 +250,7 @@ Array [
260
250
  "paddingHorizontal": 16,
261
251
  "paddingVertical": 12,
262
252
  },
263
- Object {},
264
- null,
265
- null,
253
+ undefined,
266
254
  Object {
267
255
  "marginVertical": 8,
268
256
  "minWidth": "50%",
@@ -329,10 +317,10 @@ Array [
329
317
  "backgroundColor": "hsl(0, 75%, 85%)",
330
318
  "flexDirection": "row",
331
319
  "paddingHorizontal": 8,
332
- "paddingVertical": 32,
320
+ "paddingVertical": 12,
333
321
  },
334
322
  Object {
335
- "marginVertical": 12,
323
+ "marginHorizontal": 12,
336
324
  },
337
325
  ]
338
326
  }
@@ -352,9 +340,13 @@ Array [
352
340
  "tintColor": undefined,
353
341
  "width": 20,
354
342
  },
355
- Object {
356
- "margin": 8,
357
- },
343
+ Array [
344
+ Object {
345
+ "margin": 8,
346
+ "tintColor": "hsl(0, 100%, 20%)",
347
+ },
348
+ Object {},
349
+ ],
358
350
  ]
359
351
  }
360
352
  />
@@ -364,6 +356,7 @@ Array [
364
356
  Object {
365
357
  "color": "hsl(0, 100%, 20%)",
366
358
  "flex": 1,
359
+ "fontSize": 16,
367
360
  "paddingHorizontal": 8,
368
361
  },
369
362
  Object {},
@@ -391,17 +384,13 @@ Array [
391
384
  Array [
392
385
  Object {
393
386
  "alignItems": "center",
394
- "backgroundColor": "transparent",
387
+ "backgroundColor": "hsl(190, 95%, 30%)",
395
388
  "borderRadius": 4,
396
389
  "justifyContent": "center",
397
390
  "paddingHorizontal": 16,
398
391
  "paddingVertical": 12,
399
392
  },
400
- Object {
401
- "backgroundColor": "hsl(190, 95%, 30%)",
402
- },
403
- null,
404
- null,
393
+ undefined,
405
394
  Object {
406
395
  "marginHorizontal": 16,
407
396
  "marginVertical": 12,
@@ -458,9 +447,7 @@ Array [
458
447
  "paddingHorizontal": 16,
459
448
  "paddingVertical": 12,
460
449
  },
461
- Object {},
462
- null,
463
- null,
450
+ undefined,
464
451
  Object {
465
452
  "marginVertical": 8,
466
453
  "minWidth": "50%",
package/src/Authenticator/Defaults/ForceNewPassword/__tests__/__snapshots__/ForceNewPassword.spec.tsx.snap CHANGED
@@ -109,8 +109,7 @@ Array [
109
109
  style={
110
110
  Array [
111
111
  Object {},
112
- null,
113
- null,
112
+ undefined,
114
113
  undefined,
115
114
  ]
116
115
  }
@@ -152,10 +151,10 @@ Array [
152
151
  "backgroundColor": "hsl(0, 75%, 85%)",
153
152
  "flexDirection": "row",
154
153
  "paddingHorizontal": 8,
155
- "paddingVertical": 32,
154
+ "paddingVertical": 12,
156
155
  },
157
156
  Object {
158
- "marginVertical": 12,
157
+ "marginHorizontal": 12,
159
158
  },
160
159
  ]
161
160
  }
@@ -175,9 +174,13 @@ Array [
175
174
  "tintColor": undefined,
176
175
  "width": 20,
177
176
  },
178
- Object {
179
- "margin": 8,
180
- },
177
+ Array [
178
+ Object {
179
+ "margin": 8,
180
+ "tintColor": "hsl(0, 100%, 20%)",
181
+ },
182
+ Object {},
183
+ ],
181
184
  ]
182
185
  }
183
186
  />
@@ -187,6 +190,7 @@ Array [
187
190
  Object {
188
191
  "color": "hsl(0, 100%, 20%)",
189
192
  "flex": 1,
193
+ "fontSize": 16,
190
194
  "paddingHorizontal": 8,
191
195
  },
192
196
  Object {},
@@ -214,17 +218,13 @@ Array [
214
218
  Array [
215
219
  Object {
216
220
  "alignItems": "center",
217
- "backgroundColor": "transparent",
221
+ "backgroundColor": "hsl(190, 95%, 30%)",
218
222
  "borderRadius": 4,
219
223
  "justifyContent": "center",
220
224
  "paddingHorizontal": 16,
221
225
  "paddingVertical": 12,
222
226
  },
223
- Object {
224
- "backgroundColor": "hsl(190, 95%, 30%)",
225
- },
226
- null,
227
- null,
227
+ undefined,
228
228
  Object {
229
229
  "marginHorizontal": 16,
230
230
  "marginVertical": 12,
@@ -281,9 +281,7 @@ Array [
281
281
  "paddingHorizontal": 16,
282
282
  "paddingVertical": 12,
283
283
  },
284
- Object {},
285
- null,
286
- null,
284
+ undefined,
287
285
  Object {
288
286
  "marginVertical": 8,
289
287
  "minWidth": "50%",
@@ -420,8 +418,7 @@ Array [
420
418
  style={
421
419
  Array [
422
420
  Object {},
423
- null,
424
- null,
421
+ undefined,
425
422
  undefined,
426
423
  ]
427
424
  }
@@ -472,17 +469,13 @@ Array [
472
469
  Array [
473
470
  Object {
474
471
  "alignItems": "center",
475
- "backgroundColor": "transparent",
472
+ "backgroundColor": "hsl(190, 95%, 30%)",
476
473
  "borderRadius": 4,
477
474
  "justifyContent": "center",
478
475
  "paddingHorizontal": 16,
479
476
  "paddingVertical": 12,
480
477
  },
481
- Object {
482
- "backgroundColor": "hsl(190, 95%, 30%)",
483
- },
484
- null,
485
- null,
478
+ undefined,
486
479
  Object {
487
480
  "marginHorizontal": 16,
488
481
  "marginVertical": 12,
@@ -539,9 +532,7 @@ Array [
539
532
  "paddingHorizontal": 16,
540
533
  "paddingVertical": 12,
541
534
  },
542
- Object {},
543
- null,
544
- null,
535
+ undefined,
545
536
  Object {
546
537
  "marginVertical": 8,
547
538
  "minWidth": "50%",
@@ -678,11 +669,10 @@ Array [
678
669
  onStartShouldSetResponder={[Function]}
679
670
  style={
680
671
  Array [
681
- Object {},
682
672
  Object {
683
673
  "opacity": 0.6,
684
674
  },
685
- null,
675
+ undefined,
686
676
  undefined,
687
677
  ]
688
678
  }
@@ -762,17 +752,13 @@ Array [
762
752
  Array [
763
753
  Object {
764
754
  "alignItems": "center",
765
- "backgroundColor": "transparent",
755
+ "backgroundColor": "hsl(190, 95%, 30%)",
766
756
  "borderRadius": 4,
767
757
  "justifyContent": "center",
768
758
  "paddingHorizontal": 16,
769
759
  "paddingVertical": 12,
770
760
  },
771
- Object {
772
- "backgroundColor": "hsl(190, 95%, 30%)",
773
- },
774
- null,
775
- null,
761
+ undefined,
776
762
  Object {
777
763
  "marginHorizontal": 16,
778
764
  "marginVertical": 12,
@@ -829,9 +815,7 @@ Array [
829
815
  "paddingHorizontal": 16,
830
816
  "paddingVertical": 12,
831
817
  },
832
- Object {},
833
- null,
834
- null,
818
+ undefined,
835
819
  Object {
836
820
  "marginVertical": 8,
837
821
  "minWidth": "50%",
package/src/Authenticator/Defaults/ResetPassword/__tests__/__snapshots__/ResetPassword.spec.tsx.snap CHANGED
@@ -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%",