@hero-design/rn 8.44.0 → 8.44.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 (25) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +6 -0
  3. package/es/index.js +154 -96
  4. package/lib/index.js +154 -96
  5. package/package.json +1 -1
  6. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +102 -57
  7. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +34 -19
  8. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +34 -19
  9. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +34 -19
  10. package/src/components/RichTextEditor/RichTextEditor.tsx +76 -38
  11. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +126 -102
  12. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +235 -146
  13. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +201 -127
  14. package/src/components/TextInput/StyledTextInput.tsx +8 -31
  15. package/src/components/TextInput/__tests__/StyledTextInput.spec.tsx +0 -44
  16. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +21 -638
  17. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +1126 -833
  18. package/src/components/TextInput/__tests__/index.spec.tsx +2 -2
  19. package/src/components/TextInput/index.tsx +113 -57
  20. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +68 -38
  21. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +68 -38
  22. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +2 -2
  23. package/src/theme/components/textInput.ts +2 -2
  24. package/types/components/TextInput/StyledTextInput.d.ts +4 -24
  25. package/types/components/TextInput/index.d.ts +1 -0
package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -61,6 +61,7 @@ exports[`rendering allows custom renderer 1`] = `
61
61
  }
62
62
  >
63
63
  <View
64
+ onLayout={[Function]}
64
65
  style={
65
66
  [
66
67
  {
@@ -99,6 +100,70 @@ exports[`rendering allows custom renderer 1`] = `
99
100
  themeFocused={false}
100
101
  themeState="default"
101
102
  />
103
+ <View
104
+ onLayout={[Function]}
105
+ />
106
+ <View
107
+ collapsable={false}
108
+ pointerEvents="none"
109
+ style={
110
+ {
111
+ "alignItems": "center",
112
+ "flexDirection": "row",
113
+ "left": -32,
114
+ "position": "absolute",
115
+ "right": 0,
116
+ "top": -10.666666666666666,
117
+ "transform": [
118
+ {
119
+ "translateY": 0,
120
+ },
121
+ {
122
+ "translateX": 48,
123
+ },
124
+ {
125
+ "scale": 1,
126
+ },
127
+ ],
128
+ "zIndex": 1,
129
+ }
130
+ }
131
+ themeVariant="text"
132
+ >
133
+ <Text
134
+ allowFontScaling={false}
135
+ style={
136
+ [
137
+ {
138
+ "color": "#001f23",
139
+ "fontFamily": "BeVietnamPro-Regular",
140
+ "fontSize": 16,
141
+ "letterSpacing": 0.48,
142
+ "lineHeight": 24,
143
+ },
144
+ [
145
+ {
146
+ "alignContent": "center",
147
+ "alignItems": "center",
148
+ "color": "#001f23",
149
+ "marginTop": -2,
150
+ "textAlignVertical": "center",
151
+ },
152
+ {
153
+ "backgroundColor": "#ffffff",
154
+ },
155
+ ],
156
+ ]
157
+ }
158
+ testID="input-label"
159
+ themeIntent="body"
160
+ themeState="default"
161
+ themeTypeface="neutral"
162
+ themeVariant="regular"
163
+ >
164
+ Choose collaborators
165
+ </Text>
166
+ </View>
102
167
  <View
103
168
  style={
104
169
  [
@@ -113,57 +178,6 @@ exports[`rendering allows custom renderer 1`] = `
113
178
  ]
114
179
  }
115
180
  >
116
- <View
117
- pointerEvents="none"
118
- style={
119
- [
120
- {
121
- "alignItems": "center",
122
- "bottom": 0,
123
- "flexDirection": "row",
124
- "left": 0,
125
- "position": "absolute",
126
- "right": 0,
127
- "top": 0,
128
- "zIndex": 9999,
129
- },
130
- undefined,
131
- ]
132
- }
133
- themeVariant="text"
134
- >
135
- <Text
136
- allowFontScaling={false}
137
- style={
138
- [
139
- {
140
- "color": "#001f23",
141
- "fontFamily": "BeVietnamPro-Regular",
142
- "fontSize": 16,
143
- "letterSpacing": 0.48,
144
- "lineHeight": 24,
145
- },
146
- [
147
- {
148
- "alignContent": "center",
149
- "alignItems": "center",
150
- "color": "#001f23",
151
- "marginTop": -2,
152
- "textAlignVertical": "center",
153
- },
154
- undefined,
155
- ],
156
- ]
157
- }
158
- testID="input-label"
159
- themeIntent="body"
160
- themeState="default"
161
- themeTypeface="neutral"
162
- themeVariant="regular"
163
- >
164
- Choose collaborators
165
- </Text>
166
- </View>
167
181
  <TextInput
168
182
  accessibilityState={
169
183
  {
@@ -1576,6 +1590,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1576
1590
  }
1577
1591
  >
1578
1592
  <View
1593
+ onLayout={[Function]}
1579
1594
  style={
1580
1595
  [
1581
1596
  {
@@ -1615,24 +1630,34 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1615
1630
  themeState="filled"
1616
1631
  />
1617
1632
  <View
1633
+ onLayout={[Function]}
1634
+ />
1635
+ <View
1636
+ collapsable={false}
1618
1637
  pointerEvents="none"
1619
1638
  style={
1620
- [
1621
- {
1622
- "backgroundColor": "#ffffff",
1623
- "flexDirection": "row",
1624
- "left": 16,
1625
- "paddingHorizontal": 4,
1626
- "position": "absolute",
1627
- "top": -4,
1628
- "zIndex": 1,
1629
- },
1630
- {
1631
- "backgroundColor": "#ffffff",
1632
- },
1633
- ]
1639
+ {
1640
+ "alignItems": "center",
1641
+ "flexDirection": "row",
1642
+ "left": -32,
1643
+ "position": "absolute",
1644
+ "right": 0,
1645
+ "top": -10.666666666666666,
1646
+ "transform": [
1647
+ {
1648
+ "translateY": 0,
1649
+ },
1650
+ {
1651
+ "translateX": 48,
1652
+ },
1653
+ {
1654
+ "scale": 1,
1655
+ },
1656
+ ],
1657
+ "zIndex": 1,
1658
+ }
1634
1659
  }
1635
- testID="label-container"
1660
+ themeVariant="text"
1636
1661
  >
1637
1662
  <Text
1638
1663
  allowFontScaling={false}
@@ -1641,14 +1666,17 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1641
1666
  {
1642
1667
  "color": "#001f23",
1643
1668
  "fontFamily": "BeVietnamPro-Regular",
1644
- "fontSize": 12,
1669
+ "fontSize": 16,
1645
1670
  "letterSpacing": 0.48,
1646
- "lineHeight": 16,
1671
+ "lineHeight": 24,
1647
1672
  },
1648
1673
  [
1649
1674
  {
1675
+ "alignContent": "center",
1676
+ "alignItems": "center",
1650
1677
  "color": "#001f23",
1651
- "lineHeight": 12,
1678
+ "marginTop": -2,
1679
+ "textAlignVertical": "center",
1652
1680
  },
1653
1681
  {
1654
1682
  "backgroundColor": "#ffffff",
@@ -1657,9 +1685,10 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
1657
1685
  ]
1658
1686
  }
1659
1687
  testID="input-label"
1660
- themeFontWeight="regular"
1661
1688
  themeIntent="body"
1662
1689
  themeState="filled"
1690
+ themeTypeface="neutral"
1691
+ themeVariant="regular"
1663
1692
  >
1664
1693
  Allow notifications
1665
1694
  </Text>
@@ -1850,6 +1879,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1850
1879
  }
1851
1880
  >
1852
1881
  <View
1882
+ onLayout={[Function]}
1853
1883
  style={
1854
1884
  [
1855
1885
  {
@@ -1889,24 +1919,34 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1889
1919
  themeState="filled"
1890
1920
  />
1891
1921
  <View
1922
+ onLayout={[Function]}
1923
+ />
1924
+ <View
1925
+ collapsable={false}
1892
1926
  pointerEvents="none"
1893
1927
  style={
1894
- [
1895
- {
1896
- "backgroundColor": "#ffffff",
1897
- "flexDirection": "row",
1898
- "left": 16,
1899
- "paddingHorizontal": 4,
1900
- "position": "absolute",
1901
- "top": -4,
1902
- "zIndex": 1,
1903
- },
1904
- {
1905
- "backgroundColor": "#ffffff",
1906
- },
1907
- ]
1928
+ {
1929
+ "alignItems": "center",
1930
+ "flexDirection": "row",
1931
+ "left": -32,
1932
+ "position": "absolute",
1933
+ "right": 0,
1934
+ "top": -10.666666666666666,
1935
+ "transform": [
1936
+ {
1937
+ "translateY": 0,
1938
+ },
1939
+ {
1940
+ "translateX": 48,
1941
+ },
1942
+ {
1943
+ "scale": 1,
1944
+ },
1945
+ ],
1946
+ "zIndex": 1,
1947
+ }
1908
1948
  }
1909
- testID="label-container"
1949
+ themeVariant="text"
1910
1950
  >
1911
1951
  <Text
1912
1952
  allowFontScaling={false}
@@ -1915,14 +1955,17 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1915
1955
  {
1916
1956
  "color": "#001f23",
1917
1957
  "fontFamily": "BeVietnamPro-Regular",
1918
- "fontSize": 12,
1958
+ "fontSize": 16,
1919
1959
  "letterSpacing": 0.48,
1920
- "lineHeight": 16,
1960
+ "lineHeight": 24,
1921
1961
  },
1922
1962
  [
1923
1963
  {
1964
+ "alignContent": "center",
1965
+ "alignItems": "center",
1924
1966
  "color": "#001f23",
1925
- "lineHeight": 12,
1967
+ "marginTop": -2,
1968
+ "textAlignVertical": "center",
1926
1969
  },
1927
1970
  {
1928
1971
  "backgroundColor": "#ffffff",
@@ -1931,9 +1974,10 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
1931
1974
  ]
1932
1975
  }
1933
1976
  testID="input-label"
1934
- themeFontWeight="regular"
1935
1977
  themeIntent="body"
1936
1978
  themeState="filled"
1979
+ themeTypeface="neutral"
1980
+ themeVariant="regular"
1937
1981
  >
1938
1982
  Allow notifications
1939
1983
  </Text>
@@ -3570,6 +3614,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
3570
3614
  }
3571
3615
  >
3572
3616
  <View
3617
+ onLayout={[Function]}
3573
3618
  style={
3574
3619
  [
3575
3620
  {
@@ -3609,24 +3654,34 @@ exports[`rendering renders correctly when input is loading 1`] = `
3609
3654
  themeState="readonly"
3610
3655
  />
3611
3656
  <View
3657
+ onLayout={[Function]}
3658
+ />
3659
+ <View
3660
+ collapsable={false}
3612
3661
  pointerEvents="none"
3613
3662
  style={
3614
- [
3615
- {
3616
- "backgroundColor": "#ffffff",
3617
- "flexDirection": "row",
3618
- "left": 16,
3619
- "paddingHorizontal": 4,
3620
- "position": "absolute",
3621
- "top": -4,
3622
- "zIndex": 1,
3623
- },
3624
- {
3625
- "backgroundColor": "#ffffff",
3626
- },
3627
- ]
3663
+ {
3664
+ "alignItems": "center",
3665
+ "flexDirection": "row",
3666
+ "left": -32,
3667
+ "position": "absolute",
3668
+ "right": 0,
3669
+ "top": -10.666666666666666,
3670
+ "transform": [
3671
+ {
3672
+ "translateY": 0,
3673
+ },
3674
+ {
3675
+ "translateX": 48,
3676
+ },
3677
+ {
3678
+ "scale": 1,
3679
+ },
3680
+ ],
3681
+ "zIndex": 1,
3682
+ }
3628
3683
  }
3629
- testID="label-container"
3684
+ themeVariant="text"
3630
3685
  >
3631
3686
  <Text
3632
3687
  allowFontScaling={false}
@@ -3635,14 +3690,17 @@ exports[`rendering renders correctly when input is loading 1`] = `
3635
3690
  {
3636
3691
  "color": "#001f23",
3637
3692
  "fontFamily": "BeVietnamPro-Regular",
3638
- "fontSize": 12,
3693
+ "fontSize": 16,
3639
3694
  "letterSpacing": 0.48,
3640
- "lineHeight": 16,
3695
+ "lineHeight": 24,
3641
3696
  },
3642
3697
  [
3643
3698
  {
3699
+ "alignContent": "center",
3700
+ "alignItems": "center",
3644
3701
  "color": "#808f91",
3645
- "lineHeight": 12,
3702
+ "marginTop": -2,
3703
+ "textAlignVertical": "center",
3646
3704
  },
3647
3705
  {
3648
3706
  "backgroundColor": "#ffffff",
@@ -3651,9 +3709,10 @@ exports[`rendering renders correctly when input is loading 1`] = `
3651
3709
  ]
3652
3710
  }
3653
3711
  testID="input-label"
3654
- themeFontWeight="regular"
3655
3712
  themeIntent="body"
3656
3713
  themeState="readonly"
3714
+ themeTypeface="neutral"
3715
+ themeVariant="regular"
3657
3716
  >
3658
3717
  Allow notifications
3659
3718
  </Text>
@@ -3857,6 +3916,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
3857
3916
  }
3858
3917
  >
3859
3918
  <View
3919
+ onLayout={[Function]}
3860
3920
  style={
3861
3921
  [
3862
3922
  {
@@ -3896,24 +3956,34 @@ exports[`rendering renders correctly when receives sections 1`] = `
3896
3956
  themeState="filled"
3897
3957
  />
3898
3958
  <View
3959
+ onLayout={[Function]}
3960
+ />
3961
+ <View
3962
+ collapsable={false}
3899
3963
  pointerEvents="none"
3900
3964
  style={
3901
- [
3902
- {
3903
- "backgroundColor": "#ffffff",
3904
- "flexDirection": "row",
3905
- "left": 16,
3906
- "paddingHorizontal": 4,
3907
- "position": "absolute",
3908
- "top": -4,
3909
- "zIndex": 1,
3910
- },
3911
- {
3912
- "backgroundColor": "#ffffff",
3913
- },
3914
- ]
3965
+ {
3966
+ "alignItems": "center",
3967
+ "flexDirection": "row",
3968
+ "left": -32,
3969
+ "position": "absolute",
3970
+ "right": 0,
3971
+ "top": -10.666666666666666,
3972
+ "transform": [
3973
+ {
3974
+ "translateY": 0,
3975
+ },
3976
+ {
3977
+ "translateX": 48,
3978
+ },
3979
+ {
3980
+ "scale": 1,
3981
+ },
3982
+ ],
3983
+ "zIndex": 1,
3984
+ }
3915
3985
  }
3916
- testID="label-container"
3986
+ themeVariant="text"
3917
3987
  >
3918
3988
  <Text
3919
3989
  allowFontScaling={false}
@@ -3922,14 +3992,17 @@ exports[`rendering renders correctly when receives sections 1`] = `
3922
3992
  {
3923
3993
  "color": "#001f23",
3924
3994
  "fontFamily": "BeVietnamPro-Regular",
3925
- "fontSize": 12,
3995
+ "fontSize": 16,
3926
3996
  "letterSpacing": 0.48,
3927
- "lineHeight": 16,
3997
+ "lineHeight": 24,
3928
3998
  },
3929
3999
  [
3930
4000
  {
4001
+ "alignContent": "center",
4002
+ "alignItems": "center",
3931
4003
  "color": "#001f23",
3932
- "lineHeight": 12,
4004
+ "marginTop": -2,
4005
+ "textAlignVertical": "center",
3933
4006
  },
3934
4007
  {
3935
4008
  "backgroundColor": "#ffffff",
@@ -3938,9 +4011,10 @@ exports[`rendering renders correctly when receives sections 1`] = `
3938
4011
  ]
3939
4012
  }
3940
4013
  testID="input-label"
3941
- themeFontWeight="regular"
3942
4014
  themeIntent="body"
3943
4015
  themeState="filled"
4016
+ themeTypeface="neutral"
4017
+ themeVariant="regular"
3944
4018
  >
3945
4019
  Allow notifications
3946
4020
  </Text>
@@ -5157,6 +5231,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
5157
5231
  }
5158
5232
  >
5159
5233
  <View
5234
+ onLayout={[Function]}
5160
5235
  style={
5161
5236
  [
5162
5237
  {
@@ -5196,24 +5271,34 @@ exports[`rendering renders correctly when receives sections 2`] = `
5196
5271
  themeState="filled"
5197
5272
  />
5198
5273
  <View
5274
+ onLayout={[Function]}
5275
+ />
5276
+ <View
5277
+ collapsable={false}
5199
5278
  pointerEvents="none"
5200
5279
  style={
5201
- [
5202
- {
5203
- "backgroundColor": "#ffffff",
5204
- "flexDirection": "row",
5205
- "left": 16,
5206
- "paddingHorizontal": 4,
5207
- "position": "absolute",
5208
- "top": -4,
5209
- "zIndex": 1,
5210
- },
5211
- {
5212
- "backgroundColor": "#ffffff",
5213
- },
5214
- ]
5280
+ {
5281
+ "alignItems": "center",
5282
+ "flexDirection": "row",
5283
+ "left": -32,
5284
+ "position": "absolute",
5285
+ "right": 0,
5286
+ "top": -10.666666666666666,
5287
+ "transform": [
5288
+ {
5289
+ "translateY": 0,
5290
+ },
5291
+ {
5292
+ "translateX": 48,
5293
+ },
5294
+ {
5295
+ "scale": 1,
5296
+ },
5297
+ ],
5298
+ "zIndex": 1,
5299
+ }
5215
5300
  }
5216
- testID="label-container"
5301
+ themeVariant="text"
5217
5302
  >
5218
5303
  <Text
5219
5304
  allowFontScaling={false}
@@ -5222,14 +5307,17 @@ exports[`rendering renders correctly when receives sections 2`] = `
5222
5307
  {
5223
5308
  "color": "#001f23",
5224
5309
  "fontFamily": "BeVietnamPro-Regular",
5225
- "fontSize": 12,
5310
+ "fontSize": 16,
5226
5311
  "letterSpacing": 0.48,
5227
- "lineHeight": 16,
5312
+ "lineHeight": 24,
5228
5313
  },
5229
5314
  [
5230
5315
  {
5316
+ "alignContent": "center",
5317
+ "alignItems": "center",
5231
5318
  "color": "#001f23",
5232
- "lineHeight": 12,
5319
+ "marginTop": -2,
5320
+ "textAlignVertical": "center",
5233
5321
  },
5234
5322
  {
5235
5323
  "backgroundColor": "#ffffff",
@@ -5238,9 +5326,10 @@ exports[`rendering renders correctly when receives sections 2`] = `
5238
5326
  ]
5239
5327
  }
5240
5328
  testID="input-label"
5241
- themeFontWeight="regular"
5242
5329
  themeIntent="body"
5243
5330
  themeState="filled"
5331
+ themeTypeface="neutral"
5332
+ themeVariant="regular"
5244
5333
  >
5245
5334
  Allow notifications
5246
5335
  </Text>