@toptal/picasso-page 4.0.1 → 4.0.3
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/dist-package/src/PageHamburger/styles.d.ts.map +1 -1
- package/dist-package/src/PageHamburger/styles.js +4 -2
- package/dist-package/src/PageHamburger/styles.js.map +1 -1
- package/package.json +9 -9
- package/src/PageHamburger/styles.ts +4 -2
- package/src/PageTopBar/__snapshots__/test.tsx.snap +12 -12
- package/src/PageTopBarMenu/__snapshots__/test.tsx.snap +13 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/PageHamburger/styles.ts"],"names":[],"mappings":";AAIA,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/PageHamburger/styles.ts"],"names":[],"mappings":";AAIA,wBAmBC"}
|
|
@@ -4,7 +4,8 @@ export default () => {
|
|
|
4
4
|
return createStyles({
|
|
5
5
|
root: {
|
|
6
6
|
[headerBreakingPointXL]: {
|
|
7
|
-
|
|
7
|
+
//TODO: add important property here to overwrite the styles in Dropdown component. Should be removed after migrating to TailwindCSS in task https://toptal-core.atlassian.net/browse/FX-5688
|
|
8
|
+
display: 'none !important',
|
|
8
9
|
},
|
|
9
10
|
},
|
|
10
11
|
popper: {
|
|
@@ -14,7 +15,8 @@ export default () => {
|
|
|
14
15
|
pointerEvents: 'none',
|
|
15
16
|
},
|
|
16
17
|
hidden: {
|
|
17
|
-
|
|
18
|
+
//TODO: add important property here to overwrite the styles in Dropdown component. Should be removed after migrating to TailwindCSS in task https://toptal-core.atlassian.net/browse/FX-5688
|
|
19
|
+
display: 'none !important',
|
|
18
20
|
},
|
|
19
21
|
});
|
|
20
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/PageHamburger/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,eAAe,GAAG,EAAE;IAClB,OAAO,YAAY,CAAC;QAClB,IAAI,EAAE;YACJ,CAAC,qBAAqB,CAAC,EAAE;gBACvB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/PageHamburger/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,eAAe,GAAG,EAAE;IAClB,OAAO,YAAY,CAAC;QAClB,IAAI,EAAE;YACJ,CAAC,qBAAqB,CAAC,EAAE;gBACvB,4LAA4L;gBAC5L,OAAO,EAAE,iBAAiB;aAC3B;SACF;QACD,MAAM,EAAE;YACN,SAAS,EAAE,MAAM;SAClB;QACD,SAAS,EAAE;YACT,aAAa,EAAE,MAAM;SACtB;QACD,MAAM,EAAE;YACN,4LAA4L;YAC5L,OAAO,EAAE,iBAAiB;SAC3B;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-page",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.3",
|
|
4
4
|
"description": "Toptal UI components library - Page",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,22 +22,22 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-accordion": "2.0.
|
|
26
|
-
"@toptal/picasso-autocomplete": "4.0.
|
|
27
|
-
"@toptal/picasso-avatar": "6.0
|
|
25
|
+
"@toptal/picasso-accordion": "2.0.12",
|
|
26
|
+
"@toptal/picasso-autocomplete": "4.0.3",
|
|
27
|
+
"@toptal/picasso-avatar": "6.1.0",
|
|
28
28
|
"@toptal/picasso-badge": "3.0.0",
|
|
29
|
-
"@toptal/picasso-button": "4.0.
|
|
29
|
+
"@toptal/picasso-button": "4.0.1",
|
|
30
30
|
"@toptal/picasso-container": "3.0.0",
|
|
31
|
-
"@toptal/picasso-dropdown": "4.
|
|
31
|
+
"@toptal/picasso-dropdown": "4.1.0",
|
|
32
32
|
"@toptal/picasso-icons": "1.6.0",
|
|
33
33
|
"@toptal/picasso-logo": "2.0.0",
|
|
34
|
-
"@toptal/picasso-menu": "3.0.
|
|
35
|
-
"@toptal/picasso-notification": "4.0.
|
|
34
|
+
"@toptal/picasso-menu": "3.0.2",
|
|
35
|
+
"@toptal/picasso-notification": "4.0.1",
|
|
36
36
|
"@toptal/picasso-shared": "15.0.0",
|
|
37
37
|
"@toptal/picasso-tag": "4.0.0",
|
|
38
38
|
"@toptal/picasso-tooltip": "1.1.5",
|
|
39
39
|
"@toptal/picasso-typography": "4.0.0",
|
|
40
|
-
"@toptal/picasso-user-badge": "5.0
|
|
40
|
+
"@toptal/picasso-user-badge": "5.1.0",
|
|
41
41
|
"@toptal/picasso-utils": "1.0.3",
|
|
42
42
|
"classnames": "^2.5.1"
|
|
43
43
|
},
|
|
@@ -6,7 +6,8 @@ export default () => {
|
|
|
6
6
|
return createStyles({
|
|
7
7
|
root: {
|
|
8
8
|
[headerBreakingPointXL]: {
|
|
9
|
-
|
|
9
|
+
//TODO: add important property here to overwrite the styles in Dropdown component. Should be removed after migrating to TailwindCSS in task https://toptal-core.atlassian.net/browse/FX-5688
|
|
10
|
+
display: 'none !important',
|
|
10
11
|
},
|
|
11
12
|
},
|
|
12
13
|
popper: {
|
|
@@ -16,7 +17,8 @@ export default () => {
|
|
|
16
17
|
pointerEvents: 'none',
|
|
17
18
|
},
|
|
18
19
|
hidden: {
|
|
19
|
-
|
|
20
|
+
//TODO: add important property here to overwrite the styles in Dropdown component. Should be removed after migrating to TailwindCSS in task https://toptal-core.atlassian.net/browse/FX-5688
|
|
21
|
+
display: 'none !important',
|
|
20
22
|
},
|
|
21
23
|
})
|
|
22
24
|
}
|
|
@@ -21,10 +21,10 @@ exports[`Page.TopBar render with custom logo 1`] = `
|
|
|
21
21
|
class="gap-4 items-center flex"
|
|
22
22
|
>
|
|
23
23
|
<div
|
|
24
|
-
class="
|
|
24
|
+
class="flex items-center PageHamburger-root PageHamburger-hidden"
|
|
25
25
|
>
|
|
26
26
|
<div
|
|
27
|
-
class="
|
|
27
|
+
class="inline-flex items-center cursor-pointer"
|
|
28
28
|
>
|
|
29
29
|
<button
|
|
30
30
|
aria-disabled="false"
|
|
@@ -50,13 +50,13 @@ exports[`Page.TopBar render with custom logo 1`] = `
|
|
|
50
50
|
</button>
|
|
51
51
|
</div>
|
|
52
52
|
<div
|
|
53
|
-
class="PicassoPopper-root
|
|
53
|
+
class="PicassoPopper-root shadow-2 PageHamburger-popper"
|
|
54
54
|
role="navigation"
|
|
55
55
|
style="position: fixed; top: 0px; left: 0px; display: none;"
|
|
56
56
|
>
|
|
57
57
|
<div>
|
|
58
58
|
<div
|
|
59
|
-
class="bg-white shadow-0 transition-shadow duration-300 delay-0
|
|
59
|
+
class="bg-white shadow-0 transition-shadow duration-300 delay-0 overflow-y [@media(max-height:585px)]:max-h-[calc(50vh [@media(max-height:585px)]:md:max-h-[calc(50vh !shadow-[inset_-1px_0px_0px_0px] !shadow-gray max-h-[calc(100vh-var(--header !bg-gray"
|
|
60
60
|
style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
|
|
61
61
|
>
|
|
62
62
|
<div>
|
|
@@ -120,10 +120,10 @@ exports[`Page.TopBar render with link 1`] = `
|
|
|
120
120
|
class="gap-4 items-center flex"
|
|
121
121
|
>
|
|
122
122
|
<div
|
|
123
|
-
class="
|
|
123
|
+
class="flex items-center PageHamburger-root PageHamburger-hidden"
|
|
124
124
|
>
|
|
125
125
|
<div
|
|
126
|
-
class="
|
|
126
|
+
class="inline-flex items-center cursor-pointer"
|
|
127
127
|
>
|
|
128
128
|
<button
|
|
129
129
|
aria-disabled="false"
|
|
@@ -149,13 +149,13 @@ exports[`Page.TopBar render with link 1`] = `
|
|
|
149
149
|
</button>
|
|
150
150
|
</div>
|
|
151
151
|
<div
|
|
152
|
-
class="PicassoPopper-root
|
|
152
|
+
class="PicassoPopper-root shadow-2 PageHamburger-popper"
|
|
153
153
|
role="navigation"
|
|
154
154
|
style="position: fixed; top: 0px; left: 0px; display: none;"
|
|
155
155
|
>
|
|
156
156
|
<div>
|
|
157
157
|
<div
|
|
158
|
-
class="bg-white shadow-0 transition-shadow duration-300 delay-0
|
|
158
|
+
class="bg-white shadow-0 transition-shadow duration-300 delay-0 overflow-y [@media(max-height:585px)]:max-h-[calc(50vh [@media(max-height:585px)]:md:max-h-[calc(50vh !shadow-[inset_-1px_0px_0px_0px] !shadow-gray max-h-[calc(100vh-var(--header !bg-gray"
|
|
159
159
|
style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
|
|
160
160
|
>
|
|
161
161
|
<div>
|
|
@@ -245,10 +245,10 @@ exports[`Page.TopBar renders 1`] = `
|
|
|
245
245
|
class="gap-4 items-center flex"
|
|
246
246
|
>
|
|
247
247
|
<div
|
|
248
|
-
class="
|
|
248
|
+
class="flex items-center PageHamburger-root PageHamburger-hidden"
|
|
249
249
|
>
|
|
250
250
|
<div
|
|
251
|
-
class="
|
|
251
|
+
class="inline-flex items-center cursor-pointer"
|
|
252
252
|
>
|
|
253
253
|
<button
|
|
254
254
|
aria-disabled="false"
|
|
@@ -274,13 +274,13 @@ exports[`Page.TopBar renders 1`] = `
|
|
|
274
274
|
</button>
|
|
275
275
|
</div>
|
|
276
276
|
<div
|
|
277
|
-
class="PicassoPopper-root
|
|
277
|
+
class="PicassoPopper-root shadow-2 PageHamburger-popper"
|
|
278
278
|
role="navigation"
|
|
279
279
|
style="position: fixed; top: 0px; left: 0px; display: none;"
|
|
280
280
|
>
|
|
281
281
|
<div>
|
|
282
282
|
<div
|
|
283
|
-
class="bg-white shadow-0 transition-shadow duration-300 delay-0
|
|
283
|
+
class="bg-white shadow-0 transition-shadow duration-300 delay-0 overflow-y [@media(max-height:585px)]:max-h-[calc(50vh [@media(max-height:585px)]:md:max-h-[calc(50vh !shadow-[inset_-1px_0px_0px_0px] !shadow-gray max-h-[calc(100vh-var(--header !bg-gray"
|
|
284
284
|
style="opacity: 0; transform: scale(0.75, 0.5625); visibility: hidden;"
|
|
285
285
|
>
|
|
286
286
|
<div>
|
|
@@ -6,25 +6,27 @@ exports[`PageTopBarMenu renders 1`] = `
|
|
|
6
6
|
class="Picasso-root"
|
|
7
7
|
>
|
|
8
8
|
<div
|
|
9
|
-
class="
|
|
9
|
+
class="flex items-center"
|
|
10
10
|
>
|
|
11
11
|
<div
|
|
12
|
-
class="
|
|
12
|
+
class="inline-flex items-center cursor-pointer"
|
|
13
13
|
>
|
|
14
14
|
<div
|
|
15
15
|
class="items-center flex text-[1rem]"
|
|
16
16
|
>
|
|
17
|
-
<div
|
|
18
|
-
class="flex relative"
|
|
19
|
-
>
|
|
17
|
+
<div>
|
|
20
18
|
<div
|
|
21
|
-
class="relative
|
|
19
|
+
class="relative"
|
|
22
20
|
>
|
|
23
|
-
<
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
<div
|
|
22
|
+
class="relative bg-gray text-[1rem] grid place-items w-[2em] h-[2em] [clip-path:polygon(0_0,_100%_0,_100%_100%,_0.5em_100%,_0_calc(100%-0.5em))]"
|
|
23
|
+
>
|
|
24
|
+
<img
|
|
25
|
+
alt="Jacqueline Roque"
|
|
26
|
+
class="block object-cover w-full h-full [image-rendering:-webkit-optimize"
|
|
27
|
+
src="./jacqueline-with-flowers-1954-square.jpg"
|
|
28
|
+
/>
|
|
29
|
+
</div>
|
|
28
30
|
</div>
|
|
29
31
|
</div>
|
|
30
32
|
<div
|