@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/Select/MultiSelect/__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",
@@ -1638,9 +1639,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1638
1639
  themeFocused={false}
1639
1640
  themeState="filled"
1640
1641
  />
1641
- <View
1642
- onLayout={[Function]}
1643
- />
1642
+ <View />
1644
1643
  <View
1645
1644
  collapsable={false}
1646
1645
  pointerEvents="none"
@@ -1658,7 +1657,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1658
1657
  "translateY": 0,
1659
1658
  },
1660
1659
  {
1661
- "translateX": 24,
1660
+ "translateX": 16,
1662
1661
  },
1663
1662
  {
1664
1663
  "scale": 1,
@@ -1671,7 +1670,6 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1671
1670
  >
1672
1671
  <Text
1673
1672
  allowFontScaling={false}
1674
- onLayout={[Function]}
1675
1673
  style={
1676
1674
  [
1677
1675
  {
@@ -1686,8 +1684,12 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
1686
1684
  "alignContent": "center",
1687
1685
  "alignItems": "center",
1688
1686
  "color": "#001f23",
1687
+ "left": 0,
1689
1688
  "marginTop": -2,
1689
+ "position": "absolute",
1690
1690
  "textAlignVertical": "center",
1691
+ "top": "50%",
1692
+ "zIndex": 1,
1691
1693
  },
1692
1694
  {
1693
1695
  "backgroundColor": "#ffffff",
@@ -3368,9 +3370,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3368
3370
  themeFocused={false}
3369
3371
  themeState="filled"
3370
3372
  />
3371
- <View
3372
- onLayout={[Function]}
3373
- />
3373
+ <View />
3374
3374
  <View
3375
3375
  collapsable={false}
3376
3376
  pointerEvents="none"
@@ -3388,7 +3388,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3388
3388
  "translateY": 0,
3389
3389
  },
3390
3390
  {
3391
- "translateX": 24,
3391
+ "translateX": 16,
3392
3392
  },
3393
3393
  {
3394
3394
  "scale": 1,
@@ -3401,7 +3401,6 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3401
3401
  >
3402
3402
  <Text
3403
3403
  allowFontScaling={false}
3404
- onLayout={[Function]}
3405
3404
  style={
3406
3405
  [
3407
3406
  {
@@ -3416,8 +3415,12 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
3416
3415
  "alignContent": "center",
3417
3416
  "alignItems": "center",
3418
3417
  "color": "#001f23",
3418
+ "left": 0,
3419
3419
  "marginTop": -2,
3420
+ "position": "absolute",
3420
3421
  "textAlignVertical": "center",
3422
+ "top": "50%",
3423
+ "zIndex": 1,
3421
3424
  },
3422
3425
  {
3423
3426
  "backgroundColor": "#ffffff",
@@ -3654,9 +3657,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3654
3657
  themeFocused={false}
3655
3658
  themeState="filled"
3656
3659
  />
3657
- <View
3658
- onLayout={[Function]}
3659
- />
3660
+ <View />
3660
3661
  <View
3661
3662
  collapsable={false}
3662
3663
  pointerEvents="none"
@@ -3674,7 +3675,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3674
3675
  "translateY": 0,
3675
3676
  },
3676
3677
  {
3677
- "translateX": 24,
3678
+ "translateX": 16,
3678
3679
  },
3679
3680
  {
3680
3681
  "scale": 1,
@@ -3687,7 +3688,6 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3687
3688
  >
3688
3689
  <Text
3689
3690
  allowFontScaling={false}
3690
- onLayout={[Function]}
3691
3691
  style={
3692
3692
  [
3693
3693
  {
@@ -3702,8 +3702,12 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
3702
3702
  "alignContent": "center",
3703
3703
  "alignItems": "center",
3704
3704
  "color": "#001f23",
3705
+ "left": 0,
3705
3706
  "marginTop": -2,
3707
+ "position": "absolute",
3706
3708
  "textAlignVertical": "center",
3709
+ "top": "50%",
3710
+ "zIndex": 1,
3707
3711
  },
3708
3712
  {
3709
3713
  "backgroundColor": "#ffffff",
@@ -5398,9 +5402,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
5398
5402
  themeFocused={false}
5399
5403
  themeState="readonly"
5400
5404
  />
5401
- <View
5402
- onLayout={[Function]}
5403
- />
5405
+ <View />
5404
5406
  <View
5405
5407
  collapsable={false}
5406
5408
  pointerEvents="none"
@@ -5418,7 +5420,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
5418
5420
  "translateY": 0,
5419
5421
  },
5420
5422
  {
5421
- "translateX": 24,
5423
+ "translateX": 16,
5422
5424
  },
5423
5425
  {
5424
5426
  "scale": 1,
@@ -5431,7 +5433,6 @@ exports[`rendering renders correctly when input is loading 1`] = `
5431
5433
  >
5432
5434
  <Text
5433
5435
  allowFontScaling={false}
5434
- onLayout={[Function]}
5435
5436
  style={
5436
5437
  [
5437
5438
  {
@@ -5446,8 +5447,12 @@ exports[`rendering renders correctly when input is loading 1`] = `
5446
5447
  "alignContent": "center",
5447
5448
  "alignItems": "center",
5448
5449
  "color": "#808f91",
5450
+ "left": 0,
5449
5451
  "marginTop": -2,
5452
+ "position": "absolute",
5450
5453
  "textAlignVertical": "center",
5454
+ "top": "50%",
5455
+ "zIndex": 1,
5451
5456
  },
5452
5457
  {
5453
5458
  "backgroundColor": "#ffffff",
@@ -5697,9 +5702,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
5697
5702
  themeFocused={false}
5698
5703
  themeState="filled"
5699
5704
  />
5700
- <View
5701
- onLayout={[Function]}
5702
- />
5705
+ <View />
5703
5706
  <View
5704
5707
  collapsable={false}
5705
5708
  pointerEvents="none"
@@ -5717,7 +5720,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
5717
5720
  "translateY": 0,
5718
5721
  },
5719
5722
  {
5720
- "translateX": 24,
5723
+ "translateX": 16,
5721
5724
  },
5722
5725
  {
5723
5726
  "scale": 1,
@@ -5730,7 +5733,6 @@ exports[`rendering renders correctly when receives sections 1`] = `
5730
5733
  >
5731
5734
  <Text
5732
5735
  allowFontScaling={false}
5733
- onLayout={[Function]}
5734
5736
  style={
5735
5737
  [
5736
5738
  {
@@ -5745,8 +5747,12 @@ exports[`rendering renders correctly when receives sections 1`] = `
5745
5747
  "alignContent": "center",
5746
5748
  "alignItems": "center",
5747
5749
  "color": "#001f23",
5750
+ "left": 0,
5748
5751
  "marginTop": -2,
5752
+ "position": "absolute",
5749
5753
  "textAlignVertical": "center",
5754
+ "top": "50%",
5755
+ "zIndex": 1,
5750
5756
  },
5751
5757
  {
5752
5758
  "backgroundColor": "#ffffff",
@@ -7021,9 +7027,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
7021
7027
  themeFocused={false}
7022
7028
  themeState="filled"
7023
7029
  />
7024
- <View
7025
- onLayout={[Function]}
7026
- />
7030
+ <View />
7027
7031
  <View
7028
7032
  collapsable={false}
7029
7033
  pointerEvents="none"
@@ -7041,7 +7045,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
7041
7045
  "translateY": 0,
7042
7046
  },
7043
7047
  {
7044
- "translateX": 24,
7048
+ "translateX": 16,
7045
7049
  },
7046
7050
  {
7047
7051
  "scale": 1,
@@ -7054,7 +7058,6 @@ exports[`rendering renders correctly when receives sections 2`] = `
7054
7058
  >
7055
7059
  <Text
7056
7060
  allowFontScaling={false}
7057
- onLayout={[Function]}
7058
7061
  style={
7059
7062
  [
7060
7063
  {
@@ -7069,8 +7072,12 @@ exports[`rendering renders correctly when receives sections 2`] = `
7069
7072
  "alignContent": "center",
7070
7073
  "alignItems": "center",
7071
7074
  "color": "#001f23",
7075
+ "left": 0,
7072
7076
  "marginTop": -2,
7077
+ "position": "absolute",
7073
7078
  "textAlignVertical": "center",
7079
+ "top": "50%",
7080
+ "zIndex": 1,
7074
7081
  },
7075
7082
  {
7076
7083
  "backgroundColor": "#ffffff",
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
  ],