@toptal/picasso-tagselector 102.0.0 → 102.0.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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-tagselector",
|
|
3
|
-
"version": "102.0.
|
|
3
|
+
"version": "102.0.1",
|
|
4
4
|
"description": "Toptal UI components library - Tagselector",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"classnames": "^2.5.1",
|
|
22
|
-
"@toptal/picasso-autocomplete": "102.0.
|
|
23
|
-
"@toptal/picasso-outlined-input": "102.0.
|
|
24
|
-
"@toptal/picasso-
|
|
25
|
-
"@toptal/picasso-
|
|
26
|
-
"@toptal/picasso-
|
|
27
|
-
"@toptal/picasso-utils": "102.0.
|
|
22
|
+
"@toptal/picasso-autocomplete": "102.0.1",
|
|
23
|
+
"@toptal/picasso-outlined-input": "102.0.1",
|
|
24
|
+
"@toptal/picasso-shared": "102.1.0",
|
|
25
|
+
"@toptal/picasso-tag": "102.0.1",
|
|
26
|
+
"@toptal/picasso-form": "102.0.1",
|
|
27
|
+
"@toptal/picasso-utils": "102.0.1"
|
|
28
28
|
},
|
|
29
29
|
"sideEffects": [
|
|
30
30
|
"**/styles.ts",
|
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
"@toptal/picasso-tailwind": "^102.0.0"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@toptal/picasso-
|
|
39
|
-
"@toptal/picasso-
|
|
40
|
-
"@toptal/picasso-
|
|
38
|
+
"@toptal/picasso-test-utils": "102.0.1",
|
|
39
|
+
"@toptal/picasso-popper": "102.0.1",
|
|
40
|
+
"@toptal/picasso-tailwind": "102.0.0"
|
|
41
41
|
},
|
|
42
42
|
"exports": {
|
|
43
43
|
".": "./dist-package/src/index.js"
|
|
@@ -15,13 +15,12 @@ exports[`TagSelector disabled render 1`] = `
|
|
|
15
15
|
class="flex"
|
|
16
16
|
>
|
|
17
17
|
<div
|
|
18
|
-
class="relative gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 w-[18.75rem] bg-gray 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 after:border [&:has(:focus)]:after:shadow-[
|
|
18
|
+
class="relative gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 w-[18.75rem] bg-gray 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 after:border [&:has(:focus)]:after:shadow-[0_0_0_0.1875rem] [&:has(:focus)]:after:shadow-blue text-gray flex flex-wrap h-auto cursor-pointer [&>input]:min-w [&>input]:grow [&>input]:w-0 [&>input]:h-6 [&>input]:pl-1 [&>input]:pr-0 [&>input]:mb-0 py-1 pl-1"
|
|
19
19
|
>
|
|
20
20
|
<div
|
|
21
21
|
aria-disabled="true"
|
|
22
22
|
class="text-lg transition-none border border-solid rounded-[6.25rem] h-6 max-w inline-flex justify-center items-center cursor-default bg-white group align-middle leading-[inherit] text-gray border-gray pointer-events"
|
|
23
23
|
role="button"
|
|
24
|
-
tabindex="0"
|
|
25
24
|
>
|
|
26
25
|
<span
|
|
27
26
|
class="flex gap-2 px-3 overflow-hidden items-center"
|
|
@@ -82,10 +81,10 @@ exports[`TagSelector preselected value 1`] = `
|
|
|
82
81
|
class="flex"
|
|
83
82
|
>
|
|
84
83
|
<div
|
|
85
|
-
class="relative gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 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-[
|
|
84
|
+
class="relative gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 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_0.1875rem] [&:has(:focus)]:after:shadow-blue hover:[&:not(:has(:focus))]:after:border-gray text-black flex flex-wrap h-auto cursor-pointer [&>input]:min-w [&>input]:grow [&>input]:w-0 [&>input]:h-6 [&>input]:pl-1 [&>input]:pr-0 [&>input]:mb-0 py-1 pl-1"
|
|
86
85
|
>
|
|
87
86
|
<div
|
|
88
|
-
class="text-lg transition-none border border-solid rounded-[6.25rem] h-6 max-w inline-flex justify-center items-center cursor-default bg-white group align-middle leading-[inherit] text-graphite border-gray"
|
|
87
|
+
class="text-lg transition-none border border-solid rounded-[6.25rem] h-6 max-w inline-flex justify-center items-center cursor-default bg-white group align-middle leading-[inherit] text-graphite border-gray outline-hidden focus-visible:shadow-[0_0_0_0.1875rem_color-mix(in_srgb,theme(colors.blue.500)_48%,transparent)]"
|
|
89
88
|
role="button"
|
|
90
89
|
tabindex="0"
|
|
91
90
|
>
|
|
@@ -147,7 +146,7 @@ exports[`TagSelector renders 1`] = `
|
|
|
147
146
|
class="flex"
|
|
148
147
|
>
|
|
149
148
|
<div
|
|
150
|
-
class="relative gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 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-[
|
|
149
|
+
class="relative gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 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_0.1875rem] [&:has(:focus)]:after:shadow-blue hover:[&:not(:has(:focus))]:after:border-gray text-black flex flex-wrap h-auto cursor-pointer [&>input]:min-w [&>input]:grow [&>input]:w-0 [&>input]:h-6 [&>input]:pl-1 [&>input]:pr-0 [&>input]:mb-0 py-1 pl-1"
|
|
151
150
|
>
|
|
152
151
|
<input
|
|
153
152
|
aria-autocomplete="list"
|
|
@@ -6,7 +6,7 @@ exports[`TagSelectorInput renders 1`] = `
|
|
|
6
6
|
class="flex-1 box-border [:where(&)_*]:font-sans [&_*]:[box-sizing:inherit] [&_*::before]:[box-sizing:inherit] [&_*::after]:[box-sizing:inherit]"
|
|
7
7
|
>
|
|
8
8
|
<div
|
|
9
|
-
class="relative gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 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-[
|
|
9
|
+
class="relative gap-y gap-x items-center rounded-sm [font-size:_unset] group text-nowrap p-2 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_0.1875rem] [&:has(:focus)]:after:shadow-blue hover:[&:not(:has(:focus))]:after:border-gray text-black flex flex-wrap h-auto cursor-pointer [&>input]:min-w [&>input]:grow [&>input]:w-0 [&>input]:h-6 [&>input]:pl-1 [&>input]:pr-0 [&>input]:mb-0 py-1 pl-1"
|
|
10
10
|
>
|
|
11
11
|
<input
|
|
12
12
|
aria-invalid="false"
|