@toptal/picasso-page 5.4.5 → 5.4.6
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/PageHamburger.js +1 -1
- package/dist-package/src/PageHamburger/PageHamburger.js.map +1 -1
- package/dist-package/src/SidebarItem/SidebarItemCompact.js +1 -1
- package/dist-package/src/SidebarItem/SidebarItemCompact.js.map +1 -1
- package/package.json +7 -7
- package/src/PageHamburger/PageHamburger.tsx +1 -1
- package/src/SidebarItem/SidebarItemCompact.tsx +1 -1
|
@@ -10,7 +10,7 @@ const PageHamburger = ({ id, 'data-testid': dataTestId }) => {
|
|
|
10
10
|
const handleHideContent = () => setShowContent(false);
|
|
11
11
|
return (React.createElement(Dropdown, { content: React.createElement("div", { id: id, ref: hamburgerRef }), classes: {
|
|
12
12
|
content: `!shadow-[inset_-1px_0px_0px_0px] !shadow-gray-200 max-h-[calc(100vh-var(--header-height,3.5rem))] !bg-gray-100`,
|
|
13
|
-
popper: 'mt-4',
|
|
13
|
+
popper: '[&]:mt-4',
|
|
14
14
|
},
|
|
15
15
|
// The "disablePortal" is needed for testing the dropdown hamburger menu in Cypress.
|
|
16
16
|
// Without it, React fails to create portal inside of portal (via `createPortal()`), so
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHamburger.js","sourceRoot":"","sources":["../../../src/PageHamburger/PageHamburger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAO5D,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,UAAU,EAAS,EAAE,EAAE;IACjE,MAAM,EAAE,YAAY,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE9D,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;IACpD,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IAErD,OAAO,CACL,oBAAC,QAAQ,IACP,OAAO,EAAE,6BAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,GAAI,EAC3C,OAAO,EAAE;YACP,OAAO,EAAE,gHAAgH;YACzH,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"PageHamburger.js","sourceRoot":"","sources":["../../../src/PageHamburger/PageHamburger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAO5D,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,UAAU,EAAS,EAAE,EAAE;IACjE,MAAM,EAAE,YAAY,EAAE,GAAG,mBAAmB,EAAE,CAAA;IAC9C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE9D,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;IACpD,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IAErD,OAAO,CACL,oBAAC,QAAQ,IACP,OAAO,EAAE,6BAAK,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,GAAI,EAC3C,OAAO,EAAE;YACP,OAAO,EAAE,gHAAgH;YACzH,MAAM,EAAE,UAAU;SACnB;QACD,oFAAoF;QACpF,uFAAuF;QACvF,gEAAgE;QAChE,aAAa,QACb,aAAa,EAAE;YACb,SAAS,EAAE;gBACT,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBACxB,eAAe,EAAE;oBACf,OAAO,EAAE,CAAC;iBACX;aACF;SACF,EACD,WAAW,EAAE;YACX,IAAI,EAAE,YAAY;SACnB,EACD,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,iBAAiB,EAC1B,WAAW;QAEX,oBAAC,cAAc,IACb,IAAI,EACF,WAAW,CAAC,CAAC,CAAC,CACZ,oBAAC,OAAO,OAAG,CACZ,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,SAAS,EAAC,qBAAqB,GAAG,CAC/C,iBAEU,UAAU,EACvB,OAAO,EAAC,aAAa,GACrB,CACO,CACZ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -11,7 +11,7 @@ export const SidebarItemCompact = forwardRef(function CompactSidebarItem(props,
|
|
|
11
11
|
const subMenu = (React.createElement(SubMenuContextProvider, { parentMenu: { compact, icon }, parentSidebarItemIndex: index }, menu));
|
|
12
12
|
return (React.createElement(ParentItemContextProvider, { isOpened: isOpened },
|
|
13
13
|
React.createElement(Container, { left: 'small', right: 'small' },
|
|
14
|
-
React.createElement(Dropdown, { classes: { popper: 'ml-2' }, disabled: disabled, placement: 'right-start', content: subMenu, keepMounted: true, onOpen: handleOpen, onClose: handleClose, popperProps: {
|
|
14
|
+
React.createElement(Dropdown, { classes: { popper: '[&]:ml-2' }, disabled: disabled, placement: 'right-start', content: subMenu, keepMounted: true, onOpen: handleOpen, onClose: handleClose, popperProps: {
|
|
15
15
|
role: 'menu',
|
|
16
16
|
} },
|
|
17
17
|
React.createElement(SidebarItemHeader, Object.assign({}, props, { ref: ref }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItemCompact.js","sourceRoot":"","sources":["../../../src/SidebarItem/SidebarItemCompact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,KAAY,EAAE,GAAG;IAC3C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACtD,MAAM,CAAC,QAAQ,EAAE,UAAU,EAAE,WAAW,CAAC,GAAG,OAAO,EAAE,CAAA;IAErD,MAAM,OAAO,GAAG,CACd,oBAAC,sBAAsB,IACrB,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAC7B,sBAAsB,EAAE,KAAK,IAE5B,IAAI,CACkB,CAC1B,CAAA;IAED,OAAO,CACL,oBAAC,yBAAyB,IAAC,QAAQ,EAAE,QAAQ;QAC3C,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO;YACnC,oBAAC,QAAQ,IACP,OAAO,EAAE,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"SidebarItemCompact.js","sourceRoot":"","sources":["../../../src/SidebarItem/SidebarItemCompact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAEvE,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAC1C,SAAS,kBAAkB,CAAC,KAAY,EAAE,GAAG;IAC3C,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACtD,MAAM,CAAC,QAAQ,EAAE,UAAU,EAAE,WAAW,CAAC,GAAG,OAAO,EAAE,CAAA;IAErD,MAAM,OAAO,GAAG,CACd,oBAAC,sBAAsB,IACrB,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAC7B,sBAAsB,EAAE,KAAK,IAE5B,IAAI,CACkB,CAC1B,CAAA;IAED,OAAO,CACL,oBAAC,yBAAyB,IAAC,QAAQ,EAAE,QAAQ;QAC3C,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO;YACnC,oBAAC,QAAQ,IACP,OAAO,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAC/B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,WAAW,QACX,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE;oBACX,IAAI,EAAE,MAAM;iBACb;gBAED,oBAAC,iBAAiB,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACjC,CACD,CACc,CAC7B,CAAA;AACH,CAAC,CACF,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-page",
|
|
3
|
-
"version": "5.4.
|
|
3
|
+
"version": "5.4.6",
|
|
4
4
|
"description": "Toptal UI components library - Page",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,17 +22,17 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-accordion": "3.0.
|
|
26
|
-
"@toptal/picasso-autocomplete": "5.2.
|
|
25
|
+
"@toptal/picasso-accordion": "3.0.21",
|
|
26
|
+
"@toptal/picasso-autocomplete": "5.2.1",
|
|
27
27
|
"@toptal/picasso-avatar": "6.1.10",
|
|
28
28
|
"@toptal/picasso-badge": "3.0.4",
|
|
29
|
-
"@toptal/picasso-button": "4.0.
|
|
29
|
+
"@toptal/picasso-button": "4.0.22",
|
|
30
30
|
"@toptal/picasso-container": "3.1.2",
|
|
31
|
-
"@toptal/picasso-dropdown": "4.2.
|
|
31
|
+
"@toptal/picasso-dropdown": "4.2.3",
|
|
32
32
|
"@toptal/picasso-icons": "1.12.1",
|
|
33
33
|
"@toptal/picasso-logo": "2.0.9",
|
|
34
|
-
"@toptal/picasso-menu": "3.0.
|
|
35
|
-
"@toptal/picasso-notification": "4.0.
|
|
34
|
+
"@toptal/picasso-menu": "3.0.16",
|
|
35
|
+
"@toptal/picasso-notification": "4.0.22",
|
|
36
36
|
"@toptal/picasso-shared": "15.0.0",
|
|
37
37
|
"@toptal/picasso-tag": "4.0.10",
|
|
38
38
|
"@toptal/picasso-tooltip": "2.0.2",
|
|
@@ -22,7 +22,7 @@ const PageHamburger = ({ id, 'data-testid': dataTestId }: Props) => {
|
|
|
22
22
|
content={<div id={id} ref={hamburgerRef} />}
|
|
23
23
|
classes={{
|
|
24
24
|
content: `!shadow-[inset_-1px_0px_0px_0px] !shadow-gray-200 max-h-[calc(100vh-var(--header-height,3.5rem))] !bg-gray-100`,
|
|
25
|
-
popper: 'mt-4',
|
|
25
|
+
popper: '[&]:mt-4',
|
|
26
26
|
}}
|
|
27
27
|
// The "disablePortal" is needed for testing the dropdown hamburger menu in Cypress.
|
|
28
28
|
// Without it, React fails to create portal inside of portal (via `createPortal()`), so
|
|
@@ -26,7 +26,7 @@ export const SidebarItemCompact = forwardRef<HTMLElement, Props>(
|
|
|
26
26
|
<ParentItemContextProvider isOpened={isOpened}>
|
|
27
27
|
<Container left='small' right='small'>
|
|
28
28
|
<Dropdown
|
|
29
|
-
classes={{ popper: 'ml-2' }}
|
|
29
|
+
classes={{ popper: '[&]:ml-2' }}
|
|
30
30
|
disabled={disabled}
|
|
31
31
|
placement='right-start'
|
|
32
32
|
content={subMenu}
|