@hero-design/rn 8.87.1 → 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 (32) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +18 -0
  3. package/es/index.js +119 -59
  4. package/lib/index.js +119 -59
  5. package/package.json +2 -2
  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.87.2/rn-stats.html +4844 -0
  30. package/stats/8.88.0/rn-stats.html +4844 -0
  31. package/types/components/AppCue/StyledAppCue.d.ts +1 -1
  32. package/types/components/AppCue/utils.d.ts +6 -3
package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap CHANGED
@@ -100,9 +100,7 @@ exports[`rendering allows custom renderer 1`] = `
100
100
  themeFocused={false}
101
101
  themeState="default"
102
102
  />
103
- <View
104
- onLayout={[Function]}
105
- />
103
+ <View />
106
104
  <View
107
105
  collapsable={false}
108
106
  pointerEvents="none"
@@ -120,7 +118,7 @@ exports[`rendering allows custom renderer 1`] = `
120
118
  "translateY": 0,
121
119
  },
122
120
  {
123
- "translateX": 24,
121
+ "translateX": 16,
124
122
  },
125
123
  {
126
124
  "scale": 1,
@@ -133,7 +131,6 @@ exports[`rendering allows custom renderer 1`] = `
133
131
  >
134
132
  <Text
135
133
  allowFontScaling={false}
136
- onLayout={[Function]}
137
134
  style={
138
135
  [
139
136
  {
@@ -148,8 +145,12 @@ exports[`rendering allows custom renderer 1`] = `
148
145
  "alignContent": "center",
149
146
  "alignItems": "center",
150
147
  "color": "#001f23",
148
+ "left": 0,
151
149
  "marginTop": -2,
150
+ "position": "absolute",
152
151
  "textAlignVertical": "center",
152
+ "top": "50%",
153
+ "zIndex": 1,
153
154
  },
154
155
  {
155
156
  "backgroundColor": "#ffffff",
@@ -1552,9 +1553,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1552
1553
  themeFocused={false}
1553
1554
  themeState="filled"
1554
1555
  />
1555
- <View
1556
- onLayout={[Function]}
1557
- />
1556
+ <View />
1558
1557
  <View
1559
1558
  collapsable={false}
1560
1559
  pointerEvents="none"
@@ -1572,7 +1571,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1572
1571
  "translateY": 0,
1573
1572
  },
1574
1573
  {
1575
- "translateX": 24,
1574
+ "translateX": 16,
1576
1575
  },
1577
1576
  {
1578
1577
  "scale": 1,
@@ -1585,7 +1584,6 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1585
1584
  >
1586
1585
  <Text
1587
1586
  allowFontScaling={false}
1588
- onLayout={[Function]}
1589
1587
  style={
1590
1588
  [
1591
1589
  {
@@ -1600,8 +1598,12 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1600
1598
  "alignContent": "center",
1601
1599
  "alignItems": "center",
1602
1600
  "color": "#001f23",
1601
+ "left": 0,
1603
1602
  "marginTop": -2,
1603
+ "position": "absolute",
1604
1604
  "textAlignVertical": "center",
1605
+ "top": "50%",
1606
+ "zIndex": 1,
1605
1607
  },
1606
1608
  {
1607
1609
  "backgroundColor": "#ffffff",
@@ -3169,9 +3171,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3169
3171
  themeFocused={false}
3170
3172
  themeState="filled"
3171
3173
  />
3172
- <View
3173
- onLayout={[Function]}
3174
- />
3174
+ <View />
3175
3175
  <View
3176
3176
  collapsable={false}
3177
3177
  pointerEvents="none"
@@ -3189,7 +3189,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3189
3189
  "translateY": 0,
3190
3190
  },
3191
3191
  {
3192
- "translateX": 24,
3192
+ "translateX": 16,
3193
3193
  },
3194
3194
  {
3195
3195
  "scale": 1,
@@ -3202,7 +3202,6 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3202
3202
  >
3203
3203
  <Text
3204
3204
  allowFontScaling={false}
3205
- onLayout={[Function]}
3206
3205
  style={
3207
3206
  [
3208
3207
  {
@@ -3217,8 +3216,12 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3217
3216
  "alignContent": "center",
3218
3217
  "alignItems": "center",
3219
3218
  "color": "#001f23",
3219
+ "left": 0,
3220
3220
  "marginTop": -2,
3221
+ "position": "absolute",
3221
3222
  "textAlignVertical": "center",
3223
+ "top": "50%",
3224
+ "zIndex": 1,
3222
3225
  },
3223
3226
  {
3224
3227
  "backgroundColor": "#ffffff",
@@ -3455,9 +3458,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3455
3458
  themeFocused={false}
3456
3459
  themeState="filled"
3457
3460
  />
3458
- <View
3459
- onLayout={[Function]}
3460
- />
3461
+ <View />
3461
3462
  <View
3462
3463
  collapsable={false}
3463
3464
  pointerEvents="none"
@@ -3475,7 +3476,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3475
3476
  "translateY": 0,
3476
3477
  },
3477
3478
  {
3478
- "translateX": 24,
3479
+ "translateX": 16,
3479
3480
  },
3480
3481
  {
3481
3482
  "scale": 1,
@@ -3488,7 +3489,6 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3488
3489
  >
3489
3490
  <Text
3490
3491
  allowFontScaling={false}
3491
- onLayout={[Function]}
3492
3492
  style={
3493
3493
  [
3494
3494
  {
@@ -3503,8 +3503,12 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3503
3503
  "alignContent": "center",
3504
3504
  "alignItems": "center",
3505
3505
  "color": "#001f23",
3506
+ "left": 0,
3506
3507
  "marginTop": -2,
3508
+ "position": "absolute",
3507
3509
  "textAlignVertical": "center",
3510
+ "top": "50%",
3511
+ "zIndex": 1,
3508
3512
  },
3509
3513
  {
3510
3514
  "backgroundColor": "#ffffff",
@@ -5058,9 +5062,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
5058
5062
  themeFocused={false}
5059
5063
  themeState="readonly"
5060
5064
  />
5061
- <View
5062
- onLayout={[Function]}
5063
- />
5065
+ <View />
5064
5066
  <View
5065
5067
  collapsable={false}
5066
5068
  pointerEvents="none"
@@ -5078,7 +5080,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
5078
5080
  "translateY": 0,
5079
5081
  },
5080
5082
  {
5081
- "translateX": 24,
5083
+ "translateX": 16,
5082
5084
  },
5083
5085
  {
5084
5086
  "scale": 1,
@@ -5091,7 +5093,6 @@ exports[`rendering renders correctly when input is loading 1`] = `
5091
5093
  >
5092
5094
  <Text
5093
5095
  allowFontScaling={false}
5094
- onLayout={[Function]}
5095
5096
  style={
5096
5097
  [
5097
5098
  {
@@ -5106,8 +5107,12 @@ exports[`rendering renders correctly when input is loading 1`] = `
5106
5107
  "alignContent": "center",
5107
5108
  "alignItems": "center",
5108
5109
  "color": "#808f91",
5110
+ "left": 0,
5109
5111
  "marginTop": -2,
5112
+ "position": "absolute",
5110
5113
  "textAlignVertical": "center",
5114
+ "top": "50%",
5115
+ "zIndex": 1,
5111
5116
  },
5112
5117
  {
5113
5118
  "backgroundColor": "#ffffff",
@@ -5357,9 +5362,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
5357
5362
  themeFocused={false}
5358
5363
  themeState="filled"
5359
5364
  />
5360
- <View
5361
- onLayout={[Function]}
5362
- />
5365
+ <View />
5363
5366
  <View
5364
5367
  collapsable={false}
5365
5368
  pointerEvents="none"
@@ -5377,7 +5380,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
5377
5380
  "translateY": 0,
5378
5381
  },
5379
5382
  {
5380
- "translateX": 24,
5383
+ "translateX": 16,
5381
5384
  },
5382
5385
  {
5383
5386
  "scale": 1,
@@ -5390,7 +5393,6 @@ exports[`rendering renders correctly when receives sections 1`] = `
5390
5393
  >
5391
5394
  <Text
5392
5395
  allowFontScaling={false}
5393
- onLayout={[Function]}
5394
5396
  style={
5395
5397
  [
5396
5398
  {
@@ -5405,8 +5407,12 @@ exports[`rendering renders correctly when receives sections 1`] = `
5405
5407
  "alignContent": "center",
5406
5408
  "alignItems": "center",
5407
5409
  "color": "#001f23",
5410
+ "left": 0,
5408
5411
  "marginTop": -2,
5412
+ "position": "absolute",
5409
5413
  "textAlignVertical": "center",
5414
+ "top": "50%",
5415
+ "zIndex": 1,
5410
5416
  },
5411
5417
  {
5412
5418
  "backgroundColor": "#ffffff",
package/src/components/TextInput/StyledTextInput.tsx CHANGED
@@ -31,6 +31,10 @@ const StyledLabelInsideTextInput = styled(Typography.Body)<{
31
31
  alignItems: 'center',
32
32
  color: theme.__hd__.textInput.colors.labelsInsideTextInput[themeState],
33
33
  marginTop: theme.__hd__.textInput.space.labelInsideTextInputMarginTop,
34
+ position: 'absolute',
35
+ zIndex: 1,
36
+ left: 0,
37
+ top: '50%',
34
38
  }));
35
39
 
36
40
  const StyledAsteriskLabelInsideTextInput = styled(Typography.Body)<{
package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap CHANGED
@@ -24,8 +24,12 @@ exports[`LabelInsideTextInput renders correctly with themeState default 1`] = `
24
24
  "alignContent": "center",
25
25
  "alignItems": "center",
26
26
  "color": "#001f23",
27
+ "left": 0,
27
28
  "marginTop": -2,
29
+ "position": "absolute",
28
30
  "textAlignVertical": "center",
31
+ "top": "50%",
32
+ "zIndex": 1,
29
33
  },
30
34
  undefined,
31
35
  ],
@@ -85,8 +89,12 @@ exports[`LabelInsideTextInput renders correctly with themeState disabled 1`] = `
85
89
  "alignContent": "center",
86
90
  "alignItems": "center",
87
91
  "color": "#bfc1c5",
92
+ "left": 0,
88
93
  "marginTop": -2,
94
+ "position": "absolute",
89
95
  "textAlignVertical": "center",
96
+ "top": "50%",
97
+ "zIndex": 1,
90
98
  },
91
99
  undefined,
92
100
  ],
@@ -146,8 +154,12 @@ exports[`LabelInsideTextInput renders correctly with themeState error 1`] = `
146
154
  "alignContent": "center",
147
155
  "alignItems": "center",
148
156
  "color": "#001f23",
157
+ "left": 0,
149
158
  "marginTop": -2,
159
+ "position": "absolute",
150
160
  "textAlignVertical": "center",
161
+ "top": "50%",
162
+ "zIndex": 1,
151
163
  },
152
164
  undefined,
153
165
  ],
@@ -207,8 +219,12 @@ exports[`LabelInsideTextInput renders correctly with themeState filled 1`] = `
207
219
  "alignContent": "center",
208
220
  "alignItems": "center",
209
221
  "color": "#001f23",
222
+ "left": 0,
210
223
  "marginTop": -2,
224
+ "position": "absolute",
211
225
  "textAlignVertical": "center",
226
+ "top": "50%",
227
+ "zIndex": 1,
212
228
  },
213
229
  undefined,
214
230
  ],
@@ -268,8 +284,12 @@ exports[`LabelInsideTextInput renders correctly with themeState readonly 1`] = `
268
284
  "alignContent": "center",
269
285
  "alignItems": "center",
270
286
  "color": "#808f91",
287
+ "left": 0,
271
288
  "marginTop": -2,
289
+ "position": "absolute",
272
290
  "textAlignVertical": "center",
291
+ "top": "50%",
292
+ "zIndex": 1,
273
293
  },
274
294
  undefined,
275
295
  ],