@toptal/picasso-input 5.1.1 → 5.1.2-alpha-pf-fix-alpha-release-ea13b5aca.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.
- package/package.json +10 -10
- package/src/Input/__snapshots__/test.tsx.snap +12 -28
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-input",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.2-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
4
4
|
"description": "Toptal UI components library - Input",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -18,20 +18,20 @@
|
|
|
18
18
|
},
|
|
19
19
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@toptal/picasso-container": "3.1.
|
|
22
|
-
"@toptal/picasso-
|
|
23
|
-
"@toptal/picasso-
|
|
24
|
-
"@toptal/picasso-input
|
|
25
|
-
"@toptal/picasso-
|
|
26
|
-
"@toptal/picasso-
|
|
27
|
-
"@toptal/picasso-
|
|
21
|
+
"@toptal/picasso-container": "3.1.6-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
22
|
+
"@toptal/picasso-icons": "1.15.4-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
23
|
+
"@toptal/picasso-input-adornment": "4.0.2-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
24
|
+
"@toptal/picasso-outlined-input": "5.1.2-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
25
|
+
"@toptal/picasso-form": "7.0.3-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
26
|
+
"@toptal/picasso-utils": "4.0.2-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
27
|
+
"@toptal/picasso-shared": "16.0.1-alpha-pf-fix-alpha-release-ea13b5aca.0"
|
|
28
28
|
},
|
|
29
29
|
"sideEffects": [
|
|
30
30
|
"**/styles.ts",
|
|
31
31
|
"**/styles.js"
|
|
32
32
|
],
|
|
33
33
|
"peerDependencies": {
|
|
34
|
-
"@toptal/picasso-tailwind": "
|
|
34
|
+
"@toptal/picasso-tailwind": "4.0.1-alpha-pf-fix-alpha-release-ea13b5aca.0",
|
|
35
35
|
"react": ">=16.12.0 < 19.0.0"
|
|
36
36
|
},
|
|
37
37
|
"exports": {
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"./styles": "./dist-package/src/styles.js"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@toptal/picasso-test-utils": "2.0.
|
|
42
|
+
"@toptal/picasso-test-utils": "2.0.2-alpha-pf-fix-alpha-release-ea13b5aca.0"
|
|
43
43
|
},
|
|
44
44
|
"files": [
|
|
45
45
|
"dist-package/**",
|
|
@@ -6,7 +6,7 @@ exports[`Input renders icon in the beginning 1`] = `
|
|
|
6
6
|
class="Picasso-root"
|
|
7
7
|
>
|
|
8
8
|
<div
|
|
9
|
-
class="
|
|
9
|
+
class="relative inline-flex gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 h-8 w-[18.75rem] bg-white after:content-[""] after:inline-block after:absolute after:top-0 after:bottom-0 after:right-0 after:left-0 after:pointer-events after:border-solid after:rounded-sm after:border-gray [&:has(:focus)]:after:border-blue after:border [&:has(:focus)]:after:shadow-[0_0_0_3px] [&:has(:focus)]:after:shadow-blue hover:[&:not(:has(:focus))]:after:border-gray text-black cursor-[inherit]"
|
|
10
10
|
>
|
|
11
11
|
<div
|
|
12
12
|
class="text-graphite h-auto flex items-center whitespace-nowrap max-h pointer-events"
|
|
@@ -24,7 +24,7 @@ exports[`Input renders icon in the beginning 1`] = `
|
|
|
24
24
|
<input
|
|
25
25
|
aria-invalid="false"
|
|
26
26
|
autocomplete="none"
|
|
27
|
-
class="
|
|
27
|
+
class="[&::-webkit-calendar-picker-indicator]:bg bg-transparent border-none box-border cursor-[inherit] h-full outline-hidden p-0 peer resize-none w-full text-md leading-4 text-black [&::placeholder]:text-gray [&::placeholder]:opacity-100"
|
|
28
28
|
type="text"
|
|
29
29
|
value=""
|
|
30
30
|
/>
|
|
@@ -39,7 +39,7 @@ exports[`Input renders icon in the end 1`] = `
|
|
|
39
39
|
class="Picasso-root"
|
|
40
40
|
>
|
|
41
41
|
<div
|
|
42
|
-
class="
|
|
42
|
+
class="relative inline-flex gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 h-8 w-[18.75rem] bg-white after:content-[""] after:inline-block after:absolute after:top-0 after:bottom-0 after:right-0 after:left-0 after:pointer-events after:border-solid after:rounded-sm after:border-gray [&:has(:focus)]:after:border-blue after:border [&:has(:focus)]:after:shadow-[0_0_0_3px] [&:has(:focus)]:after:shadow-blue hover:[&:not(:has(:focus))]:after:border-gray text-black cursor-[inherit]"
|
|
43
43
|
>
|
|
44
44
|
<div
|
|
45
45
|
class="text-graphite h-auto flex items-center whitespace-nowrap max-h pointer-events"
|
|
@@ -57,7 +57,7 @@ exports[`Input renders icon in the end 1`] = `
|
|
|
57
57
|
<input
|
|
58
58
|
aria-invalid="false"
|
|
59
59
|
autocomplete="none"
|
|
60
|
-
class="
|
|
60
|
+
class="[&::-webkit-calendar-picker-indicator]:bg bg-transparent border-none box-border cursor-[inherit] h-full outline-hidden p-0 peer resize-none w-full text-md leading-4 text-black [&::placeholder]:text-gray [&::placeholder]:opacity-100"
|
|
61
61
|
type="text"
|
|
62
62
|
value=""
|
|
63
63
|
/>
|
|
@@ -72,24 +72,16 @@ exports[`Input should show manual resize handler 1`] = `
|
|
|
72
72
|
class="Picasso-root"
|
|
73
73
|
>
|
|
74
74
|
<div
|
|
75
|
-
class="
|
|
75
|
+
class="relative inline-flex gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 h-auto w-[18.75rem] bg-white after:content-[""] after:inline-block after:absolute after:top-0 after:bottom-0 after:right-0 after:left-0 after:pointer-events after:border-solid after:rounded-sm after:border-gray [&:has(:focus)]:after:border-blue after:border [&:has(:focus)]:after:shadow-[0_0_0_3px] [&:has(:focus)]:after:shadow-blue hover:[&:not(:has(:focus))]:after:border-gray text-black cursor-[inherit]"
|
|
76
76
|
>
|
|
77
77
|
<textarea
|
|
78
78
|
aria-invalid="false"
|
|
79
79
|
autocomplete="none"
|
|
80
|
-
class="
|
|
81
|
-
style="height: 0px; overflow: hidden;"
|
|
80
|
+
class="[&::-webkit-calendar-picker-indicator]:bg bg-transparent border-none box-border cursor-[inherit] h-full outline-hidden p-0 peer w-full text-md leading-4 text-black [&::placeholder]:text-gray [&::placeholder]:opacity-100 resize-y"
|
|
82
81
|
type="text"
|
|
83
82
|
>
|
|
84
83
|
Some value
|
|
85
84
|
</textarea>
|
|
86
|
-
<textarea
|
|
87
|
-
aria-hidden="true"
|
|
88
|
-
class="base-Input base-Input [&::-webkit-calendar-picker-indicator]:bg bg-transparent border-none box-border cursor-[inherit] h-full outline-hidden p-0 peer w-full text-md leading-4 text-black [&::placeholder]:text-gray [&::placeholder]:opacity-100 resize-y"
|
|
89
|
-
readonly=""
|
|
90
|
-
style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding-top: 0px; padding-bottom: 0px;"
|
|
91
|
-
tabindex="-1"
|
|
92
|
-
/>
|
|
93
85
|
</div>
|
|
94
86
|
</div>
|
|
95
87
|
</div>
|
|
@@ -101,12 +93,12 @@ exports[`Input should show reset button 1`] = `
|
|
|
101
93
|
class="Picasso-root"
|
|
102
94
|
>
|
|
103
95
|
<div
|
|
104
|
-
class="
|
|
96
|
+
class="relative inline-flex gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 h-8 w-[18.75rem] bg-white after:content-[""] after:inline-block after:absolute after:top-0 after:bottom-0 after:right-0 after:left-0 after:pointer-events after:border-solid after:rounded-sm after:border-gray [&:has(:focus)]:after:border-blue after:border [&:has(:focus)]:after:shadow-[0_0_0_3px] [&:has(:focus)]:after:shadow-blue hover:[&:not(:has(:focus))]:after:border-gray text-black cursor-[inherit]"
|
|
105
97
|
>
|
|
106
98
|
<input
|
|
107
99
|
aria-invalid="false"
|
|
108
100
|
autocomplete="none"
|
|
109
|
-
class="
|
|
101
|
+
class="[&::-webkit-calendar-picker-indicator]:bg bg-transparent border-none box-border cursor-[inherit] h-full outline-hidden p-0 peer resize-none w-full text-md leading-4 text-black [&::placeholder]:text-gray [&::placeholder]:opacity-100"
|
|
110
102
|
type="text"
|
|
111
103
|
value="Some value"
|
|
112
104
|
/>
|
|
@@ -148,22 +140,14 @@ exports[`Input shows counter for multiline input 1`] = `
|
|
|
148
140
|
class="Picasso-root"
|
|
149
141
|
>
|
|
150
142
|
<div
|
|
151
|
-
class="
|
|
143
|
+
class="relative inline-flex gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 h-auto w-[18.75rem] bg-white after:content-[""] after:inline-block after:absolute after:top-0 after:bottom-0 after:right-0 after:left-0 after:pointer-events after:border-solid after:rounded-sm after:border-gray [&:has(:focus)]:after:border-blue after:border [&:has(:focus)]:after:shadow-[0_0_0_3px] [&:has(:focus)]:after:shadow-blue hover:[&:not(:has(:focus))]:after:border-gray text-black cursor-[inherit]"
|
|
152
144
|
>
|
|
153
145
|
<textarea
|
|
154
146
|
aria-invalid="false"
|
|
155
147
|
autocomplete="none"
|
|
156
|
-
class="
|
|
157
|
-
style="height: 0px; overflow: hidden;"
|
|
148
|
+
class="[&::-webkit-calendar-picker-indicator]:bg bg-transparent border-none box-border cursor-[inherit] h-full outline-hidden p-0 peer resize-none w-full text-md leading-4 text-black [&::placeholder]:text-gray [&::placeholder]:opacity-100"
|
|
158
149
|
type="text"
|
|
159
150
|
/>
|
|
160
|
-
<textarea
|
|
161
|
-
aria-hidden="true"
|
|
162
|
-
class="base-Input base-Input [&::-webkit-calendar-picker-indicator]:bg bg-transparent border-none box-border cursor-[inherit] h-full outline-hidden p-0 peer resize-none w-full text-md leading-4 text-black [&::placeholder]:text-gray [&::placeholder]:opacity-100"
|
|
163
|
-
readonly=""
|
|
164
|
-
style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding-top: 0px; padding-bottom: 0px;"
|
|
165
|
-
tabindex="-1"
|
|
166
|
-
/>
|
|
167
151
|
</div>
|
|
168
152
|
<div
|
|
169
153
|
class="flex"
|
|
@@ -178,12 +162,12 @@ exports[`Input shows counter for regular input 1`] = `
|
|
|
178
162
|
class="Picasso-root"
|
|
179
163
|
>
|
|
180
164
|
<div
|
|
181
|
-
class="
|
|
165
|
+
class="relative inline-flex gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 h-8 w-[18.75rem] bg-white after:content-[""] after:inline-block after:absolute after:top-0 after:bottom-0 after:right-0 after:left-0 after:pointer-events after:border-solid after:rounded-sm after:border-gray [&:has(:focus)]:after:border-blue after:border [&:has(:focus)]:after:shadow-[0_0_0_3px] [&:has(:focus)]:after:shadow-blue hover:[&:not(:has(:focus))]:after:border-gray text-black cursor-[inherit]"
|
|
182
166
|
>
|
|
183
167
|
<input
|
|
184
168
|
aria-invalid="false"
|
|
185
169
|
autocomplete="none"
|
|
186
|
-
class="
|
|
170
|
+
class="[&::-webkit-calendar-picker-indicator]:bg bg-transparent border-none box-border cursor-[inherit] h-full outline-hidden p-0 peer resize-none w-full text-md leading-4 text-black [&::placeholder]:text-gray [&::placeholder]:opacity-100"
|
|
187
171
|
type="text"
|
|
188
172
|
value=""
|
|
189
173
|
/>
|