@toptal/picasso-user-badge 2.0.7-alpha-fx-null-fix-button-e862ee8b7.0 → 2.0.7

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 (3) hide show
  1. package/package.json +9 -10
  2. package/src/UserBadge/__snapshots__/test.tsx.snap +24 -24
  3. package/LICENSE +0 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-user-badge",
3
- "version": "2.0.7-alpha-fx-null-fix-button-e862ee8b7.0+e862ee8b7",
3
+ "version": "2.0.7",
4
4
  "description": "Toptal UI components library - UserBadge",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,10 +22,10 @@
22
22
  },
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
- "@toptal/picasso-avatar": "2.0.7-alpha-fx-null-fix-button-e862ee8b7.0+e862ee8b7",
26
- "@toptal/picasso-container": "1.0.4-alpha-fx-null-fix-button-e862ee8b7.34+e862ee8b7",
27
- "@toptal/picasso-typography": "2.0.3-alpha-fx-null-fix-button-e862ee8b7.16+e862ee8b7",
28
- "@toptal/picasso-utils": "1.0.4-alpha-fx-null-fix-button-e862ee8b7.34+e862ee8b7",
25
+ "@toptal/picasso-avatar": "3.0.0",
26
+ "@toptal/picasso-container": "1.0.3",
27
+ "@toptal/picasso-typography": "2.0.2",
28
+ "@toptal/picasso-utils": "1.0.3",
29
29
  "classnames": "^2.5.1"
30
30
  },
31
31
  "sideEffects": [
@@ -34,19 +34,18 @@
34
34
  ],
35
35
  "peerDependencies": {
36
36
  "@material-ui/core": "4.12.4",
37
- "react": ">=16.12.0 < 19.0.0",
38
- "tailwindcss": ">=3"
37
+ "tailwindcss": ">=3",
38
+ "react": ">=16.12.0 < 19.0.0"
39
39
  },
40
40
  "exports": {
41
41
  ".": "./dist-package/src/index.js"
42
42
  },
43
43
  "devDependencies": {
44
- "@toptal/picasso-test-utils": "1.1.2-alpha-fx-null-fix-button-e862ee8b7.34+e862ee8b7"
44
+ "@toptal/picasso-test-utils": "1.1.1"
45
45
  },
46
46
  "files": [
47
47
  "dist-package/**",
48
48
  "!dist-package/tsconfig.tsbuildinfo",
49
49
  "src"
50
- ],
51
- "gitHead": "e862ee8b7dd480b508f5258999f409fe0ab1611c"
50
+ ]
52
51
  }
package/src/UserBadge/__snapshots__/test.tsx.snap CHANGED
@@ -9,13 +9,13 @@ exports[`UserBadge auto center alignment 1`] = `
9
9
  class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoUserBadge-root"
10
10
  >
11
11
  <div
12
- class="PicassoAvatarWrapper-root PicassoAvatarWrapper-sizeXsmallSquare PicassoAvatarWrapper-cornerXsmall"
12
+ class="relative bg-gray text-[1rem] shrink-0 grow-0 w-[2.5em] h-[2.5em] [clip-path:polygon(0_0,_100%_0,_100%_100%,_0.5em_100%,_0_calc(100%-0.5em))]"
13
13
  >
14
14
  <div
15
- class="PicassoTextAvatar-root PicassoUserBadge-avatar PicassoTextAvatar-xsmall"
15
+ class="uppercase absolute top-1/2 left-1/2 [transform:translate(-50%,-50%)] text-[1em] PicassoUserBadge-avatar"
16
16
  >
17
17
  <p
18
- class="m-0 font-inherit leading-[1.5em] text-white font-regular !text-[1em]"
18
+ class="m-0 text-white font-regular text-[1em] leading-[1.5em]"
19
19
  >
20
20
  JD
21
21
  </p>
@@ -48,13 +48,13 @@ exports[`UserBadge custom name 1`] = `
48
48
  class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
49
49
  >
50
50
  <div
51
- class="PicassoAvatarWrapper-root PicassoAvatarWrapper-sizeXsmallSquare PicassoAvatarWrapper-cornerXsmall"
51
+ class="relative bg-gray text-[1rem] shrink-0 grow-0 w-[2.5em] h-[2.5em] [clip-path:polygon(0_0,_100%_0,_100%_100%,_0.5em_100%,_0_calc(100%-0.5em))]"
52
52
  >
53
53
  <div
54
- class="PicassoTextAvatar-root PicassoUserBadge-avatar PicassoTextAvatar-xsmall"
54
+ class="uppercase absolute top-1/2 left-1/2 [transform:translate(-50%,-50%)] text-[1em] PicassoUserBadge-avatar"
55
55
  >
56
56
  <p
57
- class="m-0 font-inherit leading-[1.5em] text-white font-regular !text-[1em]"
57
+ class="m-0 text-white font-regular text-[1em] leading-[1.5em]"
58
58
  >
59
59
  JD
60
60
  </p>
@@ -90,13 +90,13 @@ exports[`UserBadge custom title 1`] = `
90
90
  class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
91
91
  >
92
92
  <div
93
- class="PicassoAvatarWrapper-root PicassoAvatarWrapper-sizeXsmallSquare PicassoAvatarWrapper-cornerXsmall"
93
+ class="relative bg-gray text-[1rem] shrink-0 grow-0 w-[2.5em] h-[2.5em] [clip-path:polygon(0_0,_100%_0,_100%_100%,_0.5em_100%,_0_calc(100%-0.5em))]"
94
94
  >
95
95
  <div
96
- class="PicassoTextAvatar-root PicassoUserBadge-avatar PicassoTextAvatar-xsmall"
96
+ class="uppercase absolute top-1/2 left-1/2 [transform:translate(-50%,-50%)] text-[1em] PicassoUserBadge-avatar"
97
97
  >
98
98
  <p
99
- class="m-0 font-inherit leading-[1.5em] text-white font-regular !text-[1em]"
99
+ class="m-0 text-white font-regular text-[1em] leading-[1.5em]"
100
100
  >
101
101
  JD
102
102
  </p>
@@ -137,13 +137,13 @@ exports[`UserBadge invert render 1`] = `
137
137
  class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
138
138
  >
139
139
  <div
140
- class="PicassoAvatarWrapper-root PicassoAvatarWrapper-sizeXsmallSquare PicassoAvatarWrapper-cornerXsmall"
140
+ class="relative bg-gray text-[1rem] shrink-0 grow-0 w-[2.5em] h-[2.5em] [clip-path:polygon(0_0,_100%_0,_100%_100%,_0.5em_100%,_0_calc(100%-0.5em))]"
141
141
  >
142
142
  <div
143
- class="PicassoTextAvatar-root PicassoUserBadge-avatar PicassoTextAvatar-xsmall"
143
+ class="uppercase absolute top-1/2 left-1/2 [transform:translate(-50%,-50%)] text-[1em] PicassoUserBadge-avatar"
144
144
  >
145
145
  <p
146
- class="m-0 font-inherit leading-[1.5em] text-white font-regular !text-[1em]"
146
+ class="m-0 text-white font-regular text-[1em] leading-[1.5em]"
147
147
  >
148
148
  JD
149
149
  </p>
@@ -181,13 +181,13 @@ exports[`UserBadge manual center alignment 1`] = `
181
181
  class="PicassoContainer-centerAlignItems PicassoContainer-flex PicassoUserBadge-root"
182
182
  >
183
183
  <div
184
- class="PicassoAvatarWrapper-root PicassoAvatarWrapper-sizeXsmallSquare PicassoAvatarWrapper-cornerXsmall"
184
+ class="relative bg-gray text-[1rem] shrink-0 grow-0 w-[2.5em] h-[2.5em] [clip-path:polygon(0_0,_100%_0,_100%_100%,_0.5em_100%,_0_calc(100%-0.5em))]"
185
185
  >
186
186
  <div
187
- class="PicassoTextAvatar-root PicassoUserBadge-avatar PicassoTextAvatar-xsmall"
187
+ class="uppercase absolute top-1/2 left-1/2 [transform:translate(-50%,-50%)] text-[1em] PicassoUserBadge-avatar"
188
188
  >
189
189
  <p
190
- class="m-0 font-inherit leading-[1.5em] text-white font-regular !text-[1em]"
190
+ class="m-0 text-white font-regular text-[1em] leading-[1.5em]"
191
191
  >
192
192
  JD
193
193
  </p>
@@ -225,13 +225,13 @@ exports[`UserBadge override auto center alignment 1`] = `
225
225
  class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
226
226
  >
227
227
  <div
228
- class="PicassoAvatarWrapper-root PicassoAvatarWrapper-sizeXsmallSquare PicassoAvatarWrapper-cornerXsmall"
228
+ class="relative bg-gray text-[1rem] shrink-0 grow-0 w-[2.5em] h-[2.5em] [clip-path:polygon(0_0,_100%_0,_100%_100%,_0.5em_100%,_0_calc(100%-0.5em))]"
229
229
  >
230
230
  <div
231
- class="PicassoTextAvatar-root PicassoUserBadge-avatar PicassoTextAvatar-xsmall"
231
+ class="uppercase absolute top-1/2 left-1/2 [transform:translate(-50%,-50%)] text-[1em] PicassoUserBadge-avatar"
232
232
  >
233
233
  <p
234
- class="m-0 font-inherit leading-[1.5em] text-white font-regular !text-[1em]"
234
+ class="m-0 text-white font-regular text-[1em] leading-[1.5em]"
235
235
  >
236
236
  JD
237
237
  </p>
@@ -264,13 +264,13 @@ exports[`UserBadge renders 1`] = `
264
264
  class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
265
265
  >
266
266
  <div
267
- class="PicassoAvatarWrapper-root PicassoAvatarWrapper-sizeXsmallSquare PicassoAvatarWrapper-cornerXsmall"
267
+ class="relative bg-gray text-[1rem] shrink-0 grow-0 w-[2.5em] h-[2.5em] [clip-path:polygon(0_0,_100%_0,_100%_100%,_0.5em_100%,_0_calc(100%-0.5em))]"
268
268
  >
269
269
  <div
270
- class="PicassoTextAvatar-root PicassoUserBadge-avatar PicassoTextAvatar-xsmall"
270
+ class="uppercase absolute top-1/2 left-1/2 [transform:translate(-50%,-50%)] text-[1em] PicassoUserBadge-avatar"
271
271
  >
272
272
  <p
273
- class="m-0 font-inherit leading-[1.5em] text-white font-regular !text-[1em]"
273
+ class="m-0 text-white font-regular text-[1em] leading-[1.5em]"
274
274
  >
275
275
  JD
276
276
  </p>
@@ -308,13 +308,13 @@ exports[`UserBadge small size 1`] = `
308
308
  class="PicassoContainer-flexStartAlignItems PicassoContainer-flex PicassoUserBadge-root"
309
309
  >
310
310
  <div
311
- class="PicassoAvatarWrapper-root PicassoAvatarWrapper-sizeSmallSquare PicassoAvatarWrapper-cornerSmall"
311
+ class="relative bg-gray text-[1rem] shrink-0 grow-0 w-[5em] h-[5em] [clip-path:polygon(0_0,_100%_0,_100%_100%,_1em_100%,_0_calc(100%-1em))]"
312
312
  >
313
313
  <div
314
- class="PicassoTextAvatar-root PicassoUserBadge-avatar PicassoTextAvatar-small"
314
+ class="uppercase absolute top-1/2 left-1/2 [transform:translate(-50%,-50%)] text-[2em] PicassoUserBadge-avatar"
315
315
  >
316
316
  <p
317
- class="m-0 font-inherit leading-[1.5em] text-white font-regular !text-[1em]"
317
+ class="m-0 text-white font-regular text-[1em] leading-[1.5em]"
318
318
  >
319
319
  JD
320
320
  </p>
package/LICENSE DELETED
@@ -1,20 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2021-2022 Toptal, LLC
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy of
6
- this software and associated documentation files (the “Software”), to deal in
7
- the Software without restriction, including without limitation the rights to
8
- use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9
- the Software, and to permit persons to whom the Software is furnished to do so,
10
- subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17
- FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18
- COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19
- IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20
- CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.