@hero-design/rn 8.87.2 → 8.88.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 (31) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +12 -0
  3. package/es/index.js +109 -50
  4. package/lib/index.js +109 -50
  5. package/package.json +1 -1
  6. package/src/components/AppCue/StyledAppCue.tsx +27 -1
  7. package/src/components/AppCue/__tests__/StyledAppCue.tsx +4 -0
  8. package/src/components/AppCue/__tests__/__snapshots__/StyledAppCue.tsx.snap +194 -0
  9. package/src/components/AppCue/__tests__/__snapshots__/index.spec.tsx.snap +260 -0
  10. package/src/components/AppCue/__tests__/index.spec.tsx +4 -0
  11. package/src/components/AppCue/__tests__/utils.spec.ts +57 -4
  12. package/src/components/AppCue/index.tsx +7 -4
  13. package/src/components/AppCue/utils.ts +60 -9
  14. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +18 -15
  15. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +6 -5
  16. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +6 -5
  17. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +12 -10
  18. package/src/components/Empty/__tests__/__snapshots__/index.spec.tsx.snap +12 -12
  19. package/src/components/Empty/index.tsx +1 -1
  20. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +8 -0
  21. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +42 -35
  22. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +36 -30
  23. package/src/components/TextInput/StyledTextInput.tsx +4 -0
  24. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +20 -0
  25. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +446 -432
  26. package/src/components/TextInput/index.tsx +13 -32
  27. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +12 -10
  28. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +12 -10
  29. package/stats/8.88.0/rn-stats.html +4844 -0
  30. package/types/components/AppCue/StyledAppCue.d.ts +1 -1
  31. package/types/components/AppCue/utils.d.ts +6 -3
package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -60,9 +60,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
60
60
  themeFocused={false}
61
61
  themeState="filled"
62
62
  />
63
- <View
64
- onLayout={[Function]}
65
- >
63
+ <View>
66
64
  <HeroIcon
67
65
  name="dollar-sign"
68
66
  style={
@@ -96,7 +94,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
96
94
  "translateY": 0,
97
95
  },
98
96
  {
99
- "translateX": 24,
97
+ "translateX": 40,
100
98
  },
101
99
  {
102
100
  "scale": 1,
@@ -109,36 +107,6 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
109
107
  >
110
108
  <Text
111
109
  allowFontScaling={false}
112
- style={
113
- [
114
- {
115
- "color": "#001f23",
116
- "fontFamily": "BeVietnamPro-Regular",
117
- "fontSize": 16,
118
- "letterSpacing": 0.48,
119
- "lineHeight": 24,
120
- },
121
- [
122
- {
123
- "color": "#cb300a",
124
- },
125
- {
126
- "backgroundColor": "#f6f6f7",
127
- },
128
- ],
129
- ]
130
- }
131
- testID="input-label-asterisk"
132
- themeIntent="body"
133
- themeState="filled"
134
- themeTypeface="neutral"
135
- themeVariant="regular"
136
- >
137
- *
138
- </Text>
139
- <Text
140
- allowFontScaling={false}
141
- onLayout={[Function]}
142
110
  style={
143
111
  [
144
112
  {
@@ -153,8 +121,12 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
153
121
  "alignContent": "center",
154
122
  "alignItems": "center",
155
123
  "color": "#001f23",
124
+ "left": 0,
156
125
  "marginTop": -2,
126
+ "position": "absolute",
157
127
  "textAlignVertical": "center",
128
+ "top": "50%",
129
+ "zIndex": 1,
158
130
  },
159
131
  {
160
132
  "backgroundColor": "#f6f6f7",
@@ -168,6 +140,35 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
168
140
  themeTypeface="neutral"
169
141
  themeVariant="regular"
170
142
  >
143
+ <Text
144
+ allowFontScaling={false}
145
+ style={
146
+ [
147
+ {
148
+ "color": "#001f23",
149
+ "fontFamily": "BeVietnamPro-Regular",
150
+ "fontSize": 16,
151
+ "letterSpacing": 0.48,
152
+ "lineHeight": 24,
153
+ },
154
+ [
155
+ {
156
+ "color": "#cb300a",
157
+ },
158
+ {
159
+ "backgroundColor": "#f6f6f7",
160
+ },
161
+ ],
162
+ ]
163
+ }
164
+ testID="input-label-asterisk"
165
+ themeIntent="body"
166
+ themeState="filled"
167
+ themeTypeface="neutral"
168
+ themeVariant="regular"
169
+ >
170
+ *
171
+ </Text>
171
172
  Amount (AUD)
172
173
  </Text>
173
174
  </View>
@@ -383,9 +384,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
383
384
  themeFocused={false}
384
385
  themeState="filled"
385
386
  />
386
- <View
387
- onLayout={[Function]}
388
- >
387
+ <View>
389
388
  <HeroIcon
390
389
  name="dollar-sign"
391
390
  style={
@@ -419,7 +418,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
419
418
  "translateY": 0,
420
419
  },
421
420
  {
422
- "translateX": 24,
421
+ "translateX": 40,
423
422
  },
424
423
  {
425
424
  "scale": 1,
@@ -432,36 +431,6 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
432
431
  >
433
432
  <Text
434
433
  allowFontScaling={false}
435
- style={
436
- [
437
- {
438
- "color": "#001f23",
439
- "fontFamily": "BeVietnamPro-Regular",
440
- "fontSize": 16,
441
- "letterSpacing": 0.48,
442
- "lineHeight": 24,
443
- },
444
- [
445
- {
446
- "color": "#cb300a",
447
- },
448
- {
449
- "backgroundColor": "#ffffff",
450
- },
451
- ],
452
- ]
453
- }
454
- testID="input-label-asterisk"
455
- themeIntent="body"
456
- themeState="filled"
457
- themeTypeface="neutral"
458
- themeVariant="regular"
459
- >
460
- *
461
- </Text>
462
- <Text
463
- allowFontScaling={false}
464
- onLayout={[Function]}
465
434
  style={
466
435
  [
467
436
  {
@@ -476,8 +445,12 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
476
445
  "alignContent": "center",
477
446
  "alignItems": "center",
478
447
  "color": "#001f23",
448
+ "left": 0,
479
449
  "marginTop": -2,
450
+ "position": "absolute",
480
451
  "textAlignVertical": "center",
452
+ "top": "50%",
453
+ "zIndex": 1,
481
454
  },
482
455
  {
483
456
  "backgroundColor": "#ffffff",
@@ -491,6 +464,35 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
491
464
  themeTypeface="neutral"
492
465
  themeVariant="regular"
493
466
  >
467
+ <Text
468
+ allowFontScaling={false}
469
+ style={
470
+ [
471
+ {
472
+ "color": "#001f23",
473
+ "fontFamily": "BeVietnamPro-Regular",
474
+ "fontSize": 16,
475
+ "letterSpacing": 0.48,
476
+ "lineHeight": 24,
477
+ },
478
+ [
479
+ {
480
+ "color": "#cb300a",
481
+ },
482
+ {
483
+ "backgroundColor": "#ffffff",
484
+ },
485
+ ],
486
+ ]
487
+ }
488
+ testID="input-label-asterisk"
489
+ themeIntent="body"
490
+ themeState="filled"
491
+ themeTypeface="neutral"
492
+ themeVariant="regular"
493
+ >
494
+ *
495
+ </Text>
494
496
  Amount (AUD)
495
497
  </Text>
496
498
  </View>
@@ -705,9 +707,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
705
707
  themeFocused={false}
706
708
  themeState="filled"
707
709
  />
708
- <View
709
- onLayout={[Function]}
710
- >
710
+ <View>
711
711
  <HeroIcon
712
712
  name="dollar-sign"
713
713
  style={
@@ -741,7 +741,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
741
741
  "translateY": 0,
742
742
  },
743
743
  {
744
- "translateX": 24,
744
+ "translateX": 40,
745
745
  },
746
746
  {
747
747
  "scale": 1,
@@ -754,36 +754,6 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
754
754
  >
755
755
  <Text
756
756
  allowFontScaling={false}
757
- style={
758
- [
759
- {
760
- "color": "#001f23",
761
- "fontFamily": "BeVietnamPro-Regular",
762
- "fontSize": 16,
763
- "letterSpacing": 0.48,
764
- "lineHeight": 24,
765
- },
766
- [
767
- {
768
- "color": "#cb300a",
769
- },
770
- {
771
- "backgroundColor": "#ffffff",
772
- },
773
- ],
774
- ]
775
- }
776
- testID="input-label-asterisk"
777
- themeIntent="body"
778
- themeState="filled"
779
- themeTypeface="neutral"
780
- themeVariant="regular"
781
- >
782
- *
783
- </Text>
784
- <Text
785
- allowFontScaling={false}
786
- onLayout={[Function]}
787
757
  style={
788
758
  [
789
759
  {
@@ -798,8 +768,12 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
798
768
  "alignContent": "center",
799
769
  "alignItems": "center",
800
770
  "color": "#001f23",
771
+ "left": 0,
801
772
  "marginTop": -2,
773
+ "position": "absolute",
802
774
  "textAlignVertical": "center",
775
+ "top": "50%",
776
+ "zIndex": 1,
803
777
  },
804
778
  {
805
779
  "backgroundColor": "#ffffff",
@@ -813,6 +787,35 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
813
787
  themeTypeface="neutral"
814
788
  themeVariant="regular"
815
789
  >
790
+ <Text
791
+ allowFontScaling={false}
792
+ style={
793
+ [
794
+ {
795
+ "color": "#001f23",
796
+ "fontFamily": "BeVietnamPro-Regular",
797
+ "fontSize": 16,
798
+ "letterSpacing": 0.48,
799
+ "lineHeight": 24,
800
+ },
801
+ [
802
+ {
803
+ "color": "#cb300a",
804
+ },
805
+ {
806
+ "backgroundColor": "#ffffff",
807
+ },
808
+ ],
809
+ ]
810
+ }
811
+ testID="input-label-asterisk"
812
+ themeIntent="body"
813
+ themeState="filled"
814
+ themeTypeface="neutral"
815
+ themeVariant="regular"
816
+ >
817
+ *
818
+ </Text>
816
819
  Amount (AUD)
817
820
  </Text>
818
821
  </View>
@@ -1029,9 +1032,7 @@ exports[`TextInput disabled renders correctly 1`] = `
1029
1032
  themeFocused={false}
1030
1033
  themeState="disabled"
1031
1034
  />
1032
- <View
1033
- onLayout={[Function]}
1034
- />
1035
+ <View />
1035
1036
  <View
1036
1037
  collapsable={false}
1037
1038
  pointerEvents="none"
@@ -1049,7 +1050,7 @@ exports[`TextInput disabled renders correctly 1`] = `
1049
1050
  "translateY": 0,
1050
1051
  },
1051
1052
  {
1052
- "translateX": 24,
1053
+ "translateX": 16,
1053
1054
  },
1054
1055
  {
1055
1056
  "scale": 1,
@@ -1062,36 +1063,6 @@ exports[`TextInput disabled renders correctly 1`] = `
1062
1063
  >
1063
1064
  <Text
1064
1065
  allowFontScaling={false}
1065
- style={
1066
- [
1067
- {
1068
- "color": "#001f23",
1069
- "fontFamily": "BeVietnamPro-Regular",
1070
- "fontSize": 16,
1071
- "letterSpacing": 0.48,
1072
- "lineHeight": 24,
1073
- },
1074
- [
1075
- {
1076
- "color": "#bfc1c5",
1077
- },
1078
- {
1079
- "backgroundColor": "#ffffff",
1080
- },
1081
- ],
1082
- ]
1083
- }
1084
- testID="input-label-asterisk"
1085
- themeIntent="body"
1086
- themeState="disabled"
1087
- themeTypeface="neutral"
1088
- themeVariant="regular"
1089
- >
1090
- *
1091
- </Text>
1092
- <Text
1093
- allowFontScaling={false}
1094
- onLayout={[Function]}
1095
1066
  style={
1096
1067
  [
1097
1068
  {
@@ -1106,8 +1077,12 @@ exports[`TextInput disabled renders correctly 1`] = `
1106
1077
  "alignContent": "center",
1107
1078
  "alignItems": "center",
1108
1079
  "color": "#bfc1c5",
1080
+ "left": 0,
1109
1081
  "marginTop": -2,
1082
+ "position": "absolute",
1110
1083
  "textAlignVertical": "center",
1084
+ "top": "50%",
1085
+ "zIndex": 1,
1111
1086
  },
1112
1087
  {
1113
1088
  "backgroundColor": "#ffffff",
@@ -1121,6 +1096,35 @@ exports[`TextInput disabled renders correctly 1`] = `
1121
1096
  themeTypeface="neutral"
1122
1097
  themeVariant="regular"
1123
1098
  >
1099
+ <Text
1100
+ allowFontScaling={false}
1101
+ style={
1102
+ [
1103
+ {
1104
+ "color": "#001f23",
1105
+ "fontFamily": "BeVietnamPro-Regular",
1106
+ "fontSize": 16,
1107
+ "letterSpacing": 0.48,
1108
+ "lineHeight": 24,
1109
+ },
1110
+ [
1111
+ {
1112
+ "color": "#bfc1c5",
1113
+ },
1114
+ {
1115
+ "backgroundColor": "#ffffff",
1116
+ },
1117
+ ],
1118
+ ]
1119
+ }
1120
+ testID="input-label-asterisk"
1121
+ themeIntent="body"
1122
+ themeState="disabled"
1123
+ themeTypeface="neutral"
1124
+ themeVariant="regular"
1125
+ >
1126
+ *
1127
+ </Text>
1124
1128
  Amount (AUD)
1125
1129
  </Text>
1126
1130
  </View>
@@ -1284,9 +1288,7 @@ exports[`TextInput error renders correctly 1`] = `
1284
1288
  themeFocused={false}
1285
1289
  themeState="error"
1286
1290
  />
1287
- <View
1288
- onLayout={[Function]}
1289
- >
1291
+ <View>
1290
1292
  <HeroIcon
1291
1293
  name="dollar-sign"
1292
1294
  style={
@@ -1320,7 +1322,7 @@ exports[`TextInput error renders correctly 1`] = `
1320
1322
  "translateY": 0,
1321
1323
  },
1322
1324
  {
1323
- "translateX": 24,
1325
+ "translateX": 40,
1324
1326
  },
1325
1327
  {
1326
1328
  "scale": 1,
@@ -1333,36 +1335,6 @@ exports[`TextInput error renders correctly 1`] = `
1333
1335
  >
1334
1336
  <Text
1335
1337
  allowFontScaling={false}
1336
- style={
1337
- [
1338
- {
1339
- "color": "#001f23",
1340
- "fontFamily": "BeVietnamPro-Regular",
1341
- "fontSize": 16,
1342
- "letterSpacing": 0.48,
1343
- "lineHeight": 24,
1344
- },
1345
- [
1346
- {
1347
- "color": "#cb300a",
1348
- },
1349
- {
1350
- "backgroundColor": "#ffffff",
1351
- },
1352
- ],
1353
- ]
1354
- }
1355
- testID="input-label-asterisk"
1356
- themeIntent="body"
1357
- themeState="error"
1358
- themeTypeface="neutral"
1359
- themeVariant="regular"
1360
- >
1361
- *
1362
- </Text>
1363
- <Text
1364
- allowFontScaling={false}
1365
- onLayout={[Function]}
1366
1338
  style={
1367
1339
  [
1368
1340
  {
@@ -1377,8 +1349,12 @@ exports[`TextInput error renders correctly 1`] = `
1377
1349
  "alignContent": "center",
1378
1350
  "alignItems": "center",
1379
1351
  "color": "#001f23",
1352
+ "left": 0,
1380
1353
  "marginTop": -2,
1354
+ "position": "absolute",
1381
1355
  "textAlignVertical": "center",
1356
+ "top": "50%",
1357
+ "zIndex": 1,
1382
1358
  },
1383
1359
  {
1384
1360
  "backgroundColor": "#ffffff",
@@ -1392,6 +1368,35 @@ exports[`TextInput error renders correctly 1`] = `
1392
1368
  themeTypeface="neutral"
1393
1369
  themeVariant="regular"
1394
1370
  >
1371
+ <Text
1372
+ allowFontScaling={false}
1373
+ style={
1374
+ [
1375
+ {
1376
+ "color": "#001f23",
1377
+ "fontFamily": "BeVietnamPro-Regular",
1378
+ "fontSize": 16,
1379
+ "letterSpacing": 0.48,
1380
+ "lineHeight": 24,
1381
+ },
1382
+ [
1383
+ {
1384
+ "color": "#cb300a",
1385
+ },
1386
+ {
1387
+ "backgroundColor": "#ffffff",
1388
+ },
1389
+ ],
1390
+ ]
1391
+ }
1392
+ testID="input-label-asterisk"
1393
+ themeIntent="body"
1394
+ themeState="error"
1395
+ themeTypeface="neutral"
1396
+ themeVariant="regular"
1397
+ >
1398
+ *
1399
+ </Text>
1395
1400
  Amount (AUD)
1396
1401
  </Text>
1397
1402
  </View>
@@ -1611,9 +1616,7 @@ exports[`TextInput filled renders correctly 1`] = `
1611
1616
  themeFocused={false}
1612
1617
  themeState="filled"
1613
1618
  />
1614
- <View
1615
- onLayout={[Function]}
1616
- >
1619
+ <View>
1617
1620
  <HeroIcon
1618
1621
  name="dollar-sign"
1619
1622
  style={
@@ -1647,7 +1650,7 @@ exports[`TextInput filled renders correctly 1`] = `
1647
1650
  "translateY": 0,
1648
1651
  },
1649
1652
  {
1650
- "translateX": 24,
1653
+ "translateX": 40,
1651
1654
  },
1652
1655
  {
1653
1656
  "scale": 1,
@@ -1660,7 +1663,6 @@ exports[`TextInput filled renders correctly 1`] = `
1660
1663
  >
1661
1664
  <Text
1662
1665
  allowFontScaling={false}
1663
- onLayout={[Function]}
1664
1666
  style={
1665
1667
  [
1666
1668
  {
@@ -1675,8 +1677,12 @@ exports[`TextInput filled renders correctly 1`] = `
1675
1677
  "alignContent": "center",
1676
1678
  "alignItems": "center",
1677
1679
  "color": "#001f23",
1680
+ "left": 0,
1678
1681
  "marginTop": -2,
1682
+ "position": "absolute",
1679
1683
  "textAlignVertical": "center",
1684
+ "top": "50%",
1685
+ "zIndex": 1,
1680
1686
  },
1681
1687
  {
1682
1688
  "backgroundColor": "#ffffff",
@@ -1868,9 +1874,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1868
1874
  themeFocused={false}
1869
1875
  themeState="default"
1870
1876
  />
1871
- <View
1872
- onLayout={[Function]}
1873
- >
1877
+ <View>
1874
1878
  <HeroIcon
1875
1879
  name="dollar-sign"
1876
1880
  style={
@@ -1904,7 +1908,7 @@ exports[`TextInput helper text renders correctly 1`] = `
1904
1908
  "translateY": 0,
1905
1909
  },
1906
1910
  {
1907
- "translateX": 24,
1911
+ "translateX": 40,
1908
1912
  },
1909
1913
  {
1910
1914
  "scale": 1,
@@ -1917,36 +1921,6 @@ exports[`TextInput helper text renders correctly 1`] = `
1917
1921
  >
1918
1922
  <Text
1919
1923
  allowFontScaling={false}
1920
- style={
1921
- [
1922
- {
1923
- "color": "#001f23",
1924
- "fontFamily": "BeVietnamPro-Regular",
1925
- "fontSize": 16,
1926
- "letterSpacing": 0.48,
1927
- "lineHeight": 24,
1928
- },
1929
- [
1930
- {
1931
- "color": "#cb300a",
1932
- },
1933
- {
1934
- "backgroundColor": "#ffffff",
1935
- },
1936
- ],
1937
- ]
1938
- }
1939
- testID="input-label-asterisk"
1940
- themeIntent="body"
1941
- themeState="default"
1942
- themeTypeface="neutral"
1943
- themeVariant="regular"
1944
- >
1945
- *
1946
- </Text>
1947
- <Text
1948
- allowFontScaling={false}
1949
- onLayout={[Function]}
1950
1924
  style={
1951
1925
  [
1952
1926
  {
@@ -1961,8 +1935,12 @@ exports[`TextInput helper text renders correctly 1`] = `
1961
1935
  "alignContent": "center",
1962
1936
  "alignItems": "center",
1963
1937
  "color": "#001f23",
1938
+ "left": 0,
1964
1939
  "marginTop": -2,
1940
+ "position": "absolute",
1965
1941
  "textAlignVertical": "center",
1942
+ "top": "50%",
1943
+ "zIndex": 1,
1966
1944
  },
1967
1945
  {
1968
1946
  "backgroundColor": "#ffffff",
@@ -1976,6 +1954,35 @@ exports[`TextInput helper text renders correctly 1`] = `
1976
1954
  themeTypeface="neutral"
1977
1955
  themeVariant="regular"
1978
1956
  >
1957
+ <Text
1958
+ allowFontScaling={false}
1959
+ style={
1960
+ [
1961
+ {
1962
+ "color": "#001f23",
1963
+ "fontFamily": "BeVietnamPro-Regular",
1964
+ "fontSize": 16,
1965
+ "letterSpacing": 0.48,
1966
+ "lineHeight": 24,
1967
+ },
1968
+ [
1969
+ {
1970
+ "color": "#cb300a",
1971
+ },
1972
+ {
1973
+ "backgroundColor": "#ffffff",
1974
+ },
1975
+ ],
1976
+ ]
1977
+ }
1978
+ testID="input-label-asterisk"
1979
+ themeIntent="body"
1980
+ themeState="default"
1981
+ themeTypeface="neutral"
1982
+ themeVariant="regular"
1983
+ >
1984
+ *
1985
+ </Text>
1979
1986
  Amount (AUD)
1980
1987
  </Text>
1981
1988
  </View>
@@ -2161,9 +2168,7 @@ exports[`TextInput idle renders correctly 1`] = `
2161
2168
  themeFocused={false}
2162
2169
  themeState="default"
2163
2170
  />
2164
- <View
2165
- onLayout={[Function]}
2166
- >
2171
+ <View>
2167
2172
  <HeroIcon
2168
2173
  name="dollar-sign"
2169
2174
  style={
@@ -2197,7 +2202,7 @@ exports[`TextInput idle renders correctly 1`] = `
2197
2202
  "translateY": 0,
2198
2203
  },
2199
2204
  {
2200
- "translateX": 24,
2205
+ "translateX": 40,
2201
2206
  },
2202
2207
  {
2203
2208
  "scale": 1,
@@ -2210,7 +2215,6 @@ exports[`TextInput idle renders correctly 1`] = `
2210
2215
  >
2211
2216
  <Text
2212
2217
  allowFontScaling={false}
2213
- onLayout={[Function]}
2214
2218
  style={
2215
2219
  [
2216
2220
  {
@@ -2225,8 +2229,12 @@ exports[`TextInput idle renders correctly 1`] = `
2225
2229
  "alignContent": "center",
2226
2230
  "alignItems": "center",
2227
2231
  "color": "#001f23",
2232
+ "left": 0,
2228
2233
  "marginTop": -2,
2234
+ "position": "absolute",
2229
2235
  "textAlignVertical": "center",
2236
+ "top": "50%",
2237
+ "zIndex": 1,
2230
2238
  },
2231
2239
  {
2232
2240
  "backgroundColor": "#ffffff",
@@ -2417,9 +2425,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
2417
2425
  themeFocused={false}
2418
2426
  themeState="default"
2419
2427
  />
2420
- <View
2421
- onLayout={[Function]}
2422
- >
2428
+ <View>
2423
2429
  <HeroIcon
2424
2430
  name="eye-circle"
2425
2431
  style={
@@ -2453,7 +2459,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
2453
2459
  "translateY": 0,
2454
2460
  },
2455
2461
  {
2456
- "translateX": 24,
2462
+ "translateX": 40,
2457
2463
  },
2458
2464
  {
2459
2465
  "scale": 1,
@@ -2466,36 +2472,6 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
2466
2472
  >
2467
2473
  <Text
2468
2474
  allowFontScaling={false}
2469
- style={
2470
- [
2471
- {
2472
- "color": "#001f23",
2473
- "fontFamily": "BeVietnamPro-Regular",
2474
- "fontSize": 16,
2475
- "letterSpacing": 0.48,
2476
- "lineHeight": 24,
2477
- },
2478
- [
2479
- {
2480
- "color": "#cb300a",
2481
- },
2482
- {
2483
- "backgroundColor": "#ffffff",
2484
- },
2485
- ],
2486
- ]
2487
- }
2488
- testID="input-label-asterisk"
2489
- themeIntent="body"
2490
- themeState="default"
2491
- themeTypeface="neutral"
2492
- themeVariant="regular"
2493
- >
2494
- *
2495
- </Text>
2496
- <Text
2497
- allowFontScaling={false}
2498
- onLayout={[Function]}
2499
2475
  style={
2500
2476
  [
2501
2477
  {
@@ -2510,8 +2486,12 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
2510
2486
  "alignContent": "center",
2511
2487
  "alignItems": "center",
2512
2488
  "color": "#001f23",
2489
+ "left": 0,
2513
2490
  "marginTop": -2,
2491
+ "position": "absolute",
2514
2492
  "textAlignVertical": "center",
2493
+ "top": "50%",
2494
+ "zIndex": 1,
2515
2495
  },
2516
2496
  {
2517
2497
  "backgroundColor": "#ffffff",
@@ -2525,6 +2505,35 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
2525
2505
  themeTypeface="neutral"
2526
2506
  themeVariant="regular"
2527
2507
  >
2508
+ <Text
2509
+ allowFontScaling={false}
2510
+ style={
2511
+ [
2512
+ {
2513
+ "color": "#001f23",
2514
+ "fontFamily": "BeVietnamPro-Regular",
2515
+ "fontSize": 16,
2516
+ "letterSpacing": 0.48,
2517
+ "lineHeight": 24,
2518
+ },
2519
+ [
2520
+ {
2521
+ "color": "#cb300a",
2522
+ },
2523
+ {
2524
+ "backgroundColor": "#ffffff",
2525
+ },
2526
+ ],
2527
+ ]
2528
+ }
2529
+ testID="input-label-asterisk"
2530
+ themeIntent="body"
2531
+ themeState="default"
2532
+ themeTypeface="neutral"
2533
+ themeVariant="regular"
2534
+ >
2535
+ *
2536
+ </Text>
2528
2537
  Amount (AUD)
2529
2538
  </Text>
2530
2539
  </View>
@@ -2702,9 +2711,7 @@ exports[`TextInput loading renders correctly 1`] = `
2702
2711
  themeFocused={false}
2703
2712
  themeState="readonly"
2704
2713
  />
2705
- <View
2706
- onLayout={[Function]}
2707
- />
2714
+ <View />
2708
2715
  <View
2709
2716
  collapsable={false}
2710
2717
  pointerEvents="none"
@@ -2722,7 +2729,7 @@ exports[`TextInput loading renders correctly 1`] = `
2722
2729
  "translateY": 0,
2723
2730
  },
2724
2731
  {
2725
- "translateX": 24,
2732
+ "translateX": 16,
2726
2733
  },
2727
2734
  {
2728
2735
  "scale": 1,
@@ -2919,9 +2926,7 @@ exports[`TextInput max length renders correctly 1`] = `
2919
2926
  themeFocused={false}
2920
2927
  themeState="error"
2921
2928
  />
2922
- <View
2923
- onLayout={[Function]}
2924
- />
2929
+ <View />
2925
2930
  <View
2926
2931
  collapsable={false}
2927
2932
  pointerEvents="none"
@@ -2939,7 +2944,7 @@ exports[`TextInput max length renders correctly 1`] = `
2939
2944
  "translateY": 0,
2940
2945
  },
2941
2946
  {
2942
- "translateX": 24,
2947
+ "translateX": 16,
2943
2948
  },
2944
2949
  {
2945
2950
  "scale": 1,
@@ -2952,36 +2957,6 @@ exports[`TextInput max length renders correctly 1`] = `
2952
2957
  >
2953
2958
  <Text
2954
2959
  allowFontScaling={false}
2955
- style={
2956
- [
2957
- {
2958
- "color": "#001f23",
2959
- "fontFamily": "BeVietnamPro-Regular",
2960
- "fontSize": 16,
2961
- "letterSpacing": 0.48,
2962
- "lineHeight": 24,
2963
- },
2964
- [
2965
- {
2966
- "color": "#cb300a",
2967
- },
2968
- {
2969
- "backgroundColor": "#ffffff",
2970
- },
2971
- ],
2972
- ]
2973
- }
2974
- testID="input-label-asterisk"
2975
- themeIntent="body"
2976
- themeState="error"
2977
- themeTypeface="neutral"
2978
- themeVariant="regular"
2979
- >
2980
- *
2981
- </Text>
2982
- <Text
2983
- allowFontScaling={false}
2984
- onLayout={[Function]}
2985
2960
  style={
2986
2961
  [
2987
2962
  {
@@ -2996,8 +2971,12 @@ exports[`TextInput max length renders correctly 1`] = `
2996
2971
  "alignContent": "center",
2997
2972
  "alignItems": "center",
2998
2973
  "color": "#001f23",
2974
+ "left": 0,
2999
2975
  "marginTop": -2,
2976
+ "position": "absolute",
3000
2977
  "textAlignVertical": "center",
2978
+ "top": "50%",
2979
+ "zIndex": 1,
3001
2980
  },
3002
2981
  {
3003
2982
  "backgroundColor": "#ffffff",
@@ -3011,6 +2990,35 @@ exports[`TextInput max length renders correctly 1`] = `
3011
2990
  themeTypeface="neutral"
3012
2991
  themeVariant="regular"
3013
2992
  >
2993
+ <Text
2994
+ allowFontScaling={false}
2995
+ style={
2996
+ [
2997
+ {
2998
+ "color": "#001f23",
2999
+ "fontFamily": "BeVietnamPro-Regular",
3000
+ "fontSize": 16,
3001
+ "letterSpacing": 0.48,
3002
+ "lineHeight": 24,
3003
+ },
3004
+ [
3005
+ {
3006
+ "color": "#cb300a",
3007
+ },
3008
+ {
3009
+ "backgroundColor": "#ffffff",
3010
+ },
3011
+ ],
3012
+ ]
3013
+ }
3014
+ testID="input-label-asterisk"
3015
+ themeIntent="body"
3016
+ themeState="error"
3017
+ themeTypeface="neutral"
3018
+ themeVariant="regular"
3019
+ >
3020
+ *
3021
+ </Text>
3014
3022
  Shout out
3015
3023
  </Text>
3016
3024
  </View>
@@ -3263,9 +3271,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
3263
3271
  themeFocused={false}
3264
3272
  themeState="error"
3265
3273
  />
3266
- <View
3267
- onLayout={[Function]}
3268
- />
3274
+ <View />
3269
3275
  <View
3270
3276
  collapsable={false}
3271
3277
  pointerEvents="none"
@@ -3283,7 +3289,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
3283
3289
  "translateY": 0,
3284
3290
  },
3285
3291
  {
3286
- "translateX": 24,
3292
+ "translateX": 16,
3287
3293
  },
3288
3294
  {
3289
3295
  "scale": 1,
@@ -3296,36 +3302,6 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
3296
3302
  >
3297
3303
  <Text
3298
3304
  allowFontScaling={false}
3299
- style={
3300
- [
3301
- {
3302
- "color": "#001f23",
3303
- "fontFamily": "BeVietnamPro-Regular",
3304
- "fontSize": 16,
3305
- "letterSpacing": 0.48,
3306
- "lineHeight": 24,
3307
- },
3308
- [
3309
- {
3310
- "color": "#cb300a",
3311
- },
3312
- {
3313
- "backgroundColor": "#ffffff",
3314
- },
3315
- ],
3316
- ]
3317
- }
3318
- testID="input-label-asterisk"
3319
- themeIntent="body"
3320
- themeState="error"
3321
- themeTypeface="neutral"
3322
- themeVariant="regular"
3323
- >
3324
- *
3325
- </Text>
3326
- <Text
3327
- allowFontScaling={false}
3328
- onLayout={[Function]}
3329
3305
  style={
3330
3306
  [
3331
3307
  {
@@ -3340,8 +3316,12 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
3340
3316
  "alignContent": "center",
3341
3317
  "alignItems": "center",
3342
3318
  "color": "#001f23",
3319
+ "left": 0,
3343
3320
  "marginTop": -2,
3321
+ "position": "absolute",
3344
3322
  "textAlignVertical": "center",
3323
+ "top": "50%",
3324
+ "zIndex": 1,
3345
3325
  },
3346
3326
  {
3347
3327
  "backgroundColor": "#ffffff",
@@ -3355,6 +3335,35 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
3355
3335
  themeTypeface="neutral"
3356
3336
  themeVariant="regular"
3357
3337
  >
3338
+ <Text
3339
+ allowFontScaling={false}
3340
+ style={
3341
+ [
3342
+ {
3343
+ "color": "#001f23",
3344
+ "fontFamily": "BeVietnamPro-Regular",
3345
+ "fontSize": 16,
3346
+ "letterSpacing": 0.48,
3347
+ "lineHeight": 24,
3348
+ },
3349
+ [
3350
+ {
3351
+ "color": "#cb300a",
3352
+ },
3353
+ {
3354
+ "backgroundColor": "#ffffff",
3355
+ },
3356
+ ],
3357
+ ]
3358
+ }
3359
+ testID="input-label-asterisk"
3360
+ themeIntent="body"
3361
+ themeState="error"
3362
+ themeTypeface="neutral"
3363
+ themeVariant="regular"
3364
+ >
3365
+ *
3366
+ </Text>
3358
3367
  Shout out
3359
3368
  </Text>
3360
3369
  </View>
@@ -3577,9 +3586,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
3577
3586
  themeFocused={false}
3578
3587
  themeState="default"
3579
3588
  />
3580
- <View
3581
- onLayout={[Function]}
3582
- >
3589
+ <View>
3583
3590
  <HeroIcon
3584
3591
  name="dollar-sign"
3585
3592
  style={
@@ -3613,7 +3620,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
3613
3620
  "translateY": 0,
3614
3621
  },
3615
3622
  {
3616
- "translateX": 24,
3623
+ "translateX": 40,
3617
3624
  },
3618
3625
  {
3619
3626
  "scale": 1,
@@ -3626,36 +3633,6 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
3626
3633
  >
3627
3634
  <Text
3628
3635
  allowFontScaling={false}
3629
- style={
3630
- [
3631
- {
3632
- "color": "#001f23",
3633
- "fontFamily": "BeVietnamPro-Regular",
3634
- "fontSize": 16,
3635
- "letterSpacing": 0.48,
3636
- "lineHeight": 24,
3637
- },
3638
- [
3639
- {
3640
- "color": "#cb300a",
3641
- },
3642
- {
3643
- "backgroundColor": "#ffffff",
3644
- },
3645
- ],
3646
- ]
3647
- }
3648
- testID="input-label-asterisk"
3649
- themeIntent="body"
3650
- themeState="default"
3651
- themeTypeface="neutral"
3652
- themeVariant="regular"
3653
- >
3654
- *
3655
- </Text>
3656
- <Text
3657
- allowFontScaling={false}
3658
- onLayout={[Function]}
3659
3636
  style={
3660
3637
  [
3661
3638
  {
@@ -3670,8 +3647,12 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
3670
3647
  "alignContent": "center",
3671
3648
  "alignItems": "center",
3672
3649
  "color": "#001f23",
3650
+ "left": 0,
3673
3651
  "marginTop": -2,
3652
+ "position": "absolute",
3674
3653
  "textAlignVertical": "center",
3654
+ "top": "50%",
3655
+ "zIndex": 1,
3675
3656
  },
3676
3657
  {
3677
3658
  "backgroundColor": "#ffffff",
@@ -3685,6 +3666,35 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
3685
3666
  themeTypeface="neutral"
3686
3667
  themeVariant="regular"
3687
3668
  >
3669
+ <Text
3670
+ allowFontScaling={false}
3671
+ style={
3672
+ [
3673
+ {
3674
+ "color": "#001f23",
3675
+ "fontFamily": "BeVietnamPro-Regular",
3676
+ "fontSize": 16,
3677
+ "letterSpacing": 0.48,
3678
+ "lineHeight": 24,
3679
+ },
3680
+ [
3681
+ {
3682
+ "color": "#cb300a",
3683
+ },
3684
+ {
3685
+ "backgroundColor": "#ffffff",
3686
+ },
3687
+ ],
3688
+ ]
3689
+ }
3690
+ testID="input-label-asterisk"
3691
+ themeIntent="body"
3692
+ themeState="default"
3693
+ themeTypeface="neutral"
3694
+ themeVariant="regular"
3695
+ >
3696
+ *
3697
+ </Text>
3688
3698
  Amount (AUD)
3689
3699
  </Text>
3690
3700
  </View>
@@ -3867,9 +3877,7 @@ exports[`TextInput readonly renders correctly 1`] = `
3867
3877
  themeFocused={false}
3868
3878
  themeState="readonly"
3869
3879
  />
3870
- <View
3871
- onLayout={[Function]}
3872
- >
3880
+ <View>
3873
3881
  <HeroIcon
3874
3882
  name="dollar-sign"
3875
3883
  style={
@@ -3903,7 +3911,7 @@ exports[`TextInput readonly renders correctly 1`] = `
3903
3911
  "translateY": 0,
3904
3912
  },
3905
3913
  {
3906
- "translateX": 24,
3914
+ "translateX": 40,
3907
3915
  },
3908
3916
  {
3909
3917
  "scale": 1,
@@ -3916,36 +3924,6 @@ exports[`TextInput readonly renders correctly 1`] = `
3916
3924
  >
3917
3925
  <Text
3918
3926
  allowFontScaling={false}
3919
- style={
3920
- [
3921
- {
3922
- "color": "#001f23",
3923
- "fontFamily": "BeVietnamPro-Regular",
3924
- "fontSize": 16,
3925
- "letterSpacing": 0.48,
3926
- "lineHeight": 24,
3927
- },
3928
- [
3929
- {
3930
- "color": "#808f91",
3931
- },
3932
- {
3933
- "backgroundColor": "#ffffff",
3934
- },
3935
- ],
3936
- ]
3937
- }
3938
- testID="input-label-asterisk"
3939
- themeIntent="body"
3940
- themeState="readonly"
3941
- themeTypeface="neutral"
3942
- themeVariant="regular"
3943
- >
3944
- *
3945
- </Text>
3946
- <Text
3947
- allowFontScaling={false}
3948
- onLayout={[Function]}
3949
3927
  style={
3950
3928
  [
3951
3929
  {
@@ -3960,8 +3938,12 @@ exports[`TextInput readonly renders correctly 1`] = `
3960
3938
  "alignContent": "center",
3961
3939
  "alignItems": "center",
3962
3940
  "color": "#808f91",
3941
+ "left": 0,
3963
3942
  "marginTop": -2,
3943
+ "position": "absolute",
3964
3944
  "textAlignVertical": "center",
3945
+ "top": "50%",
3946
+ "zIndex": 1,
3965
3947
  },
3966
3948
  {
3967
3949
  "backgroundColor": "#ffffff",
@@ -3975,6 +3957,35 @@ exports[`TextInput readonly renders correctly 1`] = `
3975
3957
  themeTypeface="neutral"
3976
3958
  themeVariant="regular"
3977
3959
  >
3960
+ <Text
3961
+ allowFontScaling={false}
3962
+ style={
3963
+ [
3964
+ {
3965
+ "color": "#001f23",
3966
+ "fontFamily": "BeVietnamPro-Regular",
3967
+ "fontSize": 16,
3968
+ "letterSpacing": 0.48,
3969
+ "lineHeight": 24,
3970
+ },
3971
+ [
3972
+ {
3973
+ "color": "#808f91",
3974
+ },
3975
+ {
3976
+ "backgroundColor": "#ffffff",
3977
+ },
3978
+ ],
3979
+ ]
3980
+ }
3981
+ testID="input-label-asterisk"
3982
+ themeIntent="body"
3983
+ themeState="readonly"
3984
+ themeTypeface="neutral"
3985
+ themeVariant="regular"
3986
+ >
3987
+ *
3988
+ </Text>
3978
3989
  Amount (AUD)
3979
3990
  </Text>
3980
3991
  </View>
@@ -4153,9 +4164,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
4153
4164
  themeFocused={false}
4154
4165
  themeState="filled"
4155
4166
  />
4156
- <View
4157
- onLayout={[Function]}
4158
- />
4167
+ <View />
4159
4168
  <View
4160
4169
  collapsable={false}
4161
4170
  pointerEvents="none"
@@ -4173,7 +4182,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
4173
4182
  "translateY": 0,
4174
4183
  },
4175
4184
  {
4176
- "translateX": 24,
4185
+ "translateX": 16,
4177
4186
  },
4178
4187
  {
4179
4188
  "scale": 1,
@@ -4186,7 +4195,6 @@ exports[`TextInput ref ref methods work correctly 1`] = `
4186
4195
  >
4187
4196
  <Text
4188
4197
  allowFontScaling={false}
4189
- onLayout={[Function]}
4190
4198
  style={
4191
4199
  [
4192
4200
  {
@@ -4201,8 +4209,12 @@ exports[`TextInput ref ref methods work correctly 1`] = `
4201
4209
  "alignContent": "center",
4202
4210
  "alignItems": "center",
4203
4211
  "color": "#001f23",
4212
+ "left": 0,
4204
4213
  "marginTop": -2,
4214
+ "position": "absolute",
4205
4215
  "textAlignVertical": "center",
4216
+ "top": "50%",
4217
+ "zIndex": 1,
4206
4218
  },
4207
4219
  {
4208
4220
  "backgroundColor": "#ffffff",
@@ -4379,9 +4391,7 @@ exports[`TextInput required renders correctly 1`] = `
4379
4391
  themeFocused={false}
4380
4392
  themeState="default"
4381
4393
  />
4382
- <View
4383
- onLayout={[Function]}
4384
- >
4394
+ <View>
4385
4395
  <HeroIcon
4386
4396
  name="dollar-sign"
4387
4397
  style={
@@ -4415,7 +4425,7 @@ exports[`TextInput required renders correctly 1`] = `
4415
4425
  "translateY": 0,
4416
4426
  },
4417
4427
  {
4418
- "translateX": 24,
4428
+ "translateX": 40,
4419
4429
  },
4420
4430
  {
4421
4431
  "scale": 1,
@@ -4428,36 +4438,6 @@ exports[`TextInput required renders correctly 1`] = `
4428
4438
  >
4429
4439
  <Text
4430
4440
  allowFontScaling={false}
4431
- style={
4432
- [
4433
- {
4434
- "color": "#001f23",
4435
- "fontFamily": "BeVietnamPro-Regular",
4436
- "fontSize": 16,
4437
- "letterSpacing": 0.48,
4438
- "lineHeight": 24,
4439
- },
4440
- [
4441
- {
4442
- "color": "#cb300a",
4443
- },
4444
- {
4445
- "backgroundColor": "#ffffff",
4446
- },
4447
- ],
4448
- ]
4449
- }
4450
- testID="input-label-asterisk"
4451
- themeIntent="body"
4452
- themeState="default"
4453
- themeTypeface="neutral"
4454
- themeVariant="regular"
4455
- >
4456
- *
4457
- </Text>
4458
- <Text
4459
- allowFontScaling={false}
4460
- onLayout={[Function]}
4461
4441
  style={
4462
4442
  [
4463
4443
  {
@@ -4472,8 +4452,12 @@ exports[`TextInput required renders correctly 1`] = `
4472
4452
  "alignContent": "center",
4473
4453
  "alignItems": "center",
4474
4454
  "color": "#001f23",
4455
+ "left": 0,
4475
4456
  "marginTop": -2,
4457
+ "position": "absolute",
4476
4458
  "textAlignVertical": "center",
4459
+ "top": "50%",
4460
+ "zIndex": 1,
4477
4461
  },
4478
4462
  {
4479
4463
  "backgroundColor": "#ffffff",
@@ -4487,6 +4471,35 @@ exports[`TextInput required renders correctly 1`] = `
4487
4471
  themeTypeface="neutral"
4488
4472
  themeVariant="regular"
4489
4473
  >
4474
+ <Text
4475
+ allowFontScaling={false}
4476
+ style={
4477
+ [
4478
+ {
4479
+ "color": "#001f23",
4480
+ "fontFamily": "BeVietnamPro-Regular",
4481
+ "fontSize": 16,
4482
+ "letterSpacing": 0.48,
4483
+ "lineHeight": 24,
4484
+ },
4485
+ [
4486
+ {
4487
+ "color": "#cb300a",
4488
+ },
4489
+ {
4490
+ "backgroundColor": "#ffffff",
4491
+ },
4492
+ ],
4493
+ ]
4494
+ }
4495
+ testID="input-label-asterisk"
4496
+ themeIntent="body"
4497
+ themeState="default"
4498
+ themeTypeface="neutral"
4499
+ themeVariant="regular"
4500
+ >
4501
+ *
4502
+ </Text>
4490
4503
  Amount (AUD)
4491
4504
  </Text>
4492
4505
  </View>
@@ -4664,9 +4677,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
4664
4677
  themeFocused={false}
4665
4678
  themeState="filled"
4666
4679
  />
4667
- <View
4668
- onLayout={[Function]}
4669
- />
4680
+ <View />
4670
4681
  <View
4671
4682
  collapsable={false}
4672
4683
  pointerEvents="none"
@@ -4684,7 +4695,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
4684
4695
  "translateY": 24,
4685
4696
  },
4686
4697
  {
4687
- "translateX": 24,
4698
+ "translateX": 16,
4688
4699
  },
4689
4700
  {
4690
4701
  "scale": 1,
@@ -4697,7 +4708,6 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
4697
4708
  >
4698
4709
  <Text
4699
4710
  allowFontScaling={false}
4700
- onLayout={[Function]}
4701
4711
  style={
4702
4712
  [
4703
4713
  {
@@ -4712,8 +4722,12 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
4712
4722
  "alignContent": "center",
4713
4723
  "alignItems": "center",
4714
4724
  "color": "#001f23",
4725
+ "left": 0,
4715
4726
  "marginTop": -2,
4727
+ "position": "absolute",
4716
4728
  "textAlignVertical": "center",
4729
+ "top": "50%",
4730
+ "zIndex": 1,
4717
4731
  },
4718
4732
  {
4719
4733
  "backgroundColor": "#ffffff",