@hero-design/rn 8.27.2 → 8.27.3

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 (37) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/es/index.js +31 -7
  3. package/lib/index.js +31 -7
  4. package/package.json +5 -5
  5. package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap +4 -0
  6. package/src/components/Accordion/__tests__/__snapshots__/index.spec.tsx.snap +6 -0
  7. package/src/components/Badge/__tests__/__snapshots__/Badge.spec.tsx.snap +6 -6
  8. package/src/components/BottomNavigation/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  9. package/src/components/Collapse/__tests__/__snapshots__/index.spec.tsx.snap +2 -0
  10. package/src/components/Collapse/index.tsx +25 -4
  11. package/src/components/DatePicker/DatePickerIOS.tsx +19 -1
  12. package/src/components/DatePicker/__tests__/DatePickerIOS.spec.tsx +25 -1
  13. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +3 -3
  14. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +1 -1
  15. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +1 -1
  16. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +1 -1
  17. package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap +2 -2
  18. package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap +3 -3
  19. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  20. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +4 -4
  21. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap +3 -3
  22. package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap +1 -1
  23. package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap +1 -1
  24. package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap +3 -3
  25. package/src/components/Tag/StyledTag.tsx +1 -0
  26. package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap +19 -10
  27. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +1 -1
  28. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +14 -14
  29. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +2 -2
  30. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +2 -2
  31. package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap +2 -2
  32. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +10 -7
  33. package/src/theme/components/tag.ts +5 -2
  34. package/src/theme/global/typography.ts +2 -2
  35. package/types/components/Collapse/index.d.ts +1 -1
  36. package/types/components/DatePicker/DatePickerIOS.d.ts +1 -0
  37. package/types/theme/components/tag.d.ts +3 -0
package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap CHANGED
@@ -173,7 +173,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
173
173
  "fontFamily": "BeVietnamPro-Regular",
174
174
  "fontSize": 12,
175
175
  "letterSpacing": 0.36,
176
- "lineHeight": 20,
176
+ "lineHeight": 16,
177
177
  },
178
178
  undefined,
179
179
  ]
@@ -421,7 +421,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
421
421
  "fontFamily": "BeVietnamPro-Regular",
422
422
  "fontSize": 12,
423
423
  "letterSpacing": 0.36,
424
- "lineHeight": 20,
424
+ "lineHeight": 16,
425
425
  },
426
426
  undefined,
427
427
  ]
@@ -762,7 +762,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
762
762
  "fontFamily": "BeVietnamPro-Regular",
763
763
  "fontSize": 12,
764
764
  "letterSpacing": 0.36,
765
- "lineHeight": 20,
765
+ "lineHeight": 16,
766
766
  },
767
767
  undefined,
768
768
  ]
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1486,7 +1486,7 @@ Array [
1486
1486
  "left": 16,
1487
1487
  "paddingHorizontal": 4,
1488
1488
  "position": "absolute",
1489
- "top": -5,
1489
+ "top": -4,
1490
1490
  "zIndex": 1,
1491
1491
  },
1492
1492
  Object {
@@ -1719,7 +1719,7 @@ Array [
1719
1719
  "left": 16,
1720
1720
  "paddingHorizontal": 4,
1721
1721
  "position": "absolute",
1722
- "top": -5,
1722
+ "top": -4,
1723
1723
  "zIndex": 1,
1724
1724
  },
1725
1725
  Object {
@@ -3299,7 +3299,7 @@ Array [
3299
3299
  "left": 16,
3300
3300
  "paddingHorizontal": 4,
3301
3301
  "position": "absolute",
3302
- "top": -5,
3302
+ "top": -4,
3303
3303
  "zIndex": 1,
3304
3304
  },
3305
3305
  Object {
@@ -3545,7 +3545,7 @@ Array [
3545
3545
  "left": 16,
3546
3546
  "paddingHorizontal": 4,
3547
3547
  "position": "absolute",
3548
- "top": -5,
3548
+ "top": -4,
3549
3549
  "zIndex": 1,
3550
3550
  },
3551
3551
  Object {
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -1408,7 +1408,7 @@ Array [
1408
1408
  "left": 16,
1409
1409
  "paddingHorizontal": 4,
1410
1410
  "position": "absolute",
1411
- "top": -5,
1411
+ "top": -4,
1412
1412
  "zIndex": 1,
1413
1413
  },
1414
1414
  Object {
@@ -1641,7 +1641,7 @@ Array [
1641
1641
  "left": 16,
1642
1642
  "paddingHorizontal": 4,
1643
1643
  "position": "absolute",
1644
- "top": -5,
1644
+ "top": -4,
1645
1645
  "zIndex": 1,
1646
1646
  },
1647
1647
  Object {
@@ -3090,7 +3090,7 @@ Array [
3090
3090
  "left": 16,
3091
3091
  "paddingHorizontal": 4,
3092
3092
  "position": "absolute",
3093
- "top": -5,
3093
+ "top": -4,
3094
3094
  "zIndex": 1,
3095
3095
  },
3096
3096
  Object {
@@ -3336,7 +3336,7 @@ Array [
3336
3336
  "left": 16,
3337
3337
  "paddingHorizontal": 4,
3338
3338
  "position": "absolute",
3339
- "top": -5,
3339
+ "top": -4,
3340
3340
  "zIndex": 1,
3341
3341
  },
3342
3342
  Object {
package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap CHANGED
@@ -651,7 +651,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
651
651
  "fontFamily": "BeVietnamPro-SemiBold",
652
652
  "fontSize": 12,
653
653
  "includeFontPadding": false,
654
- "lineHeight": 20,
654
+ "lineHeight": 16,
655
655
  "textAlign": "center",
656
656
  "textAlignVertical": "center",
657
657
  },
@@ -1479,7 +1479,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
1479
1479
  "fontFamily": "BeVietnamPro-SemiBold",
1480
1480
  "fontSize": 12,
1481
1481
  "includeFontPadding": false,
1482
- "lineHeight": 20,
1482
+ "lineHeight": 16,
1483
1483
  "textAlign": "center",
1484
1484
  "textAlignVertical": "center",
1485
1485
  },
@@ -2307,7 +2307,7 @@ exports[`useIsFocused renders correctly 1`] = `
2307
2307
  "fontFamily": "BeVietnamPro-SemiBold",
2308
2308
  "fontSize": 12,
2309
2309
  "includeFontPadding": false,
2310
- "lineHeight": 20,
2310
+ "lineHeight": 16,
2311
2311
  "textAlign": "center",
2312
2312
  "textAlignVertical": "center",
2313
2313
  },
package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap CHANGED
@@ -560,7 +560,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
560
560
  "fontFamily": "BeVietnamPro-SemiBold",
561
561
  "fontSize": 12,
562
562
  "includeFontPadding": false,
563
- "lineHeight": 20,
563
+ "lineHeight": 16,
564
564
  "textAlign": "center",
565
565
  "textAlignVertical": "center",
566
566
  },
package/src/components/Tabs/__tests__/__snapshots__/TabWithBadge.spec.tsx.snap CHANGED
@@ -53,7 +53,7 @@ exports[`TabWithBadge renders correctly with counter badge config 1`] = `
53
53
  "fontFamily": "BeVietnamPro-SemiBold",
54
54
  "fontSize": 12,
55
55
  "includeFontPadding": false,
56
- "lineHeight": 20,
56
+ "lineHeight": 16,
57
57
  "textAlign": "center",
58
58
  "textAlignVertical": "center",
59
59
  },
package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -402,7 +402,7 @@ exports[`Tabs renders correctly 1`] = `
402
402
  "fontFamily": "BeVietnamPro-SemiBold",
403
403
  "fontSize": 12,
404
404
  "includeFontPadding": false,
405
- "lineHeight": 20,
405
+ "lineHeight": 16,
406
406
  "textAlign": "center",
407
407
  "textAlignVertical": "center",
408
408
  },
@@ -997,7 +997,7 @@ exports[`useIsFocused renders correctly 1`] = `
997
997
  "fontFamily": "BeVietnamPro-SemiBold",
998
998
  "fontSize": 12,
999
999
  "includeFontPadding": false,
1000
- "lineHeight": 20,
1000
+ "lineHeight": 16,
1001
1001
  "textAlign": "center",
1002
1002
  "textAlignVertical": "center",
1003
1003
  },
@@ -1592,7 +1592,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
1592
1592
  "fontFamily": "BeVietnamPro-SemiBold",
1593
1593
  "fontSize": 12,
1594
1594
  "includeFontPadding": false,
1595
- "lineHeight": 20,
1595
+ "lineHeight": 16,
1596
1596
  "textAlign": "center",
1597
1597
  "textAlignVertical": "center",
1598
1598
  },
package/src/components/Tag/StyledTag.tsx CHANGED
@@ -56,6 +56,7 @@ const StyledText = styled(Typography.Text)<{
56
56
  return {
57
57
  fontFamily: theme.__hd__.tag.fonts.default,
58
58
  fontSize: theme.__hd__.tag.fontSizes.default,
59
+ lineHeight: theme.__hd__.tag.lineHeights.default,
59
60
  color: textColor,
60
61
  includeFontPadding: false,
61
62
  textAlignVertical: 'center',
package/src/components/Tag/__tests__/__snapshots__/Tag.spec.tsx.snap CHANGED
@@ -10,7 +10,7 @@ exports[`Tag renders correctly when variant is filled and intent is danger 1`] =
10
10
  "borderRadius": 4,
11
11
  "borderWidth": 1,
12
12
  "paddingHorizontal": 8,
13
- "paddingVertical": 2,
13
+ "paddingVertical": 4,
14
14
  },
15
15
  undefined,
16
16
  ]
@@ -35,6 +35,7 @@ exports[`Tag renders correctly when variant is filled and intent is danger 1`] =
35
35
  "fontFamily": "BeVietnamPro-SemiBold",
36
36
  "fontSize": 12,
37
37
  "includeFontPadding": false,
38
+ "lineHeight": 16,
38
39
  "textAlign": "center",
39
40
  "textAlignVertical": "center",
40
41
  },
@@ -63,7 +64,7 @@ exports[`Tag renders correctly when variant is filled and intent is info 1`] = `
63
64
  "borderRadius": 4,
64
65
  "borderWidth": 1,
65
66
  "paddingHorizontal": 8,
66
- "paddingVertical": 2,
67
+ "paddingVertical": 4,
67
68
  },
68
69
  undefined,
69
70
  ]
@@ -88,6 +89,7 @@ exports[`Tag renders correctly when variant is filled and intent is info 1`] = `
88
89
  "fontFamily": "BeVietnamPro-SemiBold",
89
90
  "fontSize": 12,
90
91
  "includeFontPadding": false,
92
+ "lineHeight": 16,
91
93
  "textAlign": "center",
92
94
  "textAlignVertical": "center",
93
95
  },
@@ -116,7 +118,7 @@ exports[`Tag renders correctly when variant is filled and intent is primary 1`]
116
118
  "borderRadius": 4,
117
119
  "borderWidth": 1,
118
120
  "paddingHorizontal": 8,
119
- "paddingVertical": 2,
121
+ "paddingVertical": 4,
120
122
  },
121
123
  undefined,
122
124
  ]
@@ -141,6 +143,7 @@ exports[`Tag renders correctly when variant is filled and intent is primary 1`]
141
143
  "fontFamily": "BeVietnamPro-SemiBold",
142
144
  "fontSize": 12,
143
145
  "includeFontPadding": false,
146
+ "lineHeight": 16,
144
147
  "textAlign": "center",
145
148
  "textAlignVertical": "center",
146
149
  },
@@ -169,7 +172,7 @@ exports[`Tag renders correctly when variant is filled and intent is warning 1`]
169
172
  "borderRadius": 4,
170
173
  "borderWidth": 1,
171
174
  "paddingHorizontal": 8,
172
- "paddingVertical": 2,
175
+ "paddingVertical": 4,
173
176
  },
174
177
  undefined,
175
178
  ]
@@ -194,6 +197,7 @@ exports[`Tag renders correctly when variant is filled and intent is warning 1`]
194
197
  "fontFamily": "BeVietnamPro-SemiBold",
195
198
  "fontSize": 12,
196
199
  "includeFontPadding": false,
200
+ "lineHeight": 16,
197
201
  "textAlign": "center",
198
202
  "textAlignVertical": "center",
199
203
  },
@@ -222,7 +226,7 @@ exports[`Tag renders correctly when variant is outlined and intent is danger 1`]
222
226
  "borderRadius": 4,
223
227
  "borderWidth": 1,
224
228
  "paddingHorizontal": 8,
225
- "paddingVertical": 2,
229
+ "paddingVertical": 4,
226
230
  },
227
231
  undefined,
228
232
  ]
@@ -247,6 +251,7 @@ exports[`Tag renders correctly when variant is outlined and intent is danger 1`]
247
251
  "fontFamily": "BeVietnamPro-SemiBold",
248
252
  "fontSize": 12,
249
253
  "includeFontPadding": false,
254
+ "lineHeight": 16,
250
255
  "textAlign": "center",
251
256
  "textAlignVertical": "center",
252
257
  },
@@ -275,7 +280,7 @@ exports[`Tag renders correctly when variant is outlined and intent is info 1`] =
275
280
  "borderRadius": 4,
276
281
  "borderWidth": 1,
277
282
  "paddingHorizontal": 8,
278
- "paddingVertical": 2,
283
+ "paddingVertical": 4,
279
284
  },
280
285
  undefined,
281
286
  ]
@@ -300,6 +305,7 @@ exports[`Tag renders correctly when variant is outlined and intent is info 1`] =
300
305
  "fontFamily": "BeVietnamPro-SemiBold",
301
306
  "fontSize": 12,
302
307
  "includeFontPadding": false,
308
+ "lineHeight": 16,
303
309
  "textAlign": "center",
304
310
  "textAlignVertical": "center",
305
311
  },
@@ -328,7 +334,7 @@ exports[`Tag renders correctly when variant is outlined and intent is primary 1`
328
334
  "borderRadius": 4,
329
335
  "borderWidth": 1,
330
336
  "paddingHorizontal": 8,
331
- "paddingVertical": 2,
337
+ "paddingVertical": 4,
332
338
  },
333
339
  undefined,
334
340
  ]
@@ -353,6 +359,7 @@ exports[`Tag renders correctly when variant is outlined and intent is primary 1`
353
359
  "fontFamily": "BeVietnamPro-SemiBold",
354
360
  "fontSize": 12,
355
361
  "includeFontPadding": false,
362
+ "lineHeight": 16,
356
363
  "textAlign": "center",
357
364
  "textAlignVertical": "center",
358
365
  },
@@ -381,7 +388,7 @@ exports[`Tag renders correctly when variant is outlined and intent is success 1`
381
388
  "borderRadius": 4,
382
389
  "borderWidth": 1,
383
390
  "paddingHorizontal": 8,
384
- "paddingVertical": 2,
391
+ "paddingVertical": 4,
385
392
  },
386
393
  undefined,
387
394
  ]
@@ -406,6 +413,7 @@ exports[`Tag renders correctly when variant is outlined and intent is success 1`
406
413
  "fontFamily": "BeVietnamPro-SemiBold",
407
414
  "fontSize": 12,
408
415
  "includeFontPadding": false,
416
+ "lineHeight": 16,
409
417
  "textAlign": "center",
410
418
  "textAlignVertical": "center",
411
419
  },
@@ -434,7 +442,7 @@ exports[`Tag renders correctly when variant is outlined and intent is warning 1`
434
442
  "borderRadius": 4,
435
443
  "borderWidth": 1,
436
444
  "paddingHorizontal": 8,
437
- "paddingVertical": 2,
445
+ "paddingVertical": 4,
438
446
  },
439
447
  undefined,
440
448
  ]
@@ -459,6 +467,7 @@ exports[`Tag renders correctly when variant is outlined and intent is warning 1`
459
467
  "fontFamily": "BeVietnamPro-SemiBold",
460
468
  "fontSize": 12,
461
469
  "includeFontPadding": false,
470
+ "lineHeight": 16,
462
471
  "textAlign": "center",
463
472
  "textAlignVertical": "center",
464
473
  },
@@ -487,7 +496,7 @@ exports[`Tag renders correctly with custom content 1`] = `
487
496
  "borderRadius": 4,
488
497
  "borderWidth": 1,
489
498
  "paddingHorizontal": 8,
490
- "paddingVertical": 2,
499
+ "paddingVertical": 4,
491
500
  },
492
501
  undefined,
493
502
  ]
package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap CHANGED
@@ -170,7 +170,7 @@ exports[`LabelContainer renders correctly 1`] = `
170
170
  "left": 16,
171
171
  "paddingHorizontal": 4,
172
172
  "position": "absolute",
173
- "top": -5,
173
+ "top": -4,
174
174
  "zIndex": 1,
175
175
  },
176
176
  undefined,
package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -62,7 +62,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
62
62
  "left": 16,
63
63
  "paddingHorizontal": 4,
64
64
  "position": "absolute",
65
- "top": -5,
65
+ "top": -4,
66
66
  "zIndex": 1,
67
67
  },
68
68
  Object {
@@ -259,7 +259,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
259
259
  "fontFamily": "BeVietnamPro-Regular",
260
260
  "fontSize": 12,
261
261
  "letterSpacing": 0.36,
262
- "lineHeight": 20,
262
+ "lineHeight": 16,
263
263
  },
264
264
  Array [
265
265
  Object {
@@ -352,7 +352,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
352
352
  "left": 16,
353
353
  "paddingHorizontal": 4,
354
354
  "position": "absolute",
355
- "top": -5,
355
+ "top": -4,
356
356
  "zIndex": 1,
357
357
  },
358
358
  Object {
@@ -548,7 +548,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
548
548
  "fontFamily": "BeVietnamPro-Regular",
549
549
  "fontSize": 12,
550
550
  "letterSpacing": 0.36,
551
- "lineHeight": 20,
551
+ "lineHeight": 16,
552
552
  },
553
553
  Array [
554
554
  Object {
@@ -641,7 +641,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
641
641
  "left": 16,
642
642
  "paddingHorizontal": 4,
643
643
  "position": "absolute",
644
- "top": -5,
644
+ "top": -4,
645
645
  "zIndex": 1,
646
646
  },
647
647
  Object {
@@ -838,7 +838,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
838
838
  "fontFamily": "BeVietnamPro-Regular",
839
839
  "fontSize": 12,
840
840
  "letterSpacing": 0.36,
841
- "lineHeight": 20,
841
+ "lineHeight": 16,
842
842
  },
843
843
  Array [
844
844
  Object {
@@ -932,7 +932,7 @@ exports[`TextInput disabled renders correctly 1`] = `
932
932
  "left": 16,
933
933
  "paddingHorizontal": 4,
934
934
  "position": "absolute",
935
- "top": -5,
935
+ "top": -4,
936
936
  "zIndex": 1,
937
937
  },
938
938
  Object {
@@ -1427,7 +1427,7 @@ exports[`TextInput filled renders correctly 1`] = `
1427
1427
  "left": 16,
1428
1428
  "paddingHorizontal": 4,
1429
1429
  "position": "absolute",
1430
- "top": -5,
1430
+ "top": -4,
1431
1431
  "zIndex": 1,
1432
1432
  },
1433
1433
  Object {
@@ -2517,7 +2517,7 @@ exports[`TextInput max length renders correctly 1`] = `
2517
2517
  "left": 16,
2518
2518
  "paddingHorizontal": 4,
2519
2519
  "position": "absolute",
2520
- "top": -5,
2520
+ "top": -4,
2521
2521
  "zIndex": 1,
2522
2522
  },
2523
2523
  Object {
@@ -2732,7 +2732,7 @@ exports[`TextInput max length renders correctly 1`] = `
2732
2732
  "fontFamily": "BeVietnamPro-Regular",
2733
2733
  "fontSize": 12,
2734
2734
  "letterSpacing": 0.36,
2735
- "lineHeight": 20,
2735
+ "lineHeight": 16,
2736
2736
  },
2737
2737
  Array [
2738
2738
  Object {
@@ -2825,7 +2825,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
2825
2825
  "left": 16,
2826
2826
  "paddingHorizontal": 4,
2827
2827
  "position": "absolute",
2828
- "top": -5,
2828
+ "top": -4,
2829
2829
  "zIndex": 1,
2830
2830
  },
2831
2831
  Object {
@@ -3349,7 +3349,7 @@ exports[`TextInput readonly renders correctly 1`] = `
3349
3349
  "left": 16,
3350
3350
  "paddingHorizontal": 4,
3351
3351
  "position": "absolute",
3352
- "top": -5,
3352
+ "top": -4,
3353
3353
  "zIndex": 1,
3354
3354
  },
3355
3355
  Object {
@@ -3590,7 +3590,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
3590
3590
  "left": 16,
3591
3591
  "paddingHorizontal": 4,
3592
3592
  "position": "absolute",
3593
- "top": -5,
3593
+ "top": -4,
3594
3594
  "zIndex": 1,
3595
3595
  },
3596
3596
  Object {
@@ -4011,7 +4011,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
4011
4011
  "left": 16,
4012
4012
  "paddingHorizontal": 4,
4013
4013
  "position": "absolute",
4014
- "top": -5,
4014
+ "top": -4,
4015
4015
  "zIndex": 1,
4016
4016
  },
4017
4017
  Object {
package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap CHANGED
@@ -88,7 +88,7 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
88
88
  "left": 16,
89
89
  "paddingHorizontal": 4,
90
90
  "position": "absolute",
91
- "top": -5,
91
+ "top": -4,
92
92
  "zIndex": 1,
93
93
  },
94
94
  Object {
@@ -325,7 +325,7 @@ exports[`TimePickerAndroid renders correctly 1`] = `
325
325
  "left": 16,
326
326
  "paddingHorizontal": 4,
327
327
  "position": "absolute",
328
- "top": -5,
328
+ "top": -4,
329
329
  "zIndex": 1,
330
330
  },
331
331
  Object {
package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap CHANGED
@@ -88,7 +88,7 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
88
88
  "left": 16,
89
89
  "paddingHorizontal": 4,
90
90
  "position": "absolute",
91
- "top": -5,
91
+ "top": -4,
92
92
  "zIndex": 1,
93
93
  },
94
94
  Object {
@@ -325,7 +325,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
325
325
  "left": 16,
326
326
  "paddingHorizontal": 4,
327
327
  "position": "absolute",
328
- "top": -5,
328
+ "top": -4,
329
329
  "zIndex": 1,
330
330
  },
331
331
  Object {
package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap CHANGED
@@ -285,7 +285,7 @@ exports[`StyledText has small fontSize style 1`] = `
285
285
  "fontFamily": "BeVietnamPro-Regular",
286
286
  "fontSize": 12,
287
287
  "letterSpacing": 0.36,
288
- "lineHeight": 20,
288
+ "lineHeight": 16,
289
289
  },
290
290
  undefined,
291
291
  ]
@@ -400,7 +400,7 @@ exports[`StyledText has xsmall fontSize style 1`] = `
400
400
  "fontFamily": "BeVietnamPro-Regular",
401
401
  "fontSize": 10,
402
402
  "letterSpacing": 0.3,
403
- "lineHeight": 18,
403
+ "lineHeight": 14,
404
404
  },
405
405
  undefined,
406
406
  ]
package/src/theme/__tests__/__snapshots__/index.spec.ts.snap CHANGED
@@ -123,7 +123,7 @@ Object {
123
123
  "default": "BeVietnamPro-SemiBold",
124
124
  },
125
125
  "lineHeights": Object {
126
- "default": 20,
126
+ "default": 16,
127
127
  },
128
128
  "sizes": Object {
129
129
  "height": 20,
@@ -920,12 +920,15 @@ Object {
920
920
  "fonts": Object {
921
921
  "default": "BeVietnamPro-SemiBold",
922
922
  },
923
+ "lineHeights": Object {
924
+ "default": 16,
925
+ },
923
926
  "radii": Object {
924
927
  "default": 4,
925
928
  },
926
929
  "space": Object {
927
930
  "horizontalPadding": 8,
928
- "verticalPadding": 2,
931
+ "verticalPadding": 4,
929
932
  },
930
933
  },
931
934
  "textInput": Object {
@@ -1009,7 +1012,7 @@ Object {
1009
1012
  "labelInsideTextInputMarginTop": -2,
1010
1013
  "labelLeft": 16,
1011
1014
  "labelPaddingBottom": 8,
1012
- "labelTop": -5,
1015
+ "labelTop": -4,
1013
1016
  "maxLengthLabelMarginLeft": 4,
1014
1017
  },
1015
1018
  },
@@ -1128,9 +1131,9 @@ Object {
1128
1131
  "7xlarge": 50,
1129
1132
  "large": 24,
1130
1133
  "medium": 22,
1131
- "small": 20,
1134
+ "small": 16,
1132
1135
  "xlarge": 26,
1133
- "xsmall": 18,
1136
+ "xsmall": 14,
1134
1137
  "xxxlarge": 32,
1135
1138
  "xxxxlarge": 36,
1136
1139
  "xxxxxlarge": 40,
@@ -1215,9 +1218,9 @@ Object {
1215
1218
  "7xlarge": 50,
1216
1219
  "large": 24,
1217
1220
  "medium": 22,
1218
- "small": 20,
1221
+ "small": 16,
1219
1222
  "xlarge": 26,
1220
- "xsmall": 18,
1223
+ "xsmall": 14,
1221
1224
  "xxlarge": 28,
1222
1225
  "xxxlarge": 32,
1223
1226
  "xxxxlarge": 36,
package/src/theme/components/tag.ts CHANGED
@@ -28,17 +28,20 @@ const getTagTheme = (theme: GlobalTheme) => {
28
28
  const fontSizes = {
29
29
  default: theme.fontSizes.small,
30
30
  };
31
+ const lineHeights = {
32
+ default: theme.lineHeights.small,
33
+ };
31
34
 
32
35
  const space = {
33
36
  horizontalPadding: theme.space.small,
34
- verticalPadding: theme.space.xxsmall,
37
+ verticalPadding: theme.space.xsmall,
35
38
  };
36
39
 
37
40
  const radii = {
38
41
  default: theme.radii.base,
39
42
  };
40
43
 
41
- return { borderWidths, colors, fonts, fontSizes, space, radii };
44
+ return { borderWidths, colors, fonts, fontSizes, space, radii, lineHeights };
42
45
  };
43
46
 
44
47
  export default getTagTheme;
package/src/theme/global/typography.ts CHANGED
@@ -88,8 +88,8 @@ const getLineHeights = (fontSizes: FontSizes): LineHeights => {
88
88
  xlarge: fontSizes.xlarge + additionalSpace,
89
89
  large: fontSizes.large + additionalSpace,
90
90
  medium: fontSizes.medium + additionalSpace,
91
- small: fontSizes.small + additionalSpace,
92
- xsmall: fontSizes.xsmall + additionalSpace,
91
+ small: fontSizes.small + additionalSpace / 2,
92
+ xsmall: fontSizes.xsmall + additionalSpace / 2,
93
93
  };
94
94
  };
95
95
 
package/types/components/Collapse/index.d.ts CHANGED
@@ -15,5 +15,5 @@ export interface CollapseProps extends ViewProps {
15
15
  */
16
16
  testID?: string;
17
17
  }
18
- declare const Collapse: ({ open, children, testID, style }: CollapseProps) => JSX.Element;
18
+ declare const Collapse: ({ open, children, testID, style, onLayout, }: CollapseProps) => JSX.Element;
19
19
  export default Collapse;
package/types/components/DatePicker/DatePickerIOS.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  import type { DatePickerProps } from './types';
2
+ export declare const getInitialDateValue: (value: Date, minDate?: Date | undefined, maxDate?: Date | undefined) => Date;
2
3
  declare const DatePickerIOS: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, }: Omit<DatePickerProps, 'variant'>) => JSX.Element;
3
4
  export default DatePickerIOS;
package/types/theme/components/tag.d.ts CHANGED
@@ -31,5 +31,8 @@ declare const getTagTheme: (theme: GlobalTheme) => {
31
31
  radii: {
32
32
  default: number;
33
33
  };
34
+ lineHeights: {
35
+ default: number;
36
+ };
34
37
  };
35
38
  export default getTagTheme;