@toptal/picasso-button 2.0.4-alpha-feature-tailwind-w21-55df77335.48 → 2.0.4-alpha-feature-tailwind-w21-dbc97c122.50
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 +14 -14
- package/src/Button/__snapshots__/test.tsx.snap +2 -2
- package/src/ButtonBase/__snapshots__/test.tsx.snap +11 -11
- package/src/ButtonCheckbox/__snapshots__/test.tsx.snap +2 -2
- package/src/ButtonGroup/__snapshots__/test.tsx.snap +3 -3
- package/src/ButtonRadio/__snapshots__/test.tsx.snap +1 -1
- package/src/ButtonSplit/__snapshots__/test.tsx.snap +5 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-button",
|
|
3
|
-
"version": "2.0.4-alpha-feature-tailwind-w21-
|
|
3
|
+
"version": "2.0.4-alpha-feature-tailwind-w21-dbc97c122.50+dbc97c122",
|
|
4
4
|
"description": "Toptal UI components library - Button",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -23,15 +23,15 @@
|
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@mui/base": "5.0.0-beta.40",
|
|
26
|
-
"@toptal/picasso-checkbox": "2.0.3-alpha-feature-tailwind-w21-
|
|
27
|
-
"@toptal/picasso-container": "1.0.4-alpha-feature-tailwind-w21-
|
|
28
|
-
"@toptal/picasso-dropdown": "2.0.4-alpha-feature-tailwind-w21-
|
|
29
|
-
"@toptal/picasso-icons": "1.1.2-alpha-feature-tailwind-w21-
|
|
30
|
-
"@toptal/picasso-link": "1.0.4-alpha-feature-tailwind-w21-
|
|
31
|
-
"@toptal/picasso-loader": "1.0.4-alpha-feature-tailwind-w21-
|
|
32
|
-
"@toptal/picasso-radio": "2.0.3-alpha-feature-tailwind-w21-
|
|
33
|
-
"@toptal/picasso-shared": "15.0.1-alpha-feature-tailwind-w21-
|
|
34
|
-
"@toptal/picasso-utils": "1.0.4-alpha-feature-tailwind-w21-
|
|
26
|
+
"@toptal/picasso-checkbox": "2.0.3-alpha-feature-tailwind-w21-dbc97c122.50+dbc97c122",
|
|
27
|
+
"@toptal/picasso-container": "1.0.4-alpha-feature-tailwind-w21-dbc97c122.56+dbc97c122",
|
|
28
|
+
"@toptal/picasso-dropdown": "2.0.4-alpha-feature-tailwind-w21-dbc97c122.54+dbc97c122",
|
|
29
|
+
"@toptal/picasso-icons": "1.1.2-alpha-feature-tailwind-w21-dbc97c122.56+dbc97c122",
|
|
30
|
+
"@toptal/picasso-link": "1.0.4-alpha-feature-tailwind-w21-dbc97c122.56+dbc97c122",
|
|
31
|
+
"@toptal/picasso-loader": "1.0.4-alpha-feature-tailwind-w21-dbc97c122.56+dbc97c122",
|
|
32
|
+
"@toptal/picasso-radio": "2.0.3-alpha-feature-tailwind-w21-dbc97c122.50+dbc97c122",
|
|
33
|
+
"@toptal/picasso-shared": "15.0.1-alpha-feature-tailwind-w21-dbc97c122.56+dbc97c122",
|
|
34
|
+
"@toptal/picasso-utils": "1.0.4-alpha-feature-tailwind-w21-dbc97c122.56+dbc97c122",
|
|
35
35
|
"ap-style-title-case": "^1.1.2",
|
|
36
36
|
"classnames": "^2.5.1"
|
|
37
37
|
},
|
|
@@ -49,14 +49,14 @@
|
|
|
49
49
|
".": "./dist-package/src/index.js"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@toptal/picasso-provider": "4.2.2-alpha-feature-tailwind-w21-
|
|
53
|
-
"@toptal/picasso-tailwind-merge": "1.1.1-alpha-feature-tailwind-w21-
|
|
54
|
-
"@toptal/picasso-test-utils": "1.1.2-alpha-feature-tailwind-w21-
|
|
52
|
+
"@toptal/picasso-provider": "4.2.2-alpha-feature-tailwind-w21-dbc97c122.64+dbc97c122",
|
|
53
|
+
"@toptal/picasso-tailwind-merge": "1.1.1-alpha-feature-tailwind-w21-dbc97c122.4291+dbc97c122",
|
|
54
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-feature-tailwind-w21-dbc97c122.56+dbc97c122"
|
|
55
55
|
},
|
|
56
56
|
"files": [
|
|
57
57
|
"dist-package/**",
|
|
58
58
|
"!dist-package/tsconfig.tsbuildinfo",
|
|
59
59
|
"src"
|
|
60
60
|
],
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "dbc97c122624701633cad6c831b906a0a85176a1"
|
|
62
62
|
}
|
|
@@ -15,7 +15,7 @@ exports[`Button disabled button as link renders disabled version 1`] = `
|
|
|
15
15
|
type="button"
|
|
16
16
|
>
|
|
17
17
|
<span
|
|
18
|
-
class="
|
|
18
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
19
19
|
>
|
|
20
20
|
Click me!
|
|
21
21
|
</span>
|
|
@@ -39,7 +39,7 @@ exports[`Button disabled button renders disabled version 1`] = `
|
|
|
39
39
|
type="button"
|
|
40
40
|
>
|
|
41
41
|
<span
|
|
42
|
-
class="
|
|
42
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
43
43
|
>
|
|
44
44
|
Click me!
|
|
45
45
|
</span>
|
|
@@ -15,7 +15,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop does not equal "butt
|
|
|
15
15
|
type="button"
|
|
16
16
|
>
|
|
17
17
|
<span
|
|
18
|
-
class="
|
|
18
|
+
class="items-center inline-flex"
|
|
19
19
|
>
|
|
20
20
|
Click me!
|
|
21
21
|
</span>
|
|
@@ -39,7 +39,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop does not equal "butt
|
|
|
39
39
|
type="button"
|
|
40
40
|
>
|
|
41
41
|
<span
|
|
42
|
-
class="
|
|
42
|
+
class="items-center inline-flex"
|
|
43
43
|
>
|
|
44
44
|
Click me!
|
|
45
45
|
</span>
|
|
@@ -63,7 +63,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon
|
|
|
63
63
|
type="button"
|
|
64
64
|
>
|
|
65
65
|
<span
|
|
66
|
-
class="
|
|
66
|
+
class="items-center inline-flex"
|
|
67
67
|
>
|
|
68
68
|
Click me!
|
|
69
69
|
</span>
|
|
@@ -87,7 +87,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon
|
|
|
87
87
|
type="button"
|
|
88
88
|
>
|
|
89
89
|
<span
|
|
90
|
-
class="
|
|
90
|
+
class="items-center inline-flex"
|
|
91
91
|
>
|
|
92
92
|
Click me!
|
|
93
93
|
</span>
|
|
@@ -111,7 +111,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "Link" compon
|
|
|
111
111
|
type="button"
|
|
112
112
|
>
|
|
113
113
|
<span
|
|
114
|
-
class="
|
|
114
|
+
class="items-center inline-flex"
|
|
115
115
|
>
|
|
116
116
|
Click me!
|
|
117
117
|
</span>
|
|
@@ -135,7 +135,7 @@ exports[`ButtonBase when "as" prop is passed when "as" prop equals "a" renders B
|
|
|
135
135
|
type="button"
|
|
136
136
|
>
|
|
137
137
|
<span
|
|
138
|
-
class="
|
|
138
|
+
class="items-center inline-flex"
|
|
139
139
|
>
|
|
140
140
|
Click me!
|
|
141
141
|
</span>
|
|
@@ -158,7 +158,7 @@ exports[`ButtonBase when "disabled" prop is false renders Button and does not tr
|
|
|
158
158
|
type="button"
|
|
159
159
|
>
|
|
160
160
|
<span
|
|
161
|
-
class="
|
|
161
|
+
class="items-center inline-flex"
|
|
162
162
|
>
|
|
163
163
|
Click me!
|
|
164
164
|
</span>
|
|
@@ -182,7 +182,7 @@ exports[`ButtonBase when "disabled" prop is true renders Button and does not tri
|
|
|
182
182
|
type="button"
|
|
183
183
|
>
|
|
184
184
|
<span
|
|
185
|
-
class="
|
|
185
|
+
class="items-center inline-flex"
|
|
186
186
|
>
|
|
187
187
|
Click me!
|
|
188
188
|
</span>
|
|
@@ -205,7 +205,7 @@ exports[`ButtonBase when "loading" prop is true renders Button with loading stat
|
|
|
205
205
|
type="button"
|
|
206
206
|
>
|
|
207
207
|
<span
|
|
208
|
-
class="
|
|
208
|
+
class="items-center inline-flex"
|
|
209
209
|
>
|
|
210
210
|
Click me!
|
|
211
211
|
</span>
|
|
@@ -255,7 +255,7 @@ exports[`ButtonBase when "role" prop is passed renders Button with a custom role
|
|
|
255
255
|
type="button"
|
|
256
256
|
>
|
|
257
257
|
<span
|
|
258
|
-
class="
|
|
258
|
+
class="items-center inline-flex"
|
|
259
259
|
>
|
|
260
260
|
Click me!
|
|
261
261
|
</span>
|
|
@@ -278,7 +278,7 @@ exports[`ButtonBase when "titleCase" prop is true renders Button with transforme
|
|
|
278
278
|
type="button"
|
|
279
279
|
>
|
|
280
280
|
<span
|
|
281
|
-
class="
|
|
281
|
+
class="items-center inline-flex"
|
|
282
282
|
>
|
|
283
283
|
__TITLE_CASE__Test bk9
|
|
284
284
|
</span>
|
|
@@ -14,10 +14,10 @@ exports[`ButtonCheckbox renders 1`] = `
|
|
|
14
14
|
type="button"
|
|
15
15
|
>
|
|
16
16
|
<span
|
|
17
|
-
class="
|
|
17
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
18
18
|
>
|
|
19
19
|
<span
|
|
20
|
-
class="
|
|
20
|
+
class="inline-flex PicassoCheckbox-checkboxWrapper"
|
|
21
21
|
>
|
|
22
22
|
<span
|
|
23
23
|
aria-disabled="false"
|
|
@@ -17,7 +17,7 @@ exports[`ButtonGroup render 1`] = `
|
|
|
17
17
|
type="button"
|
|
18
18
|
>
|
|
19
19
|
<span
|
|
20
|
-
class="
|
|
20
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
21
21
|
>
|
|
22
22
|
One
|
|
23
23
|
</span>
|
|
@@ -31,7 +31,7 @@ exports[`ButtonGroup render 1`] = `
|
|
|
31
31
|
type="button"
|
|
32
32
|
>
|
|
33
33
|
<span
|
|
34
|
-
class="
|
|
34
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
35
35
|
>
|
|
36
36
|
Two
|
|
37
37
|
</span>
|
|
@@ -45,7 +45,7 @@ exports[`ButtonGroup render 1`] = `
|
|
|
45
45
|
type="button"
|
|
46
46
|
>
|
|
47
47
|
<span
|
|
48
|
-
class="
|
|
48
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
49
49
|
>
|
|
50
50
|
Three
|
|
51
51
|
</span>
|
|
@@ -14,7 +14,7 @@ exports[`ButtonRadio renders 1`] = `
|
|
|
14
14
|
type="button"
|
|
15
15
|
>
|
|
16
16
|
<span
|
|
17
|
-
class="
|
|
17
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
18
18
|
>
|
|
19
19
|
<span
|
|
20
20
|
aria-disabled="false"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`ButtonSplit closes menu on click to the item 1`] = `
|
|
4
4
|
<svg
|
|
5
|
-
class="PicassoSvgArrowDownMinor24-root-
|
|
5
|
+
class="PicassoSvgArrowDownMinor24-root-29"
|
|
6
6
|
style="min-width: 24px; min-height: 24px;"
|
|
7
7
|
viewBox="0 0 24 24"
|
|
8
8
|
>
|
|
@@ -29,7 +29,7 @@ exports[`ButtonSplit default render 1`] = `
|
|
|
29
29
|
type="button"
|
|
30
30
|
>
|
|
31
31
|
<span
|
|
32
|
-
class="
|
|
32
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
33
33
|
>
|
|
34
34
|
Action
|
|
35
35
|
</span>
|
|
@@ -49,7 +49,7 @@ exports[`ButtonSplit default render 1`] = `
|
|
|
49
49
|
type="button"
|
|
50
50
|
>
|
|
51
51
|
<span
|
|
52
|
-
class="
|
|
52
|
+
class="items-center inline-flex font-semibold whitespace-nowrap text-button"
|
|
53
53
|
>
|
|
54
54
|
<svg
|
|
55
55
|
class="PicassoSvgArrowDownMinor16-root"
|
|
@@ -71,7 +71,7 @@ exports[`ButtonSplit default render 1`] = `
|
|
|
71
71
|
|
|
72
72
|
exports[`ButtonSplit renders arrow down icon for a closed menu 1`] = `
|
|
73
73
|
<svg
|
|
74
|
-
class="PicassoSvgArrowDownMinor16-root-
|
|
74
|
+
class="PicassoSvgArrowDownMinor16-root-29"
|
|
75
75
|
style="min-width: 16px; min-height: 16px;"
|
|
76
76
|
viewBox="0 0 16 16"
|
|
77
77
|
>
|
|
@@ -83,7 +83,7 @@ exports[`ButtonSplit renders arrow down icon for a closed menu 1`] = `
|
|
|
83
83
|
|
|
84
84
|
exports[`ButtonSplit renders arrow up icon for an opened menu 1`] = `
|
|
85
85
|
<svg
|
|
86
|
-
class="PicassoSvgArrowDownMinor16-root-
|
|
86
|
+
class="PicassoSvgArrowDownMinor16-root-29 rotate-180"
|
|
87
87
|
style="min-width: 16px; min-height: 16px;"
|
|
88
88
|
viewBox="0 0 16 16"
|
|
89
89
|
>
|