@hero-design/rn 8.99.2 → 8.99.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 (21) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/CHANGELOG.md +8 -0
  3. package/es/index.js +15 -22
  4. package/lib/index.js +15 -22
  5. package/package.json +1 -1
  6. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +45 -96
  7. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +15 -32
  8. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +15 -32
  9. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +30 -64
  10. package/src/components/RichTextEditor/RichTextEditor.tsx +3 -11
  11. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +30 -64
  12. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +106 -225
  13. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +91 -193
  14. package/src/components/TextInput/StyledTextInput.tsx +8 -9
  15. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +42 -122
  16. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +246 -520
  17. package/src/components/TextInput/index.tsx +3 -11
  18. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +30 -64
  19. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +30 -64
  20. package/stats/8.99.3/rn-stats.html +4844 -0
  21. package/types/components/TextInput/StyledTextInput.d.ts +5 -2
package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -84,61 +84,43 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
84
84
  {
85
85
  "alignItems": "center",
86
86
  "flexDirection": "row",
87
- "justifyContent": "center",
88
- "left": 0,
87
+ "left": 40,
89
88
  "position": "absolute",
90
- "right": 0,
89
+ "right": 16,
91
90
  "top": -10.666666666666666,
92
91
  "transform": [
93
92
  {
94
93
  "translateY": 0,
95
94
  },
96
- {
97
- "translateX": 40,
98
- },
99
95
  {
100
96
  "scale": 1,
101
97
  },
102
98
  ],
99
+ "transformOrigin": "left top",
103
100
  "zIndex": 1,
104
101
  }
105
102
  }
103
+ themeHasPrefix={true}
106
104
  themeVariant="text"
107
105
  >
108
- <Text
109
- allowFontScaling={false}
106
+ <View
110
107
  style={
111
108
  [
112
109
  {
110
+ "alignContent": "center",
111
+ "alignItems": "center",
113
112
  "color": "#001f23",
114
- "fontFamily": "BeVietnamPro-Regular",
115
- "fontSize": 16,
116
- "letterSpacing": 0.48,
117
- "lineHeight": 24,
113
+ "flexDirection": "row",
114
+ "marginTop": -2,
115
+ "textAlignVertical": "center",
116
+ },
117
+ {
118
+ "backgroundColor": "#f6f6f7",
118
119
  },
119
- [
120
- {
121
- "alignContent": "center",
122
- "alignItems": "center",
123
- "color": "#001f23",
124
- "left": 0,
125
- "marginTop": -2,
126
- "position": "absolute",
127
- "textAlignVertical": "center",
128
- "top": "50%",
129
- "zIndex": 1,
130
- },
131
- {
132
- "backgroundColor": "#f6f6f7",
133
- },
134
- ],
135
120
  ]
136
121
  }
137
122
  testID="input-label"
138
- themeIntent="body"
139
123
  themeState="filled"
140
- themeTypeface="neutral"
141
- themeVariant="regular"
142
124
  >
143
125
  <Text
144
126
  allowFontScaling={false}
@@ -171,6 +153,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
171
153
  </Text>
172
154
  <Text
173
155
  allowFontScaling={false}
156
+ numberOfLines={1}
174
157
  style={
175
158
  [
176
159
  {
@@ -189,7 +172,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
189
172
  >
190
173
  Amount (AUD)
191
174
  </Text>
192
- </Text>
175
+ </View>
193
176
  </View>
194
177
  <View
195
178
  style={
@@ -428,61 +411,43 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
428
411
  {
429
412
  "alignItems": "center",
430
413
  "flexDirection": "row",
431
- "justifyContent": "center",
432
- "left": 0,
414
+ "left": 40,
433
415
  "position": "absolute",
434
- "right": 0,
416
+ "right": 16,
435
417
  "top": -10.666666666666666,
436
418
  "transform": [
437
419
  {
438
420
  "translateY": 0,
439
421
  },
440
- {
441
- "translateX": 40,
442
- },
443
422
  {
444
423
  "scale": 1,
445
424
  },
446
425
  ],
426
+ "transformOrigin": "left top",
447
427
  "zIndex": 1,
448
428
  }
449
429
  }
430
+ themeHasPrefix={true}
450
431
  themeVariant="text"
451
432
  >
452
- <Text
453
- allowFontScaling={false}
433
+ <View
454
434
  style={
455
435
  [
456
436
  {
437
+ "alignContent": "center",
438
+ "alignItems": "center",
457
439
  "color": "#001f23",
458
- "fontFamily": "BeVietnamPro-Regular",
459
- "fontSize": 16,
460
- "letterSpacing": 0.48,
461
- "lineHeight": 24,
440
+ "flexDirection": "row",
441
+ "marginTop": -2,
442
+ "textAlignVertical": "center",
443
+ },
444
+ {
445
+ "backgroundColor": "#ffffff",
462
446
  },
463
- [
464
- {
465
- "alignContent": "center",
466
- "alignItems": "center",
467
- "color": "#001f23",
468
- "left": 0,
469
- "marginTop": -2,
470
- "position": "absolute",
471
- "textAlignVertical": "center",
472
- "top": "50%",
473
- "zIndex": 1,
474
- },
475
- {
476
- "backgroundColor": "#ffffff",
477
- },
478
- ],
479
447
  ]
480
448
  }
481
449
  testID="input-label"
482
- themeIntent="body"
483
450
  themeState="filled"
484
- themeTypeface="neutral"
485
- themeVariant="regular"
486
451
  >
487
452
  <Text
488
453
  allowFontScaling={false}
@@ -515,6 +480,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
515
480
  </Text>
516
481
  <Text
517
482
  allowFontScaling={false}
483
+ numberOfLines={1}
518
484
  style={
519
485
  [
520
486
  {
@@ -533,7 +499,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
533
499
  >
534
500
  Amount (AUD)
535
501
  </Text>
536
- </Text>
502
+ </View>
537
503
  </View>
538
504
  <View
539
505
  style={
@@ -771,61 +737,43 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
771
737
  {
772
738
  "alignItems": "center",
773
739
  "flexDirection": "row",
774
- "justifyContent": "center",
775
- "left": 0,
740
+ "left": 40,
776
741
  "position": "absolute",
777
- "right": 0,
742
+ "right": 16,
778
743
  "top": -10.666666666666666,
779
744
  "transform": [
780
745
  {
781
746
  "translateY": 0,
782
747
  },
783
- {
784
- "translateX": 40,
785
- },
786
748
  {
787
749
  "scale": 1,
788
750
  },
789
751
  ],
752
+ "transformOrigin": "left top",
790
753
  "zIndex": 1,
791
754
  }
792
755
  }
756
+ themeHasPrefix={true}
793
757
  themeVariant="text"
794
758
  >
795
- <Text
796
- allowFontScaling={false}
759
+ <View
797
760
  style={
798
761
  [
799
762
  {
763
+ "alignContent": "center",
764
+ "alignItems": "center",
800
765
  "color": "#001f23",
801
- "fontFamily": "BeVietnamPro-Regular",
802
- "fontSize": 16,
803
- "letterSpacing": 0.48,
804
- "lineHeight": 24,
766
+ "flexDirection": "row",
767
+ "marginTop": -2,
768
+ "textAlignVertical": "center",
769
+ },
770
+ {
771
+ "backgroundColor": "#ffffff",
805
772
  },
806
- [
807
- {
808
- "alignContent": "center",
809
- "alignItems": "center",
810
- "color": "#001f23",
811
- "left": 0,
812
- "marginTop": -2,
813
- "position": "absolute",
814
- "textAlignVertical": "center",
815
- "top": "50%",
816
- "zIndex": 1,
817
- },
818
- {
819
- "backgroundColor": "#ffffff",
820
- },
821
- ],
822
773
  ]
823
774
  }
824
775
  testID="input-label"
825
- themeIntent="body"
826
776
  themeState="filled"
827
- themeTypeface="neutral"
828
- themeVariant="regular"
829
777
  >
830
778
  <Text
831
779
  allowFontScaling={false}
@@ -858,6 +806,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
858
806
  </Text>
859
807
  <Text
860
808
  allowFontScaling={false}
809
+ numberOfLines={1}
861
810
  style={
862
811
  [
863
812
  {
@@ -876,7 +825,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
876
825
  >
877
826
  Amount (AUD)
878
827
  </Text>
879
- </Text>
828
+ </View>
880
829
  </View>
881
830
  <View
882
831
  style={
@@ -1100,61 +1049,43 @@ exports[`TextInput disabled renders correctly 1`] = `
1100
1049
  {
1101
1050
  "alignItems": "center",
1102
1051
  "flexDirection": "row",
1103
- "justifyContent": "center",
1104
- "left": 0,
1052
+ "left": 24,
1105
1053
  "position": "absolute",
1106
- "right": 0,
1054
+ "right": 16,
1107
1055
  "top": -10.666666666666666,
1108
1056
  "transform": [
1109
1057
  {
1110
1058
  "translateY": 0,
1111
1059
  },
1112
- {
1113
- "translateX": 16,
1114
- },
1115
1060
  {
1116
1061
  "scale": 1,
1117
1062
  },
1118
1063
  ],
1064
+ "transformOrigin": "left top",
1119
1065
  "zIndex": 1,
1120
1066
  }
1121
1067
  }
1068
+ themeHasPrefix={false}
1122
1069
  themeVariant="text"
1123
1070
  >
1124
- <Text
1125
- allowFontScaling={false}
1071
+ <View
1126
1072
  style={
1127
1073
  [
1128
1074
  {
1129
- "color": "#001f23",
1130
- "fontFamily": "BeVietnamPro-Regular",
1131
- "fontSize": 16,
1132
- "letterSpacing": 0.48,
1133
- "lineHeight": 24,
1075
+ "alignContent": "center",
1076
+ "alignItems": "center",
1077
+ "color": "#bfc1c5",
1078
+ "flexDirection": "row",
1079
+ "marginTop": -2,
1080
+ "textAlignVertical": "center",
1081
+ },
1082
+ {
1083
+ "backgroundColor": "#ffffff",
1134
1084
  },
1135
- [
1136
- {
1137
- "alignContent": "center",
1138
- "alignItems": "center",
1139
- "color": "#bfc1c5",
1140
- "left": 0,
1141
- "marginTop": -2,
1142
- "position": "absolute",
1143
- "textAlignVertical": "center",
1144
- "top": "50%",
1145
- "zIndex": 1,
1146
- },
1147
- {
1148
- "backgroundColor": "#ffffff",
1149
- },
1150
- ],
1151
1085
  ]
1152
1086
  }
1153
1087
  testID="input-label"
1154
- themeIntent="body"
1155
1088
  themeState="disabled"
1156
- themeTypeface="neutral"
1157
- themeVariant="regular"
1158
1089
  >
1159
1090
  <Text
1160
1091
  allowFontScaling={false}
@@ -1187,6 +1118,7 @@ exports[`TextInput disabled renders correctly 1`] = `
1187
1118
  </Text>
1188
1119
  <Text
1189
1120
  allowFontScaling={false}
1121
+ numberOfLines={1}
1190
1122
  style={
1191
1123
  [
1192
1124
  {
@@ -1205,7 +1137,7 @@ exports[`TextInput disabled renders correctly 1`] = `
1205
1137
  >
1206
1138
  Amount (AUD)
1207
1139
  </Text>
1208
- </Text>
1140
+ </View>
1209
1141
  </View>
1210
1142
  <View
1211
1143
  style={
@@ -1392,61 +1324,43 @@ exports[`TextInput error renders correctly 1`] = `
1392
1324
  {
1393
1325
  "alignItems": "center",
1394
1326
  "flexDirection": "row",
1395
- "justifyContent": "center",
1396
- "left": 0,
1327
+ "left": 40,
1397
1328
  "position": "absolute",
1398
- "right": 0,
1329
+ "right": 16,
1399
1330
  "top": -10.666666666666666,
1400
1331
  "transform": [
1401
1332
  {
1402
1333
  "translateY": 0,
1403
1334
  },
1404
- {
1405
- "translateX": 40,
1406
- },
1407
1335
  {
1408
1336
  "scale": 1,
1409
1337
  },
1410
1338
  ],
1339
+ "transformOrigin": "left top",
1411
1340
  "zIndex": 1,
1412
1341
  }
1413
1342
  }
1343
+ themeHasPrefix={true}
1414
1344
  themeVariant="text"
1415
1345
  >
1416
- <Text
1417
- allowFontScaling={false}
1346
+ <View
1418
1347
  style={
1419
1348
  [
1420
1349
  {
1350
+ "alignContent": "center",
1351
+ "alignItems": "center",
1421
1352
  "color": "#001f23",
1422
- "fontFamily": "BeVietnamPro-Regular",
1423
- "fontSize": 16,
1424
- "letterSpacing": 0.48,
1425
- "lineHeight": 24,
1353
+ "flexDirection": "row",
1354
+ "marginTop": -2,
1355
+ "textAlignVertical": "center",
1356
+ },
1357
+ {
1358
+ "backgroundColor": "#ffffff",
1426
1359
  },
1427
- [
1428
- {
1429
- "alignContent": "center",
1430
- "alignItems": "center",
1431
- "color": "#001f23",
1432
- "left": 0,
1433
- "marginTop": -2,
1434
- "position": "absolute",
1435
- "textAlignVertical": "center",
1436
- "top": "50%",
1437
- "zIndex": 1,
1438
- },
1439
- {
1440
- "backgroundColor": "#ffffff",
1441
- },
1442
- ],
1443
1360
  ]
1444
1361
  }
1445
1362
  testID="input-label"
1446
- themeIntent="body"
1447
1363
  themeState="error"
1448
- themeTypeface="neutral"
1449
- themeVariant="regular"
1450
1364
  >
1451
1365
  <Text
1452
1366
  allowFontScaling={false}
@@ -1479,6 +1393,7 @@ exports[`TextInput error renders correctly 1`] = `
1479
1393
  </Text>
1480
1394
  <Text
1481
1395
  allowFontScaling={false}
1396
+ numberOfLines={1}
1482
1397
  style={
1483
1398
  [
1484
1399
  {
@@ -1497,7 +1412,7 @@ exports[`TextInput error renders correctly 1`] = `
1497
1412
  >
1498
1413
  Amount (AUD)
1499
1414
  </Text>
1500
- </Text>
1415
+ </View>
1501
1416
  </View>
1502
1417
  <View
1503
1418
  style={
@@ -1740,64 +1655,47 @@ exports[`TextInput filled renders correctly 1`] = `
1740
1655
  {
1741
1656
  "alignItems": "center",
1742
1657
  "flexDirection": "row",
1743
- "justifyContent": "center",
1744
- "left": 0,
1658
+ "left": 40,
1745
1659
  "position": "absolute",
1746
- "right": 0,
1660
+ "right": 16,
1747
1661
  "top": -10.666666666666666,
1748
1662
  "transform": [
1749
1663
  {
1750
1664
  "translateY": 0,
1751
1665
  },
1752
- {
1753
- "translateX": 40,
1754
- },
1755
1666
  {
1756
1667
  "scale": 1,
1757
1668
  },
1758
1669
  ],
1670
+ "transformOrigin": "left top",
1759
1671
  "zIndex": 1,
1760
1672
  }
1761
1673
  }
1674
+ themeHasPrefix={true}
1762
1675
  themeVariant="text"
1763
1676
  >
1764
- <Text
1765
- allowFontScaling={false}
1677
+ <View
1766
1678
  style={
1767
1679
  [
1768
1680
  {
1681
+ "alignContent": "center",
1682
+ "alignItems": "center",
1769
1683
  "color": "#001f23",
1770
- "fontFamily": "BeVietnamPro-Regular",
1771
- "fontSize": 16,
1772
- "letterSpacing": 0.48,
1773
- "lineHeight": 24,
1684
+ "flexDirection": "row",
1685
+ "marginTop": -2,
1686
+ "textAlignVertical": "center",
1687
+ },
1688
+ {
1689
+ "backgroundColor": "#ffffff",
1774
1690
  },
1775
- [
1776
- {
1777
- "alignContent": "center",
1778
- "alignItems": "center",
1779
- "color": "#001f23",
1780
- "left": 0,
1781
- "marginTop": -2,
1782
- "position": "absolute",
1783
- "textAlignVertical": "center",
1784
- "top": "50%",
1785
- "zIndex": 1,
1786
- },
1787
- {
1788
- "backgroundColor": "#ffffff",
1789
- },
1790
- ],
1791
1691
  ]
1792
1692
  }
1793
1693
  testID="input-label"
1794
- themeIntent="body"
1795
1694
  themeState="filled"
1796
- themeTypeface="neutral"
1797
- themeVariant="regular"
1798
1695
  >
1799
1696
  <Text
1800
1697
  allowFontScaling={false}
1698
+ numberOfLines={1}
1801
1699
  style={
1802
1700
  [
1803
1701
  {
@@ -1816,7 +1714,7 @@ exports[`TextInput filled renders correctly 1`] = `
1816
1714
  >
1817
1715
  Amount (AUD)
1818
1716
  </Text>
1819
- </Text>
1717
+ </View>
1820
1718
  </View>
1821
1719
  <View
1822
1720
  style={
@@ -2018,61 +1916,43 @@ exports[`TextInput helper text renders correctly 1`] = `
2018
1916
  {
2019
1917
  "alignItems": "center",
2020
1918
  "flexDirection": "row",
2021
- "justifyContent": "center",
2022
- "left": 0,
1919
+ "left": 40,
2023
1920
  "position": "absolute",
2024
- "right": 0,
1921
+ "right": 16,
2025
1922
  "top": -10.666666666666666,
2026
1923
  "transform": [
2027
1924
  {
2028
1925
  "translateY": 0,
2029
1926
  },
2030
- {
2031
- "translateX": 40,
2032
- },
2033
1927
  {
2034
1928
  "scale": 1,
2035
1929
  },
2036
1930
  ],
1931
+ "transformOrigin": "left top",
2037
1932
  "zIndex": 1,
2038
1933
  }
2039
1934
  }
1935
+ themeHasPrefix={true}
2040
1936
  themeVariant="text"
2041
1937
  >
2042
- <Text
2043
- allowFontScaling={false}
1938
+ <View
2044
1939
  style={
2045
1940
  [
2046
1941
  {
1942
+ "alignContent": "center",
1943
+ "alignItems": "center",
2047
1944
  "color": "#001f23",
2048
- "fontFamily": "BeVietnamPro-Regular",
2049
- "fontSize": 16,
2050
- "letterSpacing": 0.48,
2051
- "lineHeight": 24,
1945
+ "flexDirection": "row",
1946
+ "marginTop": -2,
1947
+ "textAlignVertical": "center",
1948
+ },
1949
+ {
1950
+ "backgroundColor": "#ffffff",
2052
1951
  },
2053
- [
2054
- {
2055
- "alignContent": "center",
2056
- "alignItems": "center",
2057
- "color": "#001f23",
2058
- "left": 0,
2059
- "marginTop": -2,
2060
- "position": "absolute",
2061
- "textAlignVertical": "center",
2062
- "top": "50%",
2063
- "zIndex": 1,
2064
- },
2065
- {
2066
- "backgroundColor": "#ffffff",
2067
- },
2068
- ],
2069
1952
  ]
2070
1953
  }
2071
1954
  testID="input-label"
2072
- themeIntent="body"
2073
1955
  themeState="default"
2074
- themeTypeface="neutral"
2075
- themeVariant="regular"
2076
1956
  >
2077
1957
  <Text
2078
1958
  allowFontScaling={false}
@@ -2105,6 +1985,7 @@ exports[`TextInput helper text renders correctly 1`] = `
2105
1985
  </Text>
2106
1986
  <Text
2107
1987
  allowFontScaling={false}
1988
+ numberOfLines={1}
2108
1989
  style={
2109
1990
  [
2110
1991
  {
@@ -2123,7 +2004,7 @@ exports[`TextInput helper text renders correctly 1`] = `
2123
2004
  >
2124
2005
  Amount (AUD)
2125
2006
  </Text>
2126
- </Text>
2007
+ </View>
2127
2008
  </View>
2128
2009
  <View
2129
2010
  style={
@@ -2332,64 +2213,47 @@ exports[`TextInput idle renders correctly 1`] = `
2332
2213
  {
2333
2214
  "alignItems": "center",
2334
2215
  "flexDirection": "row",
2335
- "justifyContent": "center",
2336
- "left": 0,
2216
+ "left": 40,
2337
2217
  "position": "absolute",
2338
- "right": 0,
2218
+ "right": 16,
2339
2219
  "top": -10.666666666666666,
2340
2220
  "transform": [
2341
2221
  {
2342
2222
  "translateY": 0,
2343
2223
  },
2344
- {
2345
- "translateX": 40,
2346
- },
2347
2224
  {
2348
2225
  "scale": 1,
2349
2226
  },
2350
2227
  ],
2228
+ "transformOrigin": "left top",
2351
2229
  "zIndex": 1,
2352
2230
  }
2353
2231
  }
2232
+ themeHasPrefix={true}
2354
2233
  themeVariant="text"
2355
2234
  >
2356
- <Text
2357
- allowFontScaling={false}
2235
+ <View
2358
2236
  style={
2359
2237
  [
2360
2238
  {
2239
+ "alignContent": "center",
2240
+ "alignItems": "center",
2361
2241
  "color": "#001f23",
2362
- "fontFamily": "BeVietnamPro-Regular",
2363
- "fontSize": 16,
2364
- "letterSpacing": 0.48,
2365
- "lineHeight": 24,
2242
+ "flexDirection": "row",
2243
+ "marginTop": -2,
2244
+ "textAlignVertical": "center",
2245
+ },
2246
+ {
2247
+ "backgroundColor": "#ffffff",
2366
2248
  },
2367
- [
2368
- {
2369
- "alignContent": "center",
2370
- "alignItems": "center",
2371
- "color": "#001f23",
2372
- "left": 0,
2373
- "marginTop": -2,
2374
- "position": "absolute",
2375
- "textAlignVertical": "center",
2376
- "top": "50%",
2377
- "zIndex": 1,
2378
- },
2379
- {
2380
- "backgroundColor": "#ffffff",
2381
- },
2382
- ],
2383
2249
  ]
2384
2250
  }
2385
2251
  testID="input-label"
2386
- themeIntent="body"
2387
2252
  themeState="default"
2388
- themeTypeface="neutral"
2389
- themeVariant="regular"
2390
2253
  >
2391
2254
  <Text
2392
2255
  allowFontScaling={false}
2256
+ numberOfLines={1}
2393
2257
  style={
2394
2258
  [
2395
2259
  {
@@ -2408,7 +2272,7 @@ exports[`TextInput idle renders correctly 1`] = `
2408
2272
  >
2409
2273
  Amount (AUD)
2410
2274
  </Text>
2411
- </Text>
2275
+ </View>
2412
2276
  </View>
2413
2277
  <View
2414
2278
  style={
@@ -2609,61 +2473,43 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
2609
2473
  {
2610
2474
  "alignItems": "center",
2611
2475
  "flexDirection": "row",
2612
- "justifyContent": "center",
2613
- "left": 0,
2476
+ "left": 40,
2614
2477
  "position": "absolute",
2615
- "right": 0,
2478
+ "right": 16,
2616
2479
  "top": -10.666666666666666,
2617
2480
  "transform": [
2618
2481
  {
2619
2482
  "translateY": 0,
2620
2483
  },
2621
- {
2622
- "translateX": 40,
2623
- },
2624
2484
  {
2625
2485
  "scale": 1,
2626
2486
  },
2627
2487
  ],
2488
+ "transformOrigin": "left top",
2628
2489
  "zIndex": 1,
2629
2490
  }
2630
2491
  }
2492
+ themeHasPrefix={true}
2631
2493
  themeVariant="text"
2632
2494
  >
2633
- <Text
2634
- allowFontScaling={false}
2495
+ <View
2635
2496
  style={
2636
2497
  [
2637
2498
  {
2499
+ "alignContent": "center",
2500
+ "alignItems": "center",
2638
2501
  "color": "#001f23",
2639
- "fontFamily": "BeVietnamPro-Regular",
2640
- "fontSize": 16,
2641
- "letterSpacing": 0.48,
2642
- "lineHeight": 24,
2502
+ "flexDirection": "row",
2503
+ "marginTop": -2,
2504
+ "textAlignVertical": "center",
2505
+ },
2506
+ {
2507
+ "backgroundColor": "#ffffff",
2643
2508
  },
2644
- [
2645
- {
2646
- "alignContent": "center",
2647
- "alignItems": "center",
2648
- "color": "#001f23",
2649
- "left": 0,
2650
- "marginTop": -2,
2651
- "position": "absolute",
2652
- "textAlignVertical": "center",
2653
- "top": "50%",
2654
- "zIndex": 1,
2655
- },
2656
- {
2657
- "backgroundColor": "#ffffff",
2658
- },
2659
- ],
2660
2509
  ]
2661
2510
  }
2662
2511
  testID="input-label"
2663
- themeIntent="body"
2664
2512
  themeState="default"
2665
- themeTypeface="neutral"
2666
- themeVariant="regular"
2667
2513
  >
2668
2514
  <Text
2669
2515
  allowFontScaling={false}
@@ -2696,6 +2542,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
2696
2542
  </Text>
2697
2543
  <Text
2698
2544
  allowFontScaling={false}
2545
+ numberOfLines={1}
2699
2546
  style={
2700
2547
  [
2701
2548
  {
@@ -2714,7 +2561,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
2714
2561
  >
2715
2562
  Amount (AUD)
2716
2563
  </Text>
2717
- </Text>
2564
+ </View>
2718
2565
  </View>
2719
2566
  <View
2720
2567
  style={
@@ -2899,25 +2746,23 @@ exports[`TextInput loading renders correctly 1`] = `
2899
2746
  {
2900
2747
  "alignItems": "center",
2901
2748
  "flexDirection": "row",
2902
- "justifyContent": "center",
2903
- "left": 0,
2749
+ "left": 24,
2904
2750
  "position": "absolute",
2905
- "right": 0,
2751
+ "right": 16,
2906
2752
  "top": -10.666666666666666,
2907
2753
  "transform": [
2908
2754
  {
2909
2755
  "translateY": 0,
2910
2756
  },
2911
- {
2912
- "translateX": 16,
2913
- },
2914
2757
  {
2915
2758
  "scale": 1,
2916
2759
  },
2917
2760
  ],
2761
+ "transformOrigin": "left top",
2918
2762
  "zIndex": 1,
2919
2763
  }
2920
2764
  }
2765
+ themeHasPrefix={false}
2921
2766
  themeVariant="text"
2922
2767
  />
2923
2768
  <View
@@ -3115,61 +2960,43 @@ exports[`TextInput max length renders correctly 1`] = `
3115
2960
  {
3116
2961
  "alignItems": "center",
3117
2962
  "flexDirection": "row",
3118
- "justifyContent": "center",
3119
- "left": 0,
2963
+ "left": 24,
3120
2964
  "position": "absolute",
3121
- "right": 0,
2965
+ "right": 16,
3122
2966
  "top": -10.666666666666666,
3123
2967
  "transform": [
3124
2968
  {
3125
2969
  "translateY": 0,
3126
2970
  },
3127
- {
3128
- "translateX": 16,
3129
- },
3130
2971
  {
3131
2972
  "scale": 1,
3132
2973
  },
3133
2974
  ],
2975
+ "transformOrigin": "left top",
3134
2976
  "zIndex": 1,
3135
2977
  }
3136
2978
  }
2979
+ themeHasPrefix={false}
3137
2980
  themeVariant="text"
3138
2981
  >
3139
- <Text
3140
- allowFontScaling={false}
2982
+ <View
3141
2983
  style={
3142
2984
  [
3143
2985
  {
2986
+ "alignContent": "center",
2987
+ "alignItems": "center",
3144
2988
  "color": "#001f23",
3145
- "fontFamily": "BeVietnamPro-Regular",
3146
- "fontSize": 16,
3147
- "letterSpacing": 0.48,
3148
- "lineHeight": 24,
2989
+ "flexDirection": "row",
2990
+ "marginTop": -2,
2991
+ "textAlignVertical": "center",
2992
+ },
2993
+ {
2994
+ "backgroundColor": "#ffffff",
3149
2995
  },
3150
- [
3151
- {
3152
- "alignContent": "center",
3153
- "alignItems": "center",
3154
- "color": "#001f23",
3155
- "left": 0,
3156
- "marginTop": -2,
3157
- "position": "absolute",
3158
- "textAlignVertical": "center",
3159
- "top": "50%",
3160
- "zIndex": 1,
3161
- },
3162
- {
3163
- "backgroundColor": "#ffffff",
3164
- },
3165
- ],
3166
2996
  ]
3167
2997
  }
3168
2998
  testID="input-label"
3169
- themeIntent="body"
3170
2999
  themeState="error"
3171
- themeTypeface="neutral"
3172
- themeVariant="regular"
3173
3000
  >
3174
3001
  <Text
3175
3002
  allowFontScaling={false}
@@ -3202,6 +3029,7 @@ exports[`TextInput max length renders correctly 1`] = `
3202
3029
  </Text>
3203
3030
  <Text
3204
3031
  allowFontScaling={false}
3032
+ numberOfLines={1}
3205
3033
  style={
3206
3034
  [
3207
3035
  {
@@ -3220,7 +3048,7 @@ exports[`TextInput max length renders correctly 1`] = `
3220
3048
  >
3221
3049
  Shout out
3222
3050
  </Text>
3223
- </Text>
3051
+ </View>
3224
3052
  </View>
3225
3053
  <View
3226
3054
  style={
@@ -3480,61 +3308,43 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
3480
3308
  {
3481
3309
  "alignItems": "center",
3482
3310
  "flexDirection": "row",
3483
- "justifyContent": "center",
3484
- "left": 0,
3311
+ "left": 24,
3485
3312
  "position": "absolute",
3486
- "right": 0,
3313
+ "right": 16,
3487
3314
  "top": -10.666666666666666,
3488
3315
  "transform": [
3489
3316
  {
3490
3317
  "translateY": 0,
3491
3318
  },
3492
- {
3493
- "translateX": 16,
3494
- },
3495
3319
  {
3496
3320
  "scale": 1,
3497
3321
  },
3498
3322
  ],
3323
+ "transformOrigin": "left top",
3499
3324
  "zIndex": 1,
3500
3325
  }
3501
3326
  }
3327
+ themeHasPrefix={false}
3502
3328
  themeVariant="text"
3503
3329
  >
3504
- <Text
3505
- allowFontScaling={false}
3330
+ <View
3506
3331
  style={
3507
3332
  [
3508
3333
  {
3334
+ "alignContent": "center",
3335
+ "alignItems": "center",
3509
3336
  "color": "#001f23",
3510
- "fontFamily": "BeVietnamPro-Regular",
3511
- "fontSize": 16,
3512
- "letterSpacing": 0.48,
3513
- "lineHeight": 24,
3337
+ "flexDirection": "row",
3338
+ "marginTop": -2,
3339
+ "textAlignVertical": "center",
3340
+ },
3341
+ {
3342
+ "backgroundColor": "#ffffff",
3514
3343
  },
3515
- [
3516
- {
3517
- "alignContent": "center",
3518
- "alignItems": "center",
3519
- "color": "#001f23",
3520
- "left": 0,
3521
- "marginTop": -2,
3522
- "position": "absolute",
3523
- "textAlignVertical": "center",
3524
- "top": "50%",
3525
- "zIndex": 1,
3526
- },
3527
- {
3528
- "backgroundColor": "#ffffff",
3529
- },
3530
- ],
3531
3344
  ]
3532
3345
  }
3533
3346
  testID="input-label"
3534
- themeIntent="body"
3535
3347
  themeState="error"
3536
- themeTypeface="neutral"
3537
- themeVariant="regular"
3538
3348
  >
3539
3349
  <Text
3540
3350
  allowFontScaling={false}
@@ -3567,6 +3377,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
3567
3377
  </Text>
3568
3378
  <Text
3569
3379
  allowFontScaling={false}
3380
+ numberOfLines={1}
3570
3381
  style={
3571
3382
  [
3572
3383
  {
@@ -3585,7 +3396,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
3585
3396
  >
3586
3397
  Shout out
3587
3398
  </Text>
3588
- </Text>
3399
+ </View>
3589
3400
  </View>
3590
3401
  <View
3591
3402
  style={
@@ -3831,61 +3642,43 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
3831
3642
  {
3832
3643
  "alignItems": "center",
3833
3644
  "flexDirection": "row",
3834
- "justifyContent": "center",
3835
- "left": 0,
3645
+ "left": 40,
3836
3646
  "position": "absolute",
3837
- "right": 0,
3647
+ "right": 16,
3838
3648
  "top": -10.666666666666666,
3839
3649
  "transform": [
3840
3650
  {
3841
3651
  "translateY": 0,
3842
3652
  },
3843
- {
3844
- "translateX": 40,
3845
- },
3846
3653
  {
3847
3654
  "scale": 1,
3848
3655
  },
3849
3656
  ],
3657
+ "transformOrigin": "left top",
3850
3658
  "zIndex": 1,
3851
3659
  }
3852
3660
  }
3661
+ themeHasPrefix={true}
3853
3662
  themeVariant="text"
3854
3663
  >
3855
- <Text
3856
- allowFontScaling={false}
3664
+ <View
3857
3665
  style={
3858
3666
  [
3859
3667
  {
3668
+ "alignContent": "center",
3669
+ "alignItems": "center",
3860
3670
  "color": "#001f23",
3861
- "fontFamily": "BeVietnamPro-Regular",
3862
- "fontSize": 16,
3863
- "letterSpacing": 0.48,
3864
- "lineHeight": 24,
3671
+ "flexDirection": "row",
3672
+ "marginTop": -2,
3673
+ "textAlignVertical": "center",
3674
+ },
3675
+ {
3676
+ "backgroundColor": "#ffffff",
3865
3677
  },
3866
- [
3867
- {
3868
- "alignContent": "center",
3869
- "alignItems": "center",
3870
- "color": "#001f23",
3871
- "left": 0,
3872
- "marginTop": -2,
3873
- "position": "absolute",
3874
- "textAlignVertical": "center",
3875
- "top": "50%",
3876
- "zIndex": 1,
3877
- },
3878
- {
3879
- "backgroundColor": "#ffffff",
3880
- },
3881
- ],
3882
3678
  ]
3883
3679
  }
3884
3680
  testID="input-label"
3885
- themeIntent="body"
3886
3681
  themeState="default"
3887
- themeTypeface="neutral"
3888
- themeVariant="regular"
3889
3682
  >
3890
3683
  <Text
3891
3684
  allowFontScaling={false}
@@ -3918,6 +3711,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
3918
3711
  </Text>
3919
3712
  <Text
3920
3713
  allowFontScaling={false}
3714
+ numberOfLines={1}
3921
3715
  style={
3922
3716
  [
3923
3717
  {
@@ -3936,7 +3730,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
3936
3730
  >
3937
3731
  Amount (AUD)
3938
3732
  </Text>
3939
- </Text>
3733
+ </View>
3940
3734
  </View>
3941
3735
  <View
3942
3736
  style={
@@ -4142,61 +3936,43 @@ exports[`TextInput readonly renders correctly 1`] = `
4142
3936
  {
4143
3937
  "alignItems": "center",
4144
3938
  "flexDirection": "row",
4145
- "justifyContent": "center",
4146
- "left": 0,
3939
+ "left": 40,
4147
3940
  "position": "absolute",
4148
- "right": 0,
3941
+ "right": 16,
4149
3942
  "top": -10.666666666666666,
4150
3943
  "transform": [
4151
3944
  {
4152
3945
  "translateY": 0,
4153
3946
  },
4154
- {
4155
- "translateX": 40,
4156
- },
4157
3947
  {
4158
3948
  "scale": 1,
4159
3949
  },
4160
3950
  ],
3951
+ "transformOrigin": "left top",
4161
3952
  "zIndex": 1,
4162
3953
  }
4163
3954
  }
3955
+ themeHasPrefix={true}
4164
3956
  themeVariant="text"
4165
3957
  >
4166
- <Text
4167
- allowFontScaling={false}
3958
+ <View
4168
3959
  style={
4169
3960
  [
4170
3961
  {
4171
- "color": "#001f23",
4172
- "fontFamily": "BeVietnamPro-Regular",
4173
- "fontSize": 16,
4174
- "letterSpacing": 0.48,
4175
- "lineHeight": 24,
3962
+ "alignContent": "center",
3963
+ "alignItems": "center",
3964
+ "color": "#808f91",
3965
+ "flexDirection": "row",
3966
+ "marginTop": -2,
3967
+ "textAlignVertical": "center",
3968
+ },
3969
+ {
3970
+ "backgroundColor": "#ffffff",
4176
3971
  },
4177
- [
4178
- {
4179
- "alignContent": "center",
4180
- "alignItems": "center",
4181
- "color": "#808f91",
4182
- "left": 0,
4183
- "marginTop": -2,
4184
- "position": "absolute",
4185
- "textAlignVertical": "center",
4186
- "top": "50%",
4187
- "zIndex": 1,
4188
- },
4189
- {
4190
- "backgroundColor": "#ffffff",
4191
- },
4192
- ],
4193
3972
  ]
4194
3973
  }
4195
3974
  testID="input-label"
4196
- themeIntent="body"
4197
3975
  themeState="readonly"
4198
- themeTypeface="neutral"
4199
- themeVariant="regular"
4200
3976
  >
4201
3977
  <Text
4202
3978
  allowFontScaling={false}
@@ -4229,6 +4005,7 @@ exports[`TextInput readonly renders correctly 1`] = `
4229
4005
  </Text>
4230
4006
  <Text
4231
4007
  allowFontScaling={false}
4008
+ numberOfLines={1}
4232
4009
  style={
4233
4010
  [
4234
4011
  {
@@ -4247,7 +4024,7 @@ exports[`TextInput readonly renders correctly 1`] = `
4247
4024
  >
4248
4025
  Amount (AUD)
4249
4026
  </Text>
4250
- </Text>
4027
+ </View>
4251
4028
  </View>
4252
4029
  <View
4253
4030
  style={
@@ -4433,64 +4210,47 @@ exports[`TextInput ref ref methods work correctly 1`] = `
4433
4210
  {
4434
4211
  "alignItems": "center",
4435
4212
  "flexDirection": "row",
4436
- "justifyContent": "center",
4437
- "left": 0,
4213
+ "left": 24,
4438
4214
  "position": "absolute",
4439
- "right": 0,
4215
+ "right": 16,
4440
4216
  "top": -10.666666666666666,
4441
4217
  "transform": [
4442
4218
  {
4443
4219
  "translateY": 0,
4444
4220
  },
4445
- {
4446
- "translateX": 16,
4447
- },
4448
4221
  {
4449
4222
  "scale": 1,
4450
4223
  },
4451
4224
  ],
4225
+ "transformOrigin": "left top",
4452
4226
  "zIndex": 1,
4453
4227
  }
4454
4228
  }
4229
+ themeHasPrefix={false}
4455
4230
  themeVariant="text"
4456
4231
  >
4457
- <Text
4458
- allowFontScaling={false}
4232
+ <View
4459
4233
  style={
4460
4234
  [
4461
4235
  {
4236
+ "alignContent": "center",
4237
+ "alignItems": "center",
4462
4238
  "color": "#001f23",
4463
- "fontFamily": "BeVietnamPro-Regular",
4464
- "fontSize": 16,
4465
- "letterSpacing": 0.48,
4466
- "lineHeight": 24,
4239
+ "flexDirection": "row",
4240
+ "marginTop": -2,
4241
+ "textAlignVertical": "center",
4242
+ },
4243
+ {
4244
+ "backgroundColor": "#ffffff",
4467
4245
  },
4468
- [
4469
- {
4470
- "alignContent": "center",
4471
- "alignItems": "center",
4472
- "color": "#001f23",
4473
- "left": 0,
4474
- "marginTop": -2,
4475
- "position": "absolute",
4476
- "textAlignVertical": "center",
4477
- "top": "50%",
4478
- "zIndex": 1,
4479
- },
4480
- {
4481
- "backgroundColor": "#ffffff",
4482
- },
4483
- ],
4484
4246
  ]
4485
4247
  }
4486
4248
  testID="input-label"
4487
- themeIntent="body"
4488
4249
  themeState="filled"
4489
- themeTypeface="neutral"
4490
- themeVariant="regular"
4491
4250
  >
4492
4251
  <Text
4493
4252
  allowFontScaling={false}
4253
+ numberOfLines={1}
4494
4254
  style={
4495
4255
  [
4496
4256
  {
@@ -4509,7 +4269,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
4509
4269
  >
4510
4270
  Amount (AUD)
4511
4271
  </Text>
4512
- </Text>
4272
+ </View>
4513
4273
  </View>
4514
4274
  <View
4515
4275
  style={
@@ -4696,61 +4456,43 @@ exports[`TextInput required renders correctly 1`] = `
4696
4456
  {
4697
4457
  "alignItems": "center",
4698
4458
  "flexDirection": "row",
4699
- "justifyContent": "center",
4700
- "left": 0,
4459
+ "left": 40,
4701
4460
  "position": "absolute",
4702
- "right": 0,
4461
+ "right": 16,
4703
4462
  "top": -10.666666666666666,
4704
4463
  "transform": [
4705
4464
  {
4706
4465
  "translateY": 0,
4707
4466
  },
4708
- {
4709
- "translateX": 40,
4710
- },
4711
4467
  {
4712
4468
  "scale": 1,
4713
4469
  },
4714
4470
  ],
4471
+ "transformOrigin": "left top",
4715
4472
  "zIndex": 1,
4716
4473
  }
4717
4474
  }
4475
+ themeHasPrefix={true}
4718
4476
  themeVariant="text"
4719
4477
  >
4720
- <Text
4721
- allowFontScaling={false}
4478
+ <View
4722
4479
  style={
4723
4480
  [
4724
4481
  {
4482
+ "alignContent": "center",
4483
+ "alignItems": "center",
4725
4484
  "color": "#001f23",
4726
- "fontFamily": "BeVietnamPro-Regular",
4727
- "fontSize": 16,
4728
- "letterSpacing": 0.48,
4729
- "lineHeight": 24,
4485
+ "flexDirection": "row",
4486
+ "marginTop": -2,
4487
+ "textAlignVertical": "center",
4488
+ },
4489
+ {
4490
+ "backgroundColor": "#ffffff",
4730
4491
  },
4731
- [
4732
- {
4733
- "alignContent": "center",
4734
- "alignItems": "center",
4735
- "color": "#001f23",
4736
- "left": 0,
4737
- "marginTop": -2,
4738
- "position": "absolute",
4739
- "textAlignVertical": "center",
4740
- "top": "50%",
4741
- "zIndex": 1,
4742
- },
4743
- {
4744
- "backgroundColor": "#ffffff",
4745
- },
4746
- ],
4747
4492
  ]
4748
4493
  }
4749
4494
  testID="input-label"
4750
- themeIntent="body"
4751
4495
  themeState="default"
4752
- themeTypeface="neutral"
4753
- themeVariant="regular"
4754
4496
  >
4755
4497
  <Text
4756
4498
  allowFontScaling={false}
@@ -4783,6 +4525,7 @@ exports[`TextInput required renders correctly 1`] = `
4783
4525
  </Text>
4784
4526
  <Text
4785
4527
  allowFontScaling={false}
4528
+ numberOfLines={1}
4786
4529
  style={
4787
4530
  [
4788
4531
  {
@@ -4801,7 +4544,7 @@ exports[`TextInput required renders correctly 1`] = `
4801
4544
  >
4802
4545
  Amount (AUD)
4803
4546
  </Text>
4804
- </Text>
4547
+ </View>
4805
4548
  </View>
4806
4549
  <View
4807
4550
  style={
@@ -4986,64 +4729,47 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
4986
4729
  {
4987
4730
  "alignItems": "flex-start",
4988
4731
  "flexDirection": "row",
4989
- "justifyContent": "center",
4990
- "left": 0,
4732
+ "left": 24,
4991
4733
  "position": "absolute",
4992
- "right": 0,
4734
+ "right": 16,
4993
4735
  "top": -10.666666666666666,
4994
4736
  "transform": [
4995
4737
  {
4996
4738
  "translateY": 24,
4997
4739
  },
4998
- {
4999
- "translateX": 16,
5000
- },
5001
4740
  {
5002
4741
  "scale": 1,
5003
4742
  },
5004
4743
  ],
4744
+ "transformOrigin": "left top",
5005
4745
  "zIndex": 1,
5006
4746
  }
5007
4747
  }
4748
+ themeHasPrefix={false}
5008
4749
  themeVariant="textarea"
5009
4750
  >
5010
- <Text
5011
- allowFontScaling={false}
4751
+ <View
5012
4752
  style={
5013
4753
  [
5014
4754
  {
4755
+ "alignContent": "center",
4756
+ "alignItems": "center",
5015
4757
  "color": "#001f23",
5016
- "fontFamily": "BeVietnamPro-Regular",
5017
- "fontSize": 16,
5018
- "letterSpacing": 0.48,
5019
- "lineHeight": 24,
4758
+ "flexDirection": "row",
4759
+ "marginTop": -2,
4760
+ "textAlignVertical": "center",
4761
+ },
4762
+ {
4763
+ "backgroundColor": "#ffffff",
5020
4764
  },
5021
- [
5022
- {
5023
- "alignContent": "center",
5024
- "alignItems": "center",
5025
- "color": "#001f23",
5026
- "left": 0,
5027
- "marginTop": -2,
5028
- "position": "absolute",
5029
- "textAlignVertical": "center",
5030
- "top": "50%",
5031
- "zIndex": 1,
5032
- },
5033
- {
5034
- "backgroundColor": "#ffffff",
5035
- },
5036
- ],
5037
4765
  ]
5038
4766
  }
5039
4767
  testID="input-label"
5040
- themeIntent="body"
5041
4768
  themeState="filled"
5042
- themeTypeface="neutral"
5043
- themeVariant="regular"
5044
4769
  >
5045
4770
  <Text
5046
4771
  allowFontScaling={false}
4772
+ numberOfLines={1}
5047
4773
  style={
5048
4774
  [
5049
4775
  {
@@ -5062,7 +4788,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
5062
4788
  >
5063
4789
  Amount (AUD)
5064
4790
  </Text>
5065
- </Text>
4791
+ </View>
5066
4792
  </View>
5067
4793
  <View
5068
4794
  style={