@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/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @aws-amplify/ui-react-native
2
2
 
3
+ ## 1.2.22
4
+
5
+ ### Patch Changes
6
+
7
+ - [#4276](https://github.com/aws-amplify/amplify-ui/pull/4276) [`9a491c767`](https://github.com/aws-amplify/amplify-ui/commit/9a491c767f2b440d75b8e4b3ddf53711d0fa5e8b) Thanks [@dbanksdesign](https://github.com/dbanksdesign)! - fix(react-native): small tweaks to authenticator styling to space out text fields a bit
8
+
9
+ - Updated dependencies [[`6b71ec46c`](https://github.com/aws-amplify/amplify-ui/commit/6b71ec46ccbf63c4605c9a57d3ecff098a42938a)]:
10
+ - @aws-amplify/ui@5.6.8
11
+ - @aws-amplify/ui-react-core@2.1.27
12
+ - @aws-amplify/ui-react-core-notifications@1.0.4
13
+
3
14
  ## 1.2.21
4
15
 
5
16
  ### Patch Changes
@@ -5,8 +5,7 @@ export const getDefaultStyle = ({ tokens: { colors, fontSizes, space }, }) => St
5
5
  paddingHorizontal: space.small,
6
6
  },
7
7
  buttonPrimary: {
8
- marginHorizontal: space.medium,
9
- marginVertical: space.small,
8
+ margin: space.small,
10
9
  },
11
10
  buttonPrimaryLabel: {},
12
11
  buttonSecondary: {
@@ -9,19 +9,19 @@ export const getThemedStyles = (theme) => {
9
9
  },
10
10
  1: {
11
11
  fontSize: fontSizes.xxxl,
12
- fontWeight: fontWeights.hairline,
12
+ fontWeight: fontWeights.light,
13
13
  lineHeight: getLineHeight(fontSizes.xxxl),
14
14
  ...components?.heading?.[1],
15
15
  },
16
16
  2: {
17
17
  fontSize: fontSizes.xxl,
18
- fontWeight: fontWeights.thin,
18
+ fontWeight: fontWeights.normal,
19
19
  lineHeight: getLineHeight(fontSizes.xxl),
20
20
  ...components?.heading?.[2],
21
21
  },
22
22
  3: {
23
23
  fontSize: fontSizes.xl,
24
- fontWeight: fontWeights.light,
24
+ fontWeight: fontWeights.medium,
25
25
  lineHeight: getLineHeight(fontSizes.xl),
26
26
  ...components?.heading?.[3],
27
27
  },
@@ -33,13 +33,13 @@ export const getThemedStyles = (theme) => {
33
33
  },
34
34
  5: {
35
35
  fontSize: fontSizes.medium,
36
- fontWeight: fontWeights.bold,
36
+ fontWeight: fontWeights.semibold,
37
37
  lineHeight: getLineHeight(fontSizes.medium),
38
38
  ...components?.heading?.[5],
39
39
  },
40
40
  6: {
41
41
  fontSize: fontSizes.small,
42
- fontWeight: fontWeights.black,
42
+ fontWeight: fontWeights.bold,
43
43
  lineHeight: getLineHeight(fontSizes.small),
44
44
  ...components?.heading?.[6],
45
45
  },
@@ -4,9 +4,9 @@ export const getThemedStyles = (theme) => {
4
4
  const { components, tokens: { colors, fontSizes, fontWeights }, } = theme;
5
5
  return StyleSheet.create({
6
6
  text: {
7
- fontSize: fontSizes.small,
7
+ fontSize: fontSizes.medium,
8
8
  fontWeight: fontWeights.normal,
9
- lineHeight: getLineHeight(fontSizes.small),
9
+ lineHeight: getLineHeight(fontSizes.medium),
10
10
  ...components?.label?.text,
11
11
  },
12
12
  primary: {
@@ -1,10 +1,10 @@
1
1
  import { Platform, StyleSheet } from 'react-native';
2
- import { getLineHeight } from '../../utils';
3
2
  export const getThemedStyles = (theme) => {
4
3
  const { components, tokens: { colors, fontSizes, opacities, space, radii, borderWidths }, } = theme;
5
4
  return StyleSheet.create({
6
5
  container: {
7
6
  alignItems: 'flex-start',
7
+ marginBottom: space.xs,
8
8
  ...components?.textField?.container,
9
9
  },
10
10
  disabled: {
@@ -28,14 +28,14 @@ export const getThemedStyles = (theme) => {
28
28
  fontSize: fontSizes.medium,
29
29
  flexGrow: 1,
30
30
  paddingVertical: space.small,
31
+ paddingHorizontal: space.xxs,
31
32
  // this is needed because of extra padding inside the input - in Android only
32
33
  ...(Platform.OS === 'android' && { padding: 0 }),
33
34
  ...components?.textField?.field,
34
35
  },
35
36
  label: {
36
37
  color: colors.font.secondary,
37
- lineHeight: getLineHeight(fontSizes.small),
38
- padding: space.xxs,
38
+ paddingVertical: space.xs,
39
39
  ...components?.textField?.label,
40
40
  },
41
41
  });
package/dist/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const VERSION = "1.2.21";
1
+ export declare const VERSION = "1.2.22";
package/dist/version.js CHANGED
@@ -1 +1 @@
1
- export const VERSION = '1.2.21';
1
+ export const VERSION = '1.2.22';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aws-amplify/ui-react-native",
3
- "version": "1.2.21",
3
+ "version": "1.2.22",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -38,9 +38,9 @@
38
38
  "rimraf": "^3.0.2"
39
39
  },
40
40
  "dependencies": {
41
- "@aws-amplify/ui": "5.6.7",
42
- "@aws-amplify/ui-react-core": "2.1.26",
43
- "@aws-amplify/ui-react-core-notifications": "1.0.3"
41
+ "@aws-amplify/ui": "5.6.8",
42
+ "@aws-amplify/ui-react-core": "2.1.27",
43
+ "@aws-amplify/ui-react-core-notifications": "1.0.4"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "aws-amplify": ">= 5.0.1",
@@ -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 {},
@@ -497,8 +500,7 @@ Array [
497
500
  },
498
501
  undefined,
499
502
  Object {
500
- "marginHorizontal": 16,
501
- "marginVertical": 12,
503
+ "margin": 12,
502
504
  },
503
505
  ]
504
506
  }
@@ -583,7 +585,7 @@ Array [
583
585
  },
584
586
  Object {
585
587
  "fontSize": 24,
586
- "fontWeight": "300",
588
+ "fontWeight": "500",
587
589
  "lineHeight": 36,
588
590
  },
589
591
  Object {
@@ -607,6 +609,7 @@ Array [
607
609
  Array [
608
610
  Object {
609
611
  "alignItems": "flex-start",
612
+ "marginBottom": 8,
610
613
  },
611
614
  Object {
612
615
  "paddingHorizontal": 12,
@@ -621,9 +624,9 @@ Array [
621
624
  style={
622
625
  Array [
623
626
  Object {
624
- "fontSize": 14,
627
+ "fontSize": 16,
625
628
  "fontWeight": "400",
626
- "lineHeight": 21,
629
+ "lineHeight": 24,
627
630
  },
628
631
  Object {
629
632
  "color": "hsl(210, 50%, 10%)",
@@ -631,8 +634,7 @@ Array [
631
634
  Array [
632
635
  Object {
633
636
  "color": "hsl(210, 25%, 25%)",
634
- "lineHeight": 21,
635
- "padding": 4,
637
+ "paddingVertical": 8,
636
638
  },
637
639
  undefined,
638
640
  ],
@@ -674,6 +676,7 @@ Array [
674
676
  "color": "hsl(210, 50%, 10%)",
675
677
  "flexGrow": 1,
676
678
  "fontSize": 16,
679
+ "paddingHorizontal": 4,
677
680
  "paddingVertical": 12,
678
681
  },
679
682
  Object {},
@@ -687,6 +690,7 @@ Array [
687
690
  Array [
688
691
  Object {
689
692
  "alignItems": "flex-start",
693
+ "marginBottom": 8,
690
694
  },
691
695
  Array [
692
696
  Object {},
@@ -704,9 +708,9 @@ Array [
704
708
  style={
705
709
  Array [
706
710
  Object {
707
- "fontSize": 14,
711
+ "fontSize": 16,
708
712
  "fontWeight": "400",
709
- "lineHeight": 21,
713
+ "lineHeight": 24,
710
714
  },
711
715
  Object {
712
716
  "color": "hsl(210, 50%, 10%)",
@@ -714,8 +718,7 @@ Array [
714
718
  Array [
715
719
  Object {
716
720
  "color": "hsl(210, 25%, 25%)",
717
- "lineHeight": 21,
718
- "padding": 4,
721
+ "paddingVertical": 8,
719
722
  },
720
723
  undefined,
721
724
  ],
@@ -758,6 +761,7 @@ Array [
758
761
  "color": "hsl(210, 50%, 10%)",
759
762
  "flexGrow": 1,
760
763
  "fontSize": 16,
764
+ "paddingHorizontal": 4,
761
765
  "paddingVertical": 12,
762
766
  },
763
767
  Object {},
@@ -835,6 +839,7 @@ Array [
835
839
  Array [
836
840
  Object {
837
841
  "alignItems": "flex-start",
842
+ "marginBottom": 8,
838
843
  },
839
844
  Array [
840
845
  Object {},
@@ -852,9 +857,9 @@ Array [
852
857
  style={
853
858
  Array [
854
859
  Object {
855
- "fontSize": 14,
860
+ "fontSize": 16,
856
861
  "fontWeight": "400",
857
- "lineHeight": 21,
862
+ "lineHeight": 24,
858
863
  },
859
864
  Object {
860
865
  "color": "hsl(210, 50%, 10%)",
@@ -862,8 +867,7 @@ Array [
862
867
  Array [
863
868
  Object {
864
869
  "color": "hsl(210, 25%, 25%)",
865
- "lineHeight": 21,
866
- "padding": 4,
870
+ "paddingVertical": 8,
867
871
  },
868
872
  undefined,
869
873
  ],
@@ -906,6 +910,7 @@ Array [
906
910
  "color": "hsl(210, 50%, 10%)",
907
911
  "flexGrow": 1,
908
912
  "fontSize": 16,
913
+ "paddingHorizontal": 4,
909
914
  "paddingVertical": 12,
910
915
  },
911
916
  Object {},
@@ -1010,8 +1015,7 @@ Array [
1010
1015
  },
1011
1016
  undefined,
1012
1017
  Object {
1013
- "marginHorizontal": 16,
1014
- "marginVertical": 12,
1018
+ "margin": 12,
1015
1019
  },
1016
1020
  ]
1017
1021
  }
@@ -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 {},
@@ -201,8 +202,7 @@ Array [
201
202
  },
202
203
  undefined,
203
204
  Object {
204
- "marginHorizontal": 16,
205
- "marginVertical": 12,
205
+ "margin": 12,
206
206
  },
207
207
  ]
208
208
  }
@@ -296,7 +296,7 @@ Array [
296
296
  },
297
297
  Object {
298
298
  "fontSize": 24,
299
- "fontWeight": "300",
299
+ "fontWeight": "500",
300
300
  "lineHeight": 36,
301
301
  },
302
302
  Object {
@@ -320,6 +320,7 @@ Array [
320
320
  Array [
321
321
  Object {
322
322
  "alignItems": "flex-start",
323
+ "marginBottom": 8,
323
324
  },
324
325
  Object {
325
326
  "paddingHorizontal": 12,
@@ -334,9 +335,9 @@ Array [
334
335
  style={
335
336
  Array [
336
337
  Object {
337
- "fontSize": 14,
338
+ "fontSize": 16,
338
339
  "fontWeight": "400",
339
- "lineHeight": 21,
340
+ "lineHeight": 24,
340
341
  },
341
342
  Object {
342
343
  "color": "hsl(210, 50%, 10%)",
@@ -344,8 +345,7 @@ Array [
344
345
  Array [
345
346
  Object {
346
347
  "color": "hsl(210, 25%, 25%)",
347
- "lineHeight": 21,
348
- "padding": 4,
348
+ "paddingVertical": 8,
349
349
  },
350
350
  undefined,
351
351
  ],
@@ -387,6 +387,7 @@ Array [
387
387
  "color": "hsl(210, 50%, 10%)",
388
388
  "flexGrow": 1,
389
389
  "fontSize": 16,
390
+ "paddingHorizontal": 4,
390
391
  "paddingVertical": 12,
391
392
  },
392
393
  Object {},
@@ -427,8 +428,7 @@ Array [
427
428
  },
428
429
  undefined,
429
430
  Object {
430
- "marginHorizontal": 16,
431
- "marginVertical": 12,
431
+ "margin": 12,
432
432
  },
433
433
  ]
434
434
  }
@@ -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 {
@@ -28,9 +28,9 @@ Array [
28
28
  style={
29
29
  Array [
30
30
  Object {
31
- "fontSize": 14,
31
+ "fontSize": 16,
32
32
  "fontWeight": "400",
33
- "lineHeight": 21,
33
+ "lineHeight": 24,
34
34
  },
35
35
  Object {
36
36
  "color": "hsl(210, 50%, 10%)",
@@ -82,8 +82,7 @@ Array [
82
82
  },
83
83
  undefined,
84
84
  Object {
85
- "marginHorizontal": 16,
86
- "marginVertical": 12,
85
+ "margin": 12,
87
86
  },
88
87
  ]
89
88
  }
@@ -168,7 +167,7 @@ Array [
168
167
  },
169
168
  Object {
170
169
  "fontSize": 24,
171
- "fontWeight": "300",
170
+ "fontWeight": "500",
172
171
  "lineHeight": 36,
173
172
  },
174
173
  Object {
@@ -185,9 +184,9 @@ Array [
185
184
  style={
186
185
  Array [
187
186
  Object {
188
- "fontSize": 14,
187
+ "fontSize": 16,
189
188
  "fontWeight": "400",
190
- "lineHeight": 21,
189
+ "lineHeight": 24,
191
190
  },
192
191
  Object {
193
192
  "color": "hsl(210, 50%, 10%)",
@@ -239,8 +238,7 @@ Array [
239
238
  },
240
239
  undefined,
241
240
  Object {
242
- "marginHorizontal": 16,
243
- "marginVertical": 12,
241
+ "margin": 12,
244
242
  },
245
243
  ]
246
244
  }
@@ -325,7 +323,7 @@ Array [
325
323
  },
326
324
  Object {
327
325
  "fontSize": 24,
328
- "fontWeight": "300",
326
+ "fontWeight": "500",
329
327
  "lineHeight": 36,
330
328
  },
331
329
  Object {
@@ -342,9 +340,9 @@ Array [
342
340
  style={
343
341
  Array [
344
342
  Object {
345
- "fontSize": 14,
343
+ "fontSize": 16,
346
344
  "fontWeight": "400",
347
- "lineHeight": 21,
345
+ "lineHeight": 24,
348
346
  },
349
347
  Object {
350
348
  "color": "hsl(210, 50%, 10%)",
@@ -455,8 +453,7 @@ Array [
455
453
  },
456
454
  undefined,
457
455
  Object {
458
- "marginHorizontal": 16,
459
- "marginVertical": 12,
456
+ "margin": 12,
460
457
  },
461
458
  ]
462
459
  }
@@ -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 {
@@ -61,8 +61,7 @@ Array [
61
61
  },
62
62
  undefined,
63
63
  Object {
64
- "marginHorizontal": 16,
65
- "marginVertical": 12,
64
+ "margin": 12,
66
65
  },
67
66
  ]
68
67
  }
@@ -156,7 +155,7 @@ Array [
156
155
  },
157
156
  Object {
158
157
  "fontSize": 24,
159
- "fontWeight": "300",
158
+ "fontWeight": "500",
160
159
  "lineHeight": 36,
161
160
  },
162
161
  Object {
@@ -206,8 +205,7 @@ Array [
206
205
  },
207
206
  undefined,
208
207
  Object {
209
- "marginHorizontal": 16,
210
- "marginVertical": 12,
208
+ "margin": 12,
211
209
  },
212
210
  ]
213
211
  }
@@ -301,7 +299,7 @@ Array [
301
299
  },
302
300
  Object {
303
301
  "fontSize": 24,
304
- "fontWeight": "300",
302
+ "fontWeight": "500",
305
303
  "lineHeight": 36,
306
304
  },
307
305
  Object {
@@ -410,8 +408,7 @@ Array [
410
408
  },
411
409
  undefined,
412
410
  Object {
413
- "marginHorizontal": 16,
414
- "marginVertical": 12,
411
+ "margin": 12,
415
412
  },
416
413
  ]
417
414
  }