@hero-design/rn-work-uikit 1.2.1 → 1.2.2
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.
- package/CHANGELOG.md +13 -2
- package/lib/index.js +10 -6
- package/package.json +2 -2
- package/src/components/TextInput/FloatingLabel.tsx +7 -1
- package/src/components/TextInput/Group/__tests__/__snapshots__/index.spec.tsx.snap +6 -3
- package/src/components/TextInput/MIGRATION.md +2 -37
- package/src/components/TextInput/__tests__/FloatingLabel.spec.tsx +3 -3
- package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +34 -17
- package/src/components/TextInput/index.tsx +1 -0
- package/stats/1.2.2/rn-work-uikit-stats.html +4842 -0
|
@@ -104,6 +104,7 @@ exports[`TextInput when user applies custom styling should respect user-provided
|
|
|
104
104
|
],
|
|
105
105
|
]
|
|
106
106
|
}
|
|
107
|
+
testID="input-label"
|
|
107
108
|
themeVariant="text"
|
|
108
109
|
>
|
|
109
110
|
<AnimatedView
|
|
@@ -139,7 +140,7 @@ exports[`TextInput when user applies custom styling should respect user-provided
|
|
|
139
140
|
],
|
|
140
141
|
]
|
|
141
142
|
}
|
|
142
|
-
testID="input-label"
|
|
143
|
+
testID="input-label-text"
|
|
143
144
|
themeFontWeight="regular"
|
|
144
145
|
themeIntent="body"
|
|
145
146
|
themeState="filled"
|
|
@@ -451,6 +452,7 @@ exports[`TextInput when user chooses textarea variant should provide multiline t
|
|
|
451
452
|
],
|
|
452
453
|
]
|
|
453
454
|
}
|
|
455
|
+
testID="input-label"
|
|
454
456
|
themeVariant="textarea"
|
|
455
457
|
>
|
|
456
458
|
<AnimatedView
|
|
@@ -486,7 +488,7 @@ exports[`TextInput when user chooses textarea variant should provide multiline t
|
|
|
486
488
|
],
|
|
487
489
|
]
|
|
488
490
|
}
|
|
489
|
-
testID="input-label"
|
|
491
|
+
testID="input-label-text"
|
|
490
492
|
themeFontWeight="regular"
|
|
491
493
|
themeIntent="body"
|
|
492
494
|
themeState="filled"
|
|
@@ -731,6 +733,7 @@ exports[`TextInput when user encounters a disabled field should display content
|
|
|
731
733
|
],
|
|
732
734
|
]
|
|
733
735
|
}
|
|
736
|
+
testID="input-label"
|
|
734
737
|
themeVariant="text"
|
|
735
738
|
>
|
|
736
739
|
<AnimatedView
|
|
@@ -766,7 +769,7 @@ exports[`TextInput when user encounters a disabled field should display content
|
|
|
766
769
|
],
|
|
767
770
|
]
|
|
768
771
|
}
|
|
769
|
-
testID="input-label"
|
|
772
|
+
testID="input-label-text"
|
|
770
773
|
themeFontWeight="regular"
|
|
771
774
|
themeIntent="body"
|
|
772
775
|
themeState="disabled"
|
|
@@ -1010,6 +1013,7 @@ exports[`TextInput when user encounters a read-only field should display content
|
|
|
1010
1013
|
],
|
|
1011
1014
|
]
|
|
1012
1015
|
}
|
|
1016
|
+
testID="input-label"
|
|
1013
1017
|
themeVariant="text"
|
|
1014
1018
|
>
|
|
1015
1019
|
<AnimatedView
|
|
@@ -1045,7 +1049,7 @@ exports[`TextInput when user encounters a read-only field should display content
|
|
|
1045
1049
|
],
|
|
1046
1050
|
]
|
|
1047
1051
|
}
|
|
1048
|
-
testID="input-label"
|
|
1052
|
+
testID="input-label-text"
|
|
1049
1053
|
themeFontWeight="regular"
|
|
1050
1054
|
themeIntent="body"
|
|
1051
1055
|
themeState="readonly"
|
|
@@ -1363,6 +1367,7 @@ exports[`TextInput when user has entered text should show the input content and
|
|
|
1363
1367
|
],
|
|
1364
1368
|
]
|
|
1365
1369
|
}
|
|
1370
|
+
testID="input-label"
|
|
1366
1371
|
themeVariant="text"
|
|
1367
1372
|
>
|
|
1368
1373
|
<AnimatedView
|
|
@@ -1398,7 +1403,7 @@ exports[`TextInput when user has entered text should show the input content and
|
|
|
1398
1403
|
],
|
|
1399
1404
|
]
|
|
1400
1405
|
}
|
|
1401
|
-
testID="input-label"
|
|
1406
|
+
testID="input-label-text"
|
|
1402
1407
|
themeFontWeight="regular"
|
|
1403
1408
|
themeIntent="body"
|
|
1404
1409
|
themeState="filled"
|
|
@@ -1716,6 +1721,7 @@ exports[`TextInput when user interacts with placeholder text starting from empty
|
|
|
1716
1721
|
],
|
|
1717
1722
|
]
|
|
1718
1723
|
}
|
|
1724
|
+
testID="input-label"
|
|
1719
1725
|
themeVariant="text"
|
|
1720
1726
|
>
|
|
1721
1727
|
<AnimatedView
|
|
@@ -1751,7 +1757,7 @@ exports[`TextInput when user interacts with placeholder text starting from empty
|
|
|
1751
1757
|
],
|
|
1752
1758
|
]
|
|
1753
1759
|
}
|
|
1754
|
-
testID="input-label"
|
|
1760
|
+
testID="input-label-text"
|
|
1755
1761
|
themeFontWeight="regular"
|
|
1756
1762
|
themeIntent="body"
|
|
1757
1763
|
themeState="default"
|
|
@@ -2026,6 +2032,7 @@ exports[`TextInput when user needs programmatic control should provide ref metho
|
|
|
2026
2032
|
],
|
|
2027
2033
|
]
|
|
2028
2034
|
}
|
|
2035
|
+
testID="input-label"
|
|
2029
2036
|
themeVariant="text"
|
|
2030
2037
|
>
|
|
2031
2038
|
<AnimatedView
|
|
@@ -2061,7 +2068,7 @@ exports[`TextInput when user needs programmatic control should provide ref metho
|
|
|
2061
2068
|
],
|
|
2062
2069
|
]
|
|
2063
2070
|
}
|
|
2064
|
-
testID="input-label"
|
|
2071
|
+
testID="input-label-text"
|
|
2065
2072
|
themeFontWeight="regular"
|
|
2066
2073
|
themeIntent="body"
|
|
2067
2074
|
themeState="filled"
|
|
@@ -2305,6 +2312,7 @@ exports[`TextInput when user provides default values starting with pre-filled co
|
|
|
2305
2312
|
],
|
|
2306
2313
|
]
|
|
2307
2314
|
}
|
|
2315
|
+
testID="input-label"
|
|
2308
2316
|
themeVariant="text"
|
|
2309
2317
|
>
|
|
2310
2318
|
<AnimatedView
|
|
@@ -2340,7 +2348,7 @@ exports[`TextInput when user provides default values starting with pre-filled co
|
|
|
2340
2348
|
],
|
|
2341
2349
|
]
|
|
2342
2350
|
}
|
|
2343
|
-
testID="input-label"
|
|
2351
|
+
testID="input-label-text"
|
|
2344
2352
|
themeFontWeight="regular"
|
|
2345
2353
|
themeIntent="body"
|
|
2346
2354
|
themeState="filled"
|
|
@@ -2651,6 +2659,7 @@ exports[`TextInput when user provides default values when both default and contr
|
|
|
2651
2659
|
],
|
|
2652
2660
|
]
|
|
2653
2661
|
}
|
|
2662
|
+
testID="input-label"
|
|
2654
2663
|
themeVariant="text"
|
|
2655
2664
|
>
|
|
2656
2665
|
<AnimatedView
|
|
@@ -2686,7 +2695,7 @@ exports[`TextInput when user provides default values when both default and contr
|
|
|
2686
2695
|
],
|
|
2687
2696
|
]
|
|
2688
2697
|
}
|
|
2689
|
-
testID="input-label"
|
|
2698
|
+
testID="input-label-text"
|
|
2690
2699
|
themeFontWeight="regular"
|
|
2691
2700
|
themeIntent="body"
|
|
2692
2701
|
themeState="filled"
|
|
@@ -2998,6 +3007,7 @@ exports[`TextInput when user sees a loading state should show loading indicator
|
|
|
2998
3007
|
],
|
|
2999
3008
|
]
|
|
3000
3009
|
}
|
|
3010
|
+
testID="input-label"
|
|
3001
3011
|
themeVariant="text"
|
|
3002
3012
|
>
|
|
3003
3013
|
<AnimatedView
|
|
@@ -3033,7 +3043,7 @@ exports[`TextInput when user sees a loading state should show loading indicator
|
|
|
3033
3043
|
],
|
|
3034
3044
|
]
|
|
3035
3045
|
}
|
|
3036
|
-
testID="input-label"
|
|
3046
|
+
testID="input-label-text"
|
|
3037
3047
|
themeFontWeight="regular"
|
|
3038
3048
|
themeIntent="body"
|
|
3039
3049
|
themeState="readonly"
|
|
@@ -3370,6 +3380,7 @@ exports[`TextInput when user sees a required field should indicate the field is
|
|
|
3370
3380
|
],
|
|
3371
3381
|
]
|
|
3372
3382
|
}
|
|
3383
|
+
testID="input-label"
|
|
3373
3384
|
themeVariant="text"
|
|
3374
3385
|
>
|
|
3375
3386
|
<AnimatedView
|
|
@@ -3405,7 +3416,7 @@ exports[`TextInput when user sees a required field should indicate the field is
|
|
|
3405
3416
|
],
|
|
3406
3417
|
]
|
|
3407
3418
|
}
|
|
3408
|
-
testID="input-label"
|
|
3419
|
+
testID="input-label-text"
|
|
3409
3420
|
themeFontWeight="regular"
|
|
3410
3421
|
themeIntent="body"
|
|
3411
3422
|
themeState="default"
|
|
@@ -3693,6 +3704,7 @@ exports[`TextInput when user sees a textarea with character count should display
|
|
|
3693
3704
|
],
|
|
3694
3705
|
]
|
|
3695
3706
|
}
|
|
3707
|
+
testID="input-label"
|
|
3696
3708
|
themeVariant="textarea"
|
|
3697
3709
|
>
|
|
3698
3710
|
<AnimatedView
|
|
@@ -3728,7 +3740,7 @@ exports[`TextInput when user sees a textarea with character count should display
|
|
|
3728
3740
|
],
|
|
3729
3741
|
]
|
|
3730
3742
|
}
|
|
3731
|
-
testID="input-label"
|
|
3743
|
+
testID="input-label-text"
|
|
3732
3744
|
themeFontWeight="regular"
|
|
3733
3745
|
themeIntent="body"
|
|
3734
3746
|
themeState="filled"
|
|
@@ -4083,6 +4095,7 @@ exports[`TextInput when user sees a textarea with character count should hide ch
|
|
|
4083
4095
|
],
|
|
4084
4096
|
]
|
|
4085
4097
|
}
|
|
4098
|
+
testID="input-label"
|
|
4086
4099
|
themeVariant="textarea"
|
|
4087
4100
|
>
|
|
4088
4101
|
<AnimatedView
|
|
@@ -4118,7 +4131,7 @@ exports[`TextInput when user sees a textarea with character count should hide ch
|
|
|
4118
4131
|
],
|
|
4119
4132
|
]
|
|
4120
4133
|
}
|
|
4121
|
-
testID="input-label"
|
|
4134
|
+
testID="input-label-text"
|
|
4122
4135
|
themeFontWeight="regular"
|
|
4123
4136
|
themeIntent="body"
|
|
4124
4137
|
themeState="filled"
|
|
@@ -4440,6 +4453,7 @@ exports[`TextInput when user sees an empty input field should display label and
|
|
|
4440
4453
|
],
|
|
4441
4454
|
]
|
|
4442
4455
|
}
|
|
4456
|
+
testID="input-label"
|
|
4443
4457
|
themeVariant="text"
|
|
4444
4458
|
>
|
|
4445
4459
|
<AnimatedView
|
|
@@ -4475,7 +4489,7 @@ exports[`TextInput when user sees an empty input field should display label and
|
|
|
4475
4489
|
],
|
|
4476
4490
|
]
|
|
4477
4491
|
}
|
|
4478
|
-
testID="input-label"
|
|
4492
|
+
testID="input-label-text"
|
|
4479
4493
|
themeFontWeight="regular"
|
|
4480
4494
|
themeIntent="body"
|
|
4481
4495
|
themeState="default"
|
|
@@ -4792,6 +4806,7 @@ exports[`TextInput when user sees an error state should display error message to
|
|
|
4792
4806
|
],
|
|
4793
4807
|
]
|
|
4794
4808
|
}
|
|
4809
|
+
testID="input-label"
|
|
4795
4810
|
themeVariant="text"
|
|
4796
4811
|
>
|
|
4797
4812
|
<AnimatedView
|
|
@@ -4827,7 +4842,7 @@ exports[`TextInput when user sees an error state should display error message to
|
|
|
4827
4842
|
],
|
|
4828
4843
|
]
|
|
4829
4844
|
}
|
|
4830
|
-
testID="input-label"
|
|
4845
|
+
testID="input-label-text"
|
|
4831
4846
|
themeFontWeight="regular"
|
|
4832
4847
|
themeIntent="body"
|
|
4833
4848
|
themeState="error"
|
|
@@ -5160,6 +5175,7 @@ exports[`TextInput when user sees helper text should display guidance text to as
|
|
|
5160
5175
|
],
|
|
5161
5176
|
]
|
|
5162
5177
|
}
|
|
5178
|
+
testID="input-label"
|
|
5163
5179
|
themeVariant="text"
|
|
5164
5180
|
>
|
|
5165
5181
|
<AnimatedView
|
|
@@ -5195,7 +5211,7 @@ exports[`TextInput when user sees helper text should display guidance text to as
|
|
|
5195
5211
|
],
|
|
5196
5212
|
]
|
|
5197
5213
|
}
|
|
5198
|
-
testID="input-label"
|
|
5214
|
+
testID="input-label-text"
|
|
5199
5215
|
themeFontWeight="regular"
|
|
5200
5216
|
themeIntent="body"
|
|
5201
5217
|
themeState="default"
|
|
@@ -5470,6 +5486,7 @@ exports[`TextInput when user sees input with custom prefix and suffix elements s
|
|
|
5470
5486
|
],
|
|
5471
5487
|
]
|
|
5472
5488
|
}
|
|
5489
|
+
testID="input-label"
|
|
5473
5490
|
themeVariant="text"
|
|
5474
5491
|
>
|
|
5475
5492
|
<AnimatedView
|
|
@@ -5505,7 +5522,7 @@ exports[`TextInput when user sees input with custom prefix and suffix elements s
|
|
|
5505
5522
|
],
|
|
5506
5523
|
]
|
|
5507
5524
|
}
|
|
5508
|
-
testID="input-label"
|
|
5525
|
+
testID="input-label-text"
|
|
5509
5526
|
themeFontWeight="regular"
|
|
5510
5527
|
themeIntent="body"
|
|
5511
5528
|
themeState="default"
|