@hero-design/rn 8.24.0 → 8.25.1

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 (29) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/es/index.js +111 -60
  3. package/lib/index.js +110 -59
  4. package/package.json +5 -5
  5. package/src/components/Carousel/CardCarousel.tsx +23 -7
  6. package/src/components/Carousel/__tests__/CardCarousel.spec.tsx +177 -70
  7. package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap +294 -1
  8. package/src/components/Collapse/index.tsx +11 -10
  9. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +21 -15
  10. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +7 -5
  11. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +7 -5
  12. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +7 -5
  13. package/src/components/Error/StyledError.tsx +2 -0
  14. package/src/components/Error/__tests__/__snapshots__/index.spec.tsx.snap +8 -0
  15. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +28 -20
  16. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +28 -20
  17. package/src/components/Spinner/AnimatedSpinner.tsx +2 -2
  18. package/src/components/TextInput/StyledTextInput.tsx +4 -0
  19. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +21 -1
  20. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +112 -78
  21. package/src/components/TextInput/index.tsx +1 -4
  22. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +14 -10
  23. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +14 -10
  24. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +9 -1
  25. package/src/theme/components/error.ts +6 -1
  26. package/src/theme/components/textInput.ts +16 -2
  27. package/types/components/Collapse/index.d.ts +1 -1
  28. package/types/theme/components/error.d.ts +4 -0
  29. package/types/theme/components/textInput.d.ts +4 -0
package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap CHANGED
@@ -15,6 +15,8 @@ exports[`Label renders correctly with themeState default 1`] = `
15
15
  Array [
16
16
  Object {
17
17
  "color": "#001f23",
18
+ "fontSize": 12,
19
+ "lineHeight": 12,
18
20
  },
19
21
  undefined,
20
22
  ],
@@ -45,6 +47,8 @@ exports[`Label renders correctly with themeState disabled 1`] = `
45
47
  Array [
46
48
  Object {
47
49
  "color": "#bfc1c5",
50
+ "fontSize": 12,
51
+ "lineHeight": 12,
48
52
  },
49
53
  undefined,
50
54
  ],
@@ -75,6 +79,8 @@ exports[`Label renders correctly with themeState error 1`] = `
75
79
  Array [
76
80
  Object {
77
81
  "color": "#001f23",
82
+ "fontSize": 12,
83
+ "lineHeight": 12,
78
84
  },
79
85
  undefined,
80
86
  ],
@@ -105,6 +111,8 @@ exports[`Label renders correctly with themeState filled 1`] = `
105
111
  Array [
106
112
  Object {
107
113
  "color": "#001f23",
114
+ "fontSize": 12,
115
+ "lineHeight": 12,
108
116
  },
109
117
  undefined,
110
118
  ],
@@ -135,6 +143,8 @@ exports[`Label renders correctly with themeState readonly 1`] = `
135
143
  Array [
136
144
  Object {
137
145
  "color": "#808f91",
146
+ "fontSize": 12,
147
+ "lineHeight": 12,
138
148
  },
139
149
  undefined,
140
150
  ],
@@ -160,7 +170,7 @@ exports[`LabelContainer renders correctly 1`] = `
160
170
  "left": 16,
161
171
  "paddingHorizontal": 4,
162
172
  "position": "absolute",
163
- "top": -10,
173
+ "top": -5,
164
174
  "zIndex": 1,
165
175
  },
166
176
  undefined,
@@ -359,6 +369,8 @@ exports[`StyledAsteriskLabel renders correctly with themeState default 1`] = `
359
369
  Array [
360
370
  Object {
361
371
  "color": "#de350b",
372
+ "fontSize": 12,
373
+ "lineHeight": 12,
362
374
  },
363
375
  undefined,
364
376
  ],
@@ -389,6 +401,8 @@ exports[`StyledAsteriskLabel renders correctly with themeState disabled 1`] = `
389
401
  Array [
390
402
  Object {
391
403
  "color": "#bfc1c5",
404
+ "fontSize": 12,
405
+ "lineHeight": 12,
392
406
  },
393
407
  undefined,
394
408
  ],
@@ -419,6 +433,8 @@ exports[`StyledAsteriskLabel renders correctly with themeState error 1`] = `
419
433
  Array [
420
434
  Object {
421
435
  "color": "#de350b",
436
+ "fontSize": 12,
437
+ "lineHeight": 12,
422
438
  },
423
439
  undefined,
424
440
  ],
@@ -449,6 +465,8 @@ exports[`StyledAsteriskLabel renders correctly with themeState filled 1`] = `
449
465
  Array [
450
466
  Object {
451
467
  "color": "#de350b",
468
+ "fontSize": 12,
469
+ "lineHeight": 12,
452
470
  },
453
471
  undefined,
454
472
  ],
@@ -479,6 +497,8 @@ exports[`StyledAsteriskLabel renders correctly with themeState readonly 1`] = `
479
497
  Array [
480
498
  Object {
481
499
  "color": "#808f91",
500
+ "fontSize": 12,
501
+ "lineHeight": 12,
482
502
  },
483
503
  undefined,
484
504
  ],
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": -10,
65
+ "top": -5,
66
66
  "zIndex": 1,
67
67
  },
68
68
  Object {
@@ -79,19 +79,21 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
79
79
  Object {
80
80
  "color": "#001f23",
81
81
  "fontFamily": "BeVietnamPro-Regular",
82
- "fontSize": 12,
83
- "letterSpacing": 0.36,
84
- "lineHeight": 20,
82
+ "fontSize": 14,
83
+ "letterSpacing": 0.42,
84
+ "lineHeight": 22,
85
85
  },
86
86
  Array [
87
87
  Object {
88
88
  "color": "#de350b",
89
+ "fontSize": 12,
90
+ "lineHeight": 12,
89
91
  },
90
92
  undefined,
91
93
  ],
92
94
  ]
93
95
  }
94
- themeFontSize="small"
96
+ themeFontSize="medium"
95
97
  themeFontWeight="regular"
96
98
  themeIntent="body"
97
99
  themeState="filled"
@@ -106,13 +108,15 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
106
108
  Object {
107
109
  "color": "#001f23",
108
110
  "fontFamily": "BeVietnamPro-Regular",
109
- "fontSize": 12,
110
- "letterSpacing": 0.36,
111
- "lineHeight": 20,
111
+ "fontSize": 14,
112
+ "letterSpacing": 0.42,
113
+ "lineHeight": 22,
112
114
  },
113
115
  Array [
114
116
  Object {
115
117
  "color": "#001f23",
118
+ "fontSize": 12,
119
+ "lineHeight": 12,
116
120
  },
117
121
  Object {
118
122
  "backgroundColor": "#f6f6f7",
@@ -121,7 +125,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
121
125
  ]
122
126
  }
123
127
  testID="input-label"
124
- themeFontSize="small"
128
+ themeFontSize="medium"
125
129
  themeFontWeight="regular"
126
130
  themeIntent="body"
127
131
  themeState="filled"
@@ -348,7 +352,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
348
352
  "left": 16,
349
353
  "paddingHorizontal": 4,
350
354
  "position": "absolute",
351
- "top": -10,
355
+ "top": -5,
352
356
  "zIndex": 1,
353
357
  },
354
358
  Object {
@@ -365,19 +369,21 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
365
369
  Object {
366
370
  "color": "#001f23",
367
371
  "fontFamily": "BeVietnamPro-Regular",
368
- "fontSize": 12,
369
- "letterSpacing": 0.36,
370
- "lineHeight": 20,
372
+ "fontSize": 14,
373
+ "letterSpacing": 0.42,
374
+ "lineHeight": 22,
371
375
  },
372
376
  Array [
373
377
  Object {
374
378
  "color": "#de350b",
379
+ "fontSize": 12,
380
+ "lineHeight": 12,
375
381
  },
376
382
  undefined,
377
383
  ],
378
384
  ]
379
385
  }
380
- themeFontSize="small"
386
+ themeFontSize="medium"
381
387
  themeFontWeight="regular"
382
388
  themeIntent="body"
383
389
  themeState="filled"
@@ -392,13 +398,15 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
392
398
  Object {
393
399
  "color": "#001f23",
394
400
  "fontFamily": "BeVietnamPro-Regular",
395
- "fontSize": 12,
396
- "letterSpacing": 0.36,
397
- "lineHeight": 20,
401
+ "fontSize": 14,
402
+ "letterSpacing": 0.42,
403
+ "lineHeight": 22,
398
404
  },
399
405
  Array [
400
406
  Object {
401
407
  "color": "#001f23",
408
+ "fontSize": 12,
409
+ "lineHeight": 12,
402
410
  },
403
411
  Object {
404
412
  "backgroundColor": "#ffffff",
@@ -407,7 +415,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
407
415
  ]
408
416
  }
409
417
  testID="input-label"
410
- themeFontSize="small"
418
+ themeFontSize="medium"
411
419
  themeFontWeight="regular"
412
420
  themeIntent="body"
413
421
  themeState="filled"
@@ -633,7 +641,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
633
641
  "left": 16,
634
642
  "paddingHorizontal": 4,
635
643
  "position": "absolute",
636
- "top": -10,
644
+ "top": -5,
637
645
  "zIndex": 1,
638
646
  },
639
647
  Object {
@@ -650,19 +658,21 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
650
658
  Object {
651
659
  "color": "#001f23",
652
660
  "fontFamily": "BeVietnamPro-Regular",
653
- "fontSize": 12,
654
- "letterSpacing": 0.36,
655
- "lineHeight": 20,
661
+ "fontSize": 14,
662
+ "letterSpacing": 0.42,
663
+ "lineHeight": 22,
656
664
  },
657
665
  Array [
658
666
  Object {
659
667
  "color": "#de350b",
668
+ "fontSize": 12,
669
+ "lineHeight": 12,
660
670
  },
661
671
  undefined,
662
672
  ],
663
673
  ]
664
674
  }
665
- themeFontSize="small"
675
+ themeFontSize="medium"
666
676
  themeFontWeight="regular"
667
677
  themeIntent="body"
668
678
  themeState="filled"
@@ -677,13 +687,15 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
677
687
  Object {
678
688
  "color": "#001f23",
679
689
  "fontFamily": "BeVietnamPro-Regular",
680
- "fontSize": 12,
681
- "letterSpacing": 0.36,
682
- "lineHeight": 20,
690
+ "fontSize": 14,
691
+ "letterSpacing": 0.42,
692
+ "lineHeight": 22,
683
693
  },
684
694
  Array [
685
695
  Object {
686
696
  "color": "#001f23",
697
+ "fontSize": 12,
698
+ "lineHeight": 12,
687
699
  },
688
700
  Object {
689
701
  "backgroundColor": "#ffffff",
@@ -692,7 +704,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
692
704
  ]
693
705
  }
694
706
  testID="input-label"
695
- themeFontSize="small"
707
+ themeFontSize="medium"
696
708
  themeFontWeight="regular"
697
709
  themeIntent="body"
698
710
  themeState="filled"
@@ -920,7 +932,7 @@ exports[`TextInput disabled renders correctly 1`] = `
920
932
  "left": 16,
921
933
  "paddingHorizontal": 4,
922
934
  "position": "absolute",
923
- "top": -10,
935
+ "top": -5,
924
936
  "zIndex": 1,
925
937
  },
926
938
  Object {
@@ -937,19 +949,21 @@ exports[`TextInput disabled renders correctly 1`] = `
937
949
  Object {
938
950
  "color": "#001f23",
939
951
  "fontFamily": "BeVietnamPro-Regular",
940
- "fontSize": 12,
941
- "letterSpacing": 0.36,
942
- "lineHeight": 20,
952
+ "fontSize": 14,
953
+ "letterSpacing": 0.42,
954
+ "lineHeight": 22,
943
955
  },
944
956
  Array [
945
957
  Object {
946
958
  "color": "#bfc1c5",
959
+ "fontSize": 12,
960
+ "lineHeight": 12,
947
961
  },
948
962
  undefined,
949
963
  ],
950
964
  ]
951
965
  }
952
- themeFontSize="small"
966
+ themeFontSize="medium"
953
967
  themeFontWeight="regular"
954
968
  themeIntent="body"
955
969
  themeState="disabled"
@@ -964,13 +978,15 @@ exports[`TextInput disabled renders correctly 1`] = `
964
978
  Object {
965
979
  "color": "#001f23",
966
980
  "fontFamily": "BeVietnamPro-Regular",
967
- "fontSize": 12,
968
- "letterSpacing": 0.36,
969
- "lineHeight": 20,
981
+ "fontSize": 14,
982
+ "letterSpacing": 0.42,
983
+ "lineHeight": 22,
970
984
  },
971
985
  Array [
972
986
  Object {
973
987
  "color": "#bfc1c5",
988
+ "fontSize": 12,
989
+ "lineHeight": 12,
974
990
  },
975
991
  Object {
976
992
  "backgroundColor": "#ffffff",
@@ -979,7 +995,7 @@ exports[`TextInput disabled renders correctly 1`] = `
979
995
  ]
980
996
  }
981
997
  testID="input-label"
982
- themeFontSize="small"
998
+ themeFontSize="medium"
983
999
  themeFontWeight="regular"
984
1000
  themeIntent="body"
985
1001
  themeState="disabled"
@@ -1411,7 +1427,7 @@ exports[`TextInput filled renders correctly 1`] = `
1411
1427
  "left": 16,
1412
1428
  "paddingHorizontal": 4,
1413
1429
  "position": "absolute",
1414
- "top": -10,
1430
+ "top": -5,
1415
1431
  "zIndex": 1,
1416
1432
  },
1417
1433
  Object {
@@ -1428,13 +1444,15 @@ exports[`TextInput filled renders correctly 1`] = `
1428
1444
  Object {
1429
1445
  "color": "#001f23",
1430
1446
  "fontFamily": "BeVietnamPro-Regular",
1431
- "fontSize": 12,
1432
- "letterSpacing": 0.36,
1433
- "lineHeight": 20,
1447
+ "fontSize": 14,
1448
+ "letterSpacing": 0.42,
1449
+ "lineHeight": 22,
1434
1450
  },
1435
1451
  Array [
1436
1452
  Object {
1437
1453
  "color": "#001f23",
1454
+ "fontSize": 12,
1455
+ "lineHeight": 12,
1438
1456
  },
1439
1457
  Object {
1440
1458
  "backgroundColor": "#ffffff",
@@ -1443,7 +1461,7 @@ exports[`TextInput filled renders correctly 1`] = `
1443
1461
  ]
1444
1462
  }
1445
1463
  testID="input-label"
1446
- themeFontSize="small"
1464
+ themeFontSize="medium"
1447
1465
  themeFontWeight="regular"
1448
1466
  themeIntent="body"
1449
1467
  themeState="filled"
@@ -2499,7 +2517,7 @@ exports[`TextInput max length renders correctly 1`] = `
2499
2517
  "left": 16,
2500
2518
  "paddingHorizontal": 4,
2501
2519
  "position": "absolute",
2502
- "top": -10,
2520
+ "top": -5,
2503
2521
  "zIndex": 1,
2504
2522
  },
2505
2523
  Object {
@@ -2516,19 +2534,21 @@ exports[`TextInput max length renders correctly 1`] = `
2516
2534
  Object {
2517
2535
  "color": "#001f23",
2518
2536
  "fontFamily": "BeVietnamPro-Regular",
2519
- "fontSize": 12,
2520
- "letterSpacing": 0.36,
2521
- "lineHeight": 20,
2537
+ "fontSize": 14,
2538
+ "letterSpacing": 0.42,
2539
+ "lineHeight": 22,
2522
2540
  },
2523
2541
  Array [
2524
2542
  Object {
2525
2543
  "color": "#de350b",
2544
+ "fontSize": 12,
2545
+ "lineHeight": 12,
2526
2546
  },
2527
2547
  undefined,
2528
2548
  ],
2529
2549
  ]
2530
2550
  }
2531
- themeFontSize="small"
2551
+ themeFontSize="medium"
2532
2552
  themeFontWeight="regular"
2533
2553
  themeIntent="body"
2534
2554
  themeState="error"
@@ -2543,13 +2563,15 @@ exports[`TextInput max length renders correctly 1`] = `
2543
2563
  Object {
2544
2564
  "color": "#001f23",
2545
2565
  "fontFamily": "BeVietnamPro-Regular",
2546
- "fontSize": 12,
2547
- "letterSpacing": 0.36,
2548
- "lineHeight": 20,
2566
+ "fontSize": 14,
2567
+ "letterSpacing": 0.42,
2568
+ "lineHeight": 22,
2549
2569
  },
2550
2570
  Array [
2551
2571
  Object {
2552
2572
  "color": "#001f23",
2573
+ "fontSize": 12,
2574
+ "lineHeight": 12,
2553
2575
  },
2554
2576
  Object {
2555
2577
  "backgroundColor": "#ffffff",
@@ -2558,7 +2580,7 @@ exports[`TextInput max length renders correctly 1`] = `
2558
2580
  ]
2559
2581
  }
2560
2582
  testID="input-label"
2561
- themeFontSize="small"
2583
+ themeFontSize="medium"
2562
2584
  themeFontWeight="regular"
2563
2585
  themeIntent="body"
2564
2586
  themeState="error"
@@ -2803,7 +2825,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
2803
2825
  "left": 16,
2804
2826
  "paddingHorizontal": 4,
2805
2827
  "position": "absolute",
2806
- "top": -10,
2828
+ "top": -5,
2807
2829
  "zIndex": 1,
2808
2830
  },
2809
2831
  Object {
@@ -2820,19 +2842,21 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
2820
2842
  Object {
2821
2843
  "color": "#001f23",
2822
2844
  "fontFamily": "BeVietnamPro-Regular",
2823
- "fontSize": 12,
2824
- "letterSpacing": 0.36,
2825
- "lineHeight": 20,
2845
+ "fontSize": 14,
2846
+ "letterSpacing": 0.42,
2847
+ "lineHeight": 22,
2826
2848
  },
2827
2849
  Array [
2828
2850
  Object {
2829
2851
  "color": "#de350b",
2852
+ "fontSize": 12,
2853
+ "lineHeight": 12,
2830
2854
  },
2831
2855
  undefined,
2832
2856
  ],
2833
2857
  ]
2834
2858
  }
2835
- themeFontSize="small"
2859
+ themeFontSize="medium"
2836
2860
  themeFontWeight="regular"
2837
2861
  themeIntent="body"
2838
2862
  themeState="error"
@@ -2847,13 +2871,15 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
2847
2871
  Object {
2848
2872
  "color": "#001f23",
2849
2873
  "fontFamily": "BeVietnamPro-Regular",
2850
- "fontSize": 12,
2851
- "letterSpacing": 0.36,
2852
- "lineHeight": 20,
2874
+ "fontSize": 14,
2875
+ "letterSpacing": 0.42,
2876
+ "lineHeight": 22,
2853
2877
  },
2854
2878
  Array [
2855
2879
  Object {
2856
2880
  "color": "#001f23",
2881
+ "fontSize": 12,
2882
+ "lineHeight": 12,
2857
2883
  },
2858
2884
  Object {
2859
2885
  "backgroundColor": "#ffffff",
@@ -2862,7 +2888,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
2862
2888
  ]
2863
2889
  }
2864
2890
  testID="input-label"
2865
- themeFontSize="small"
2891
+ themeFontSize="medium"
2866
2892
  themeFontWeight="regular"
2867
2893
  themeIntent="body"
2868
2894
  themeState="error"
@@ -3323,7 +3349,7 @@ exports[`TextInput readonly renders correctly 1`] = `
3323
3349
  "left": 16,
3324
3350
  "paddingHorizontal": 4,
3325
3351
  "position": "absolute",
3326
- "top": -10,
3352
+ "top": -5,
3327
3353
  "zIndex": 1,
3328
3354
  },
3329
3355
  Object {
@@ -3340,19 +3366,21 @@ exports[`TextInput readonly renders correctly 1`] = `
3340
3366
  Object {
3341
3367
  "color": "#001f23",
3342
3368
  "fontFamily": "BeVietnamPro-Regular",
3343
- "fontSize": 12,
3344
- "letterSpacing": 0.36,
3345
- "lineHeight": 20,
3369
+ "fontSize": 14,
3370
+ "letterSpacing": 0.42,
3371
+ "lineHeight": 22,
3346
3372
  },
3347
3373
  Array [
3348
3374
  Object {
3349
3375
  "color": "#808f91",
3376
+ "fontSize": 12,
3377
+ "lineHeight": 12,
3350
3378
  },
3351
3379
  undefined,
3352
3380
  ],
3353
3381
  ]
3354
3382
  }
3355
- themeFontSize="small"
3383
+ themeFontSize="medium"
3356
3384
  themeFontWeight="regular"
3357
3385
  themeIntent="body"
3358
3386
  themeState="readonly"
@@ -3367,13 +3395,15 @@ exports[`TextInput readonly renders correctly 1`] = `
3367
3395
  Object {
3368
3396
  "color": "#001f23",
3369
3397
  "fontFamily": "BeVietnamPro-Regular",
3370
- "fontSize": 12,
3371
- "letterSpacing": 0.36,
3372
- "lineHeight": 20,
3398
+ "fontSize": 14,
3399
+ "letterSpacing": 0.42,
3400
+ "lineHeight": 22,
3373
3401
  },
3374
3402
  Array [
3375
3403
  Object {
3376
3404
  "color": "#808f91",
3405
+ "fontSize": 12,
3406
+ "lineHeight": 12,
3377
3407
  },
3378
3408
  Object {
3379
3409
  "backgroundColor": "#ffffff",
@@ -3382,7 +3412,7 @@ exports[`TextInput readonly renders correctly 1`] = `
3382
3412
  ]
3383
3413
  }
3384
3414
  testID="input-label"
3385
- themeFontSize="small"
3415
+ themeFontSize="medium"
3386
3416
  themeFontWeight="regular"
3387
3417
  themeIntent="body"
3388
3418
  themeState="readonly"
@@ -3560,7 +3590,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
3560
3590
  "left": 16,
3561
3591
  "paddingHorizontal": 4,
3562
3592
  "position": "absolute",
3563
- "top": -10,
3593
+ "top": -5,
3564
3594
  "zIndex": 1,
3565
3595
  },
3566
3596
  Object {
@@ -3577,13 +3607,15 @@ exports[`TextInput ref ref methods work correctly 1`] = `
3577
3607
  Object {
3578
3608
  "color": "#001f23",
3579
3609
  "fontFamily": "BeVietnamPro-Regular",
3580
- "fontSize": 12,
3581
- "letterSpacing": 0.36,
3582
- "lineHeight": 20,
3610
+ "fontSize": 14,
3611
+ "letterSpacing": 0.42,
3612
+ "lineHeight": 22,
3583
3613
  },
3584
3614
  Array [
3585
3615
  Object {
3586
3616
  "color": "#001f23",
3617
+ "fontSize": 12,
3618
+ "lineHeight": 12,
3587
3619
  },
3588
3620
  Object {
3589
3621
  "backgroundColor": "#ffffff",
@@ -3592,7 +3624,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
3592
3624
  ]
3593
3625
  }
3594
3626
  testID="input-label"
3595
- themeFontSize="small"
3627
+ themeFontSize="medium"
3596
3628
  themeFontWeight="regular"
3597
3629
  themeIntent="body"
3598
3630
  themeState="filled"
@@ -3979,7 +4011,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
3979
4011
  "left": 16,
3980
4012
  "paddingHorizontal": 4,
3981
4013
  "position": "absolute",
3982
- "top": -10,
4014
+ "top": -5,
3983
4015
  "zIndex": 1,
3984
4016
  },
3985
4017
  Object {
@@ -3996,13 +4028,15 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
3996
4028
  Object {
3997
4029
  "color": "#001f23",
3998
4030
  "fontFamily": "BeVietnamPro-Regular",
3999
- "fontSize": 12,
4000
- "letterSpacing": 0.36,
4001
- "lineHeight": 20,
4031
+ "fontSize": 14,
4032
+ "letterSpacing": 0.42,
4033
+ "lineHeight": 22,
4002
4034
  },
4003
4035
  Array [
4004
4036
  Object {
4005
4037
  "color": "#001f23",
4038
+ "fontSize": 12,
4039
+ "lineHeight": 12,
4006
4040
  },
4007
4041
  Object {
4008
4042
  "backgroundColor": "#ffffff",
@@ -4011,7 +4045,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
4011
4045
  ]
4012
4046
  }
4013
4047
  testID="input-label"
4014
- themeFontSize="small"
4048
+ themeFontSize="medium"
4015
4049
  themeFontWeight="regular"
4016
4050
  themeIntent="body"
4017
4051
  themeState="filled"
package/src/components/TextInput/index.tsx CHANGED
@@ -307,15 +307,12 @@ const TextInput = forwardRef<TextInputHandles, TextInputProps>(
307
307
  style={{ backgroundColor }}
308
308
  >
309
309
  {required && (
310
- <StyledAsteriskLabel themeState={state} fontSize="small">
311
- *
312
- </StyledAsteriskLabel>
310
+ <StyledAsteriskLabel themeState={state}>*</StyledAsteriskLabel>
313
311
  )}
314
312
  {!!label && (
315
313
  <StyledLabel
316
314
  nativeID={accessibilityLabelledBy}
317
315
  testID="input-label"
318
- fontSize="small"
319
316
  themeState={state}
320
317
  style={{ backgroundColor }}
321
318
  >