@toptal/picasso-user-badge 2.0.8 → 3.0.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.
Files changed (2) hide show
  1. package/package.json +5 -5
  2. package/src/UserBadge/__snapshots__/test.tsx.snap +24 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-user-badge",
3
- "version": "2.0.8",
3
+ "version": "3.0.0",
4
4
  "description": "Toptal UI components library - UserBadge",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,9 +22,9 @@
22
22
  },
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
- "@toptal/picasso-avatar": "4.0.0",
26
- "@toptal/picasso-container": "1.0.3",
27
- "@toptal/picasso-typography": "2.0.2",
25
+ "@toptal/picasso-avatar": "5.0.0",
26
+ "@toptal/picasso-container": "2.0.0",
27
+ "@toptal/picasso-typography": "3.0.0",
28
28
  "@toptal/picasso-utils": "1.0.3",
29
29
  "classnames": "^2.5.1"
30
30
  },
@@ -34,7 +34,7 @@
34
34
  ],
35
35
  "peerDependencies": {
36
36
  "@material-ui/core": "4.12.4",
37
- "tailwindcss": ">=3",
37
+ "@toptal/picasso-tailwind": ">=2.7",
38
38
  "react": ">=16.12.0 < 19.0.0"
39
39
  },
40
40
  "exports": {
package/src/UserBadge/__snapshots__/test.tsx.snap CHANGED
@@ -6,7 +6,7 @@ exports[`UserBadge auto center alignment 1`] = `
6
6
  class="Picasso-root"
7
7
  >
8
8
  <div
9
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoUserBadge-root"
9
+ class="items-center flex PicassoUserBadge-root"
10
10
  >
11
11
  <div
12
12
  class="flex relative"
@@ -26,10 +26,10 @@ exports[`UserBadge auto center alignment 1`] = `
26
26
  </div>
27
27
  </div>
28
28
  <div
29
- class="PicassoContainer-flex PicassoContainer-column PicassoUserBadge-infoContainer"
29
+ class="flex flex-col PicassoUserBadge-infoContainer"
30
30
  >
31
31
  <div
32
- class="PicassoContainer-centerAlignItems PicassoContainer-flex"
32
+ class="items-center flex"
33
33
  >
34
34
  <h4
35
35
  class="m-0 text-md text-black font-semibold inline PicassoUserBadge-name"
@@ -49,7 +49,7 @@ exports[`UserBadge custom name 1`] = `
49
49
  class="Picasso-root"
50
50
  >
51
51
  <div
52
- class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
52
+ class="items-start flex PicassoUserBadge-root"
53
53
  >
54
54
  <div
55
55
  class="flex relative"
@@ -69,10 +69,10 @@ exports[`UserBadge custom name 1`] = `
69
69
  </div>
70
70
  </div>
71
71
  <div
72
- class="PicassoContainer-flex PicassoContainer-column PicassoUserBadge-infoContainer"
72
+ class="flex flex-col PicassoUserBadge-infoContainer"
73
73
  >
74
74
  <div
75
- class="PicassoContainer-centerAlignItems PicassoContainer-flex"
75
+ class="items-center flex"
76
76
  >
77
77
  <div>
78
78
  Joe Doe
@@ -95,7 +95,7 @@ exports[`UserBadge custom title 1`] = `
95
95
  class="Picasso-root"
96
96
  >
97
97
  <div
98
- class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
98
+ class="items-start flex PicassoUserBadge-root"
99
99
  >
100
100
  <div
101
101
  class="flex relative"
@@ -115,10 +115,10 @@ exports[`UserBadge custom title 1`] = `
115
115
  </div>
116
116
  </div>
117
117
  <div
118
- class="PicassoContainer-flex PicassoContainer-column PicassoUserBadge-infoContainer"
118
+ class="flex flex-col PicassoUserBadge-infoContainer"
119
119
  >
120
120
  <div
121
- class="PicassoContainer-centerAlignItems PicassoContainer-flex"
121
+ class="items-center flex"
122
122
  >
123
123
  <h4
124
124
  class="m-0 text-md text-black font-semibold inline PicassoUserBadge-name"
@@ -146,7 +146,7 @@ exports[`UserBadge invert render 1`] = `
146
146
  class="Picasso-root"
147
147
  >
148
148
  <div
149
- class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
149
+ class="items-start flex PicassoUserBadge-root"
150
150
  >
151
151
  <div
152
152
  class="flex relative"
@@ -166,10 +166,10 @@ exports[`UserBadge invert render 1`] = `
166
166
  </div>
167
167
  </div>
168
168
  <div
169
- class="PicassoContainer-flex PicassoContainer-column PicassoUserBadge-infoContainer"
169
+ class="flex flex-col PicassoUserBadge-infoContainer"
170
170
  >
171
171
  <div
172
- class="PicassoContainer-centerAlignItems PicassoContainer-flex"
172
+ class="items-center flex"
173
173
  >
174
174
  <h4
175
175
  class="m-0 text-md text-white font-semibold inline PicassoUserBadge-name"
@@ -194,7 +194,7 @@ exports[`UserBadge manual center alignment 1`] = `
194
194
  class="Picasso-root"
195
195
  >
196
196
  <div
197
- class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoUserBadge-root"
197
+ class="items-center flex PicassoUserBadge-root"
198
198
  >
199
199
  <div
200
200
  class="flex relative"
@@ -214,10 +214,10 @@ exports[`UserBadge manual center alignment 1`] = `
214
214
  </div>
215
215
  </div>
216
216
  <div
217
- class="PicassoContainer-flex PicassoContainer-column PicassoUserBadge-infoContainer"
217
+ class="flex flex-col PicassoUserBadge-infoContainer"
218
218
  >
219
219
  <div
220
- class="PicassoContainer-centerAlignItems PicassoContainer-flex"
220
+ class="items-center flex"
221
221
  >
222
222
  <h4
223
223
  class="m-0 text-md text-black font-semibold inline PicassoUserBadge-name"
@@ -242,7 +242,7 @@ exports[`UserBadge override auto center alignment 1`] = `
242
242
  class="Picasso-root"
243
243
  >
244
244
  <div
245
- class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
245
+ class="items-start flex PicassoUserBadge-root"
246
246
  >
247
247
  <div
248
248
  class="flex relative"
@@ -262,10 +262,10 @@ exports[`UserBadge override auto center alignment 1`] = `
262
262
  </div>
263
263
  </div>
264
264
  <div
265
- class="PicassoContainer-flex PicassoContainer-column PicassoUserBadge-infoContainer"
265
+ class="flex flex-col PicassoUserBadge-infoContainer"
266
266
  >
267
267
  <div
268
- class="PicassoContainer-centerAlignItems PicassoContainer-flex"
268
+ class="items-center flex"
269
269
  >
270
270
  <h4
271
271
  class="m-0 text-md text-black font-semibold inline PicassoUserBadge-name"
@@ -285,7 +285,7 @@ exports[`UserBadge renders 1`] = `
285
285
  class="Picasso-root"
286
286
  >
287
287
  <div
288
- class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
288
+ class="items-start flex PicassoUserBadge-root"
289
289
  >
290
290
  <div
291
291
  class="flex relative"
@@ -305,10 +305,10 @@ exports[`UserBadge renders 1`] = `
305
305
  </div>
306
306
  </div>
307
307
  <div
308
- class="PicassoContainer-flex PicassoContainer-column PicassoUserBadge-infoContainer"
308
+ class="flex flex-col PicassoUserBadge-infoContainer"
309
309
  >
310
310
  <div
311
- class="PicassoContainer-centerAlignItems PicassoContainer-flex"
311
+ class="items-center flex"
312
312
  >
313
313
  <h4
314
314
  class="m-0 text-md text-black font-semibold inline PicassoUserBadge-name"
@@ -333,7 +333,7 @@ exports[`UserBadge small size 1`] = `
333
333
  class="Picasso-root"
334
334
  >
335
335
  <div
336
- class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
336
+ class="items-start flex PicassoUserBadge-root"
337
337
  >
338
338
  <div
339
339
  class="flex relative"
@@ -353,10 +353,10 @@ exports[`UserBadge small size 1`] = `
353
353
  </div>
354
354
  </div>
355
355
  <div
356
- class="PicassoContainer-flex PicassoContainer-column PicassoUserBadge-infoContainer"
356
+ class="flex flex-col PicassoUserBadge-infoContainer"
357
357
  >
358
358
  <div
359
- class="PicassoContainer-centerAlignItems PicassoContainer-flex"
359
+ class="items-center flex"
360
360
  >
361
361
  <h4
362
362
  class="m-0 text-md text-black font-semibold inline PicassoUserBadge-name"