@toptal/picasso-button 2.0.4-alpha-feature-tailwind-w21-a69309e6a.49 → 2.0.4-alpha-feature-tailwind-w21-1898583fe.51

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 (7) hide show
  1. package/package.json +14 -14
  2. package/src/Button/__snapshots__/test.tsx.snap +2 -2
  3. package/src/ButtonBase/__snapshots__/test.tsx.snap +11 -11
  4. package/src/ButtonCheckbox/__snapshots__/test.tsx.snap +2 -2
  5. package/src/ButtonGroup/__snapshots__/test.tsx.snap +3 -3
  6. package/src/ButtonRadio/__snapshots__/test.tsx.snap +1 -1
  7. 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-a69309e6a.49+a69309e6a",
3
+ "version": "2.0.4-alpha-feature-tailwind-w21-1898583fe.51+1898583fe",
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-a69309e6a.49+a69309e6a",
27
- "@toptal/picasso-container": "1.0.4-alpha-feature-tailwind-w21-a69309e6a.55+a69309e6a",
28
- "@toptal/picasso-dropdown": "2.0.4-alpha-feature-tailwind-w21-a69309e6a.53+a69309e6a",
29
- "@toptal/picasso-icons": "1.1.2-alpha-feature-tailwind-w21-a69309e6a.55+a69309e6a",
30
- "@toptal/picasso-link": "1.0.4-alpha-feature-tailwind-w21-a69309e6a.55+a69309e6a",
31
- "@toptal/picasso-loader": "1.0.4-alpha-feature-tailwind-w21-a69309e6a.55+a69309e6a",
32
- "@toptal/picasso-radio": "2.0.3-alpha-feature-tailwind-w21-a69309e6a.49+a69309e6a",
33
- "@toptal/picasso-shared": "15.0.1-alpha-feature-tailwind-w21-a69309e6a.55+a69309e6a",
34
- "@toptal/picasso-utils": "1.0.4-alpha-feature-tailwind-w21-a69309e6a.55+a69309e6a",
26
+ "@toptal/picasso-checkbox": "2.0.3-alpha-feature-tailwind-w21-1898583fe.51+1898583fe",
27
+ "@toptal/picasso-container": "1.0.4-alpha-feature-tailwind-w21-1898583fe.57+1898583fe",
28
+ "@toptal/picasso-dropdown": "2.0.4-alpha-feature-tailwind-w21-1898583fe.55+1898583fe",
29
+ "@toptal/picasso-icons": "1.1.2-alpha-feature-tailwind-w21-1898583fe.57+1898583fe",
30
+ "@toptal/picasso-link": "1.0.4-alpha-feature-tailwind-w21-1898583fe.57+1898583fe",
31
+ "@toptal/picasso-loader": "1.0.4-alpha-feature-tailwind-w21-1898583fe.57+1898583fe",
32
+ "@toptal/picasso-radio": "2.0.3-alpha-feature-tailwind-w21-1898583fe.51+1898583fe",
33
+ "@toptal/picasso-shared": "15.0.1-alpha-feature-tailwind-w21-1898583fe.57+1898583fe",
34
+ "@toptal/picasso-utils": "1.0.4-alpha-feature-tailwind-w21-1898583fe.57+1898583fe",
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-a69309e6a.63+a69309e6a",
53
- "@toptal/picasso-tailwind-merge": "1.1.1-alpha-feature-tailwind-w21-a69309e6a.4280+a69309e6a",
54
- "@toptal/picasso-test-utils": "1.1.2-alpha-feature-tailwind-w21-a69309e6a.55+a69309e6a"
52
+ "@toptal/picasso-provider": "4.2.2-alpha-feature-tailwind-w21-1898583fe.65+1898583fe",
53
+ "@toptal/picasso-tailwind-merge": "1.1.1-alpha-feature-tailwind-w21-1898583fe.4292+1898583fe",
54
+ "@toptal/picasso-test-utils": "1.1.2-alpha-feature-tailwind-w21-1898583fe.57+1898583fe"
55
55
  },
56
56
  "files": [
57
57
  "dist-package/**",
58
58
  "!dist-package/tsconfig.tsbuildinfo",
59
59
  "src"
60
60
  ],
61
- "gitHead": "a69309e6a801ad2ae34a02e65d88b594f3a8271a"
61
+ "gitHead": "1898583fe499204a73fe63231764eda45c1c61aa"
62
62
  }
package/src/Button/__snapshots__/test.tsx.snap CHANGED
@@ -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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
42
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
43
43
  >
44
44
  Click me!
45
45
  </span>
package/src/ButtonBase/__snapshots__/test.tsx.snap CHANGED
@@ -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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline"
281
+ class="items-center inline-flex"
282
282
  >
283
283
  __TITLE_CASE__Test bk9
284
284
  </span>
package/src/ButtonCheckbox/__snapshots__/test.tsx.snap CHANGED
@@ -14,10 +14,10 @@ exports[`ButtonCheckbox renders 1`] = `
14
14
  type="button"
15
15
  >
16
16
  <span
17
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
17
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
18
18
  >
19
19
  <span
20
- class="PicassoContainer-flex PicassoContainer-inline PicassoCheckbox-checkboxWrapper"
20
+ class="inline-flex PicassoCheckbox-checkboxWrapper"
21
21
  >
22
22
  <span
23
23
  aria-disabled="false"
package/src/ButtonGroup/__snapshots__/test.tsx.snap CHANGED
@@ -17,7 +17,7 @@ exports[`ButtonGroup render 1`] = `
17
17
  type="button"
18
18
  >
19
19
  <span
20
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
48
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
49
49
  >
50
50
  Three
51
51
  </span>
package/src/ButtonRadio/__snapshots__/test.tsx.snap CHANGED
@@ -14,7 +14,7 @@ exports[`ButtonRadio renders 1`] = `
14
14
  type="button"
15
15
  >
16
16
  <span
17
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
17
+ class="items-center inline-flex font-semibold whitespace-nowrap text-button"
18
18
  >
19
19
  <span
20
20
  aria-disabled="false"
package/src/ButtonSplit/__snapshots__/test.tsx.snap CHANGED
@@ -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-172"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
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="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoContainer-inline font-semibold whitespace-nowrap text-button"
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-172"
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-172 rotate-180"
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
  >