@toptal/picasso 25.4.0 → 26.0.0

package/PageContent/styles.js

@@ -4,26 +4,26 @@ export default ({ layout, palette }) => createStyles({
         flex: 1,
         width: '100%',
         display: 'flex',
-        justifyContent: 'center'
+        justifyContent: 'center',
     },
     content: {
         height: '100%',
         flexGrow: 1,
         maxWidth: layout.contentWidth,
         backgroundColor: palette.common.white,
-        backgroundClip: 'content-box'
+        backgroundClip: 'content-box',
     },
     hasSidebar: {
-        background: `linear-gradient(90deg, ${palette.grey.lighter} 50%, ${palette.common.white} 50%)`
+        background: `linear-gradient(90deg, ${palette.grey.lighter} 50%, ${palette.common.white} 50%)`,
     },
     wide: {
-        maxWidth: layout.contentWidthWide
+        maxWidth: layout.contentWidthWide,
     },
     fullWidth: {
-        maxWidth: '100%'
+        maxWidth: '100%',
     },
     flex: {
-        display: 'flex'
-    }
+        display: 'flex',
+    },
 });
 //# sourceMappingURL=styles.js.map

package/PageFooter/PageFooter.js

@@ -15,7 +15,7 @@ import cx from 'classnames';
 import { PageContext } from '../Page';
 import styles from './styles';
 const useStyles = makeStyles(styles, {
-    name: 'PicassoPageFooter'
+    name: 'PicassoPageFooter',
 });
 export const PageFooter = forwardRef(function PageFooter(props, ref) {
     const { className, style, rightContent, copyrightContent } = props, rest = __rest(props, ["className", "style", "rightContent", "copyrightContent"]);
@@ -23,7 +23,7 @@ export const PageFooter = forwardRef(function PageFooter(props, ref) {
     const { width, fullWidth } = useContext(PageContext);
     const contentClassnames = cx({
         [classes.fullWidth]: fullWidth || width === 'full',
-        [classes.wide]: width === 'wide'
+        [classes.wide]: width === 'wide',
     }, classes.content);
     return (React.createElement("footer", Object.assign({}, rest, { ref: ref, className: cx(classes.root, className), style: style }),
         React.createElement("div", { className: contentClassnames },
@@ -33,7 +33,7 @@ export const PageFooter = forwardRef(function PageFooter(props, ref) {
 const CopyrightContent = () => (React.createElement(React.Fragment, null, `© Copyright 2010 – ${new Date().getFullYear()} Toptal, LLC`));
 PageFooter.defaultProps = {
     rightContent: null,
-    copyrightContent: React.createElement(CopyrightContent, null)
+    copyrightContent: React.createElement(CopyrightContent, null),
 };
 PageFooter.displayName = 'PageFooter';
 export default PageFooter;

package/PageFooter/styles.js

@@ -2,7 +2,7 @@ import { createStyles } from '@material-ui/core/styles';
 export default ({ palette, screens, layout }) => createStyles({
     root: {
         backgroundColor: palette.grey.darker,
-        width: '100%'
+        width: '100%',
     },
     content: {
         boxSizing: 'border-box',
@@ -15,24 +15,24 @@ export default ({ palette, screens, layout }) => createStyles({
         fontSize: '0.875rem',
         lineHeight: '1em',
         [screens('small', 'medium', 'large')]: {
-            flexDirection: 'column'
+            flexDirection: 'column',
         },
         [screens('small', 'medium')]: {
-            padding: `0.5rem ${layout.contentMobilePaddingHorizontal} 1.5rem`
-        }
+            padding: `0.5rem ${layout.contentMobilePaddingHorizontal} 1.5rem`,
+        },
     },
     centered: {},
     wide: {
-        maxWidth: layout.contentWidthWide
+        maxWidth: layout.contentWidthWide,
     },
     fullWidth: {
-        maxWidth: '100%'
+        maxWidth: '100%',
     },
     left: {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        marginTop: '1rem'
+        marginTop: '1rem',
     },
     right: {
         display: 'flex',
@@ -40,11 +40,11 @@ export default ({ palette, screens, layout }) => createStyles({
         justifyContent: 'center',
         marginTop: '1rem',
         [screens('small', 'medium', 'large')]: {
-            order: -1
+            order: -1,
         },
         [screens('small', 'medium')]: {
-            flexDirection: 'column'
-        }
-    }
+            flexDirection: 'column',
+        },
+    },
 });
 //# sourceMappingURL=styles.js.map

package/PageHead/PageHead.d.ts

@@ -8,7 +8,7 @@ export interface Props extends BaseProps {
 }
 export declare const PageHead: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
-    Title: ({ titleCase, children }: TextLabelProps & {
+    Title: ({ titleCase, children, }: TextLabelProps & {
         children: React.ReactNode;
     }) => JSX.Element;
     Tabs: ({ children }: {

package/PageHead/PageHead.js

@@ -5,12 +5,12 @@ import Container from '../Container';
 import Typography from '../Typography';
 import styles from './styles';
 const useStyles = makeStyles(styles, {
-    name: 'PicassoPageHead'
+    name: 'PicassoPageHead',
 });
 const useMainStyles = makeStyles(styles, {
-    name: 'PicassoPageHeadMain'
+    name: 'PicassoPageHeadMain',
 });
-const Title = ({ titleCase, children }) => {
+const Title = ({ titleCase, children, }) => {
     return (React.createElement(Typography, { variant: 'heading', size: 'large', titleCase: titleCase }, children));
 };
 const Tabs = ({ children }) => {
@@ -27,17 +27,17 @@ export const PageHead = forwardRef(function PageHead(props, ref) {
     const { children } = props;
     const classes = useStyles();
     return (React.createElement(Container, { ref: ref, className: cx(classes.root, {
-            [classes.rightPadding]: props.rightPadding
+            [classes.rightPadding]: props.rightPadding,
         }) }, children));
 });
 PageHead.defaultProps = {
-    rightPadding: false
+    rightPadding: false,
 };
 PageHead.displayName = 'PageHead';
 export default Object.assign(PageHead, {
     Title,
     Tabs,
     Main,
-    Actions
+    Actions,
 });
 //# sourceMappingURL=PageHead.js.map

package/PageHead/PageHead.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,QAAQ,EACiC,EAAE,EAAE;IAC7C,OAAO,CACL,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS,IAC5D,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACrD,OAAO,oBAAC,SAAS,QAAE,QAAQ,CAAa,CAAA;AAC1C,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC/C,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,QACJ,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,IAAI,IAEtB,KAAK,CAAC,QAAQ,CACL,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxD,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,IAChC,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY;SAC3C,CAAC,IAED,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACrC,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,OAAO;CACR,CAAC,CAAA"}
+{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,QAAQ,GACiC,EAAE,EAAE;IAC7C,OAAO,CACL,oBAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS,IAC5D,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACrD,OAAO,oBAAC,SAAS,QAAE,QAAQ,CAAa,CAAA;AAC1C,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC/C,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,QACJ,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,IAAI,IAEtB,KAAK,CAAC,QAAQ,CACL,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxD,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,IAChC,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAwB,SAAS,QAAQ,CACzE,KAAK,EACL,GAAG;IAEH,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAC1B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;YAC1B,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY;SAC3C,CAAC,IAED,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,GAAG;IACtB,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IACrC,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,OAAO;CACR,CAAC,CAAA"}

package/PageHead/styles.js

@@ -11,14 +11,14 @@ export default ({ palette }) => createStyles({
             right: 0,
             height: 1,
             backgroundColor: palette.grey.lighter2,
-            zIndex: 0
-        }
+            zIndex: 0,
+        },
     },
     rightPadding: {
-        paddingRight: '2rem'
+        paddingRight: '2rem',
     },
     main: {
-        height: '3.375em'
-    }
+        height: '3.375em',
+    },
 });
 //# sourceMappingURL=styles.js.map

package/PageSidebar/PageSidebar.js

@@ -1,7 +1,7 @@
 import { makeStyles } from '@material-ui/core/styles';
 import { useSidebar } from '@toptal/picasso-provider';
 import cx from 'classnames';
-import React, { forwardRef, useCallback, useEffect, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useState, } from 'react';
 import ButtonCircular from '../ButtonCircular';
 import Container from '../Container';
 import Dropdown from '../Dropdown';
@@ -12,7 +12,7 @@ import SidebarMenu from '../SidebarMenu';
 import { noop, useBreakpoint } from '../utils';
 import { SidebarContextProvider } from './SidebarContextProvider';
 import styles from './styles';
-const SmallScreenSidebarWrapper = ({ classes, children }) => {
+const SmallScreenSidebarWrapper = ({ classes, children, }) => {
     var _a;
     const [showSidebar, setShowSidebar] = useState(false);
     const handleShowSidebar = () => setShowSidebar(true);
@@ -21,17 +21,17 @@ const SmallScreenSidebarWrapper = ({ classes, children }) => {
             modifiers: {
                 flip: { enabled: false },
                 preventOverflow: {
-                    padding: 0
-                }
-            }
+                    padding: 0,
+                },
+            },
         }, onOpen: handleShowSidebar, onClose: handleHideSidebar },
         React.createElement(ButtonCircular, { icon: showSidebar ? React.createElement(Close16, null) : React.createElement(Overview16, null), variant: 'transparent' })));
 };
 const useStyles = makeStyles(styles, {
-    name: 'PageSidebar'
+    name: 'PageSidebar',
 });
 export const PageSidebar = forwardRef(function Sidebar(props, ref) {
-    const { children, variant = 'light', className, style, collapsible, defaultCollapsed, testIds } = props;
+    const { children, variant = 'light', className, style, collapsible, defaultCollapsed, testIds, } = props;
     const classes = useStyles();
     const { setHasSidebar } = useSidebar();
     const [isCollapsed, setIsCollapsed] = useState(!!defaultCollapsed);
@@ -54,22 +54,22 @@ export const PageSidebar = forwardRef(function Sidebar(props, ref) {
         setIsCollapsed(previousState => !previousState);
     }, [setIsCollapsed]);
     const sidebar = (React.createElement(Container, { ref: ref, flex: true, direction: 'column', style: style, className: cx(classes.root, className, classes[variant], {
-            [classes.rootCollapsed]: collapsible && isCollapsed
+            [classes.rootCollapsed]: collapsible && isCollapsed,
         }), "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.container, onMouseEnter: collapsible ? () => setIsHovered(true) : noop, onMouseLeave: collapsible ? () => setIsHovered(false) : noop },
         React.createElement("div", { className: classes.spacer }),
         collapsible && (React.createElement(ButtonCircular, { className: cx(classes.collapseButton, {
-                [classes.buttonVisible]: isHovered
+                [classes.buttonVisible]: isHovered,
             }), onClick: handleCollapseButtonClick, icon: isCollapsed ? React.createElement(ChevronRight16, null) : React.createElement(BackMinor16, null), "aria-label": 'collapse sidebar', variant: 'primary', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.collapseButton })),
         React.createElement(SidebarContextProvider, { isCollapsed: isCollapsed, isHovered: isHovered, variant: variant, expandedItemKey: expandedItemKey, setExpandedItemKey: setExpandedItemKey }, children)));
     return isCompactLayout ? (React.createElement(SmallScreenSidebarWrapper, { classes: classes }, sidebar)) : (sidebar);
 });
 PageSidebar.defaultProps = {
-    variant: 'light'
+    variant: 'light',
 };
 PageSidebar.displayName = 'PageSidebar';
 export default Object.assign(PageSidebar, {
     Menu: SidebarMenu,
     Item: SidebarItem,
-    Logo: SidebarLogo
+    Logo: SidebarLogo,
 });
 //# sourceMappingURL=PageSidebar.js.map

package/PageSidebar/PageSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../src/PageSidebar/PageSidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../src/PageSidebar/PageSidebar.tsx"],"names":[],"mappings":"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"}

package/PageSidebar/SidebarContextProvider.d.ts

@@ -8,5 +8,5 @@ export interface Props {
     setExpandedItemKey: (expanded: number | null) => void;
     children?: ReactNode;
 }
-export declare const SidebarContextProvider: ({ children, isCollapsed, variant, expandedItemKey, setExpandedItemKey, isHovered }: Props) => JSX.Element;
+export declare const SidebarContextProvider: ({ children, isCollapsed, variant, expandedItemKey, setExpandedItemKey, isHovered, }: Props) => JSX.Element;
 export declare const useSidebarContext: () => SidebarContextProps;

package/PageSidebar/SidebarContextProvider.js

@@ -4,15 +4,15 @@ const SidebarContext = React.createContext({
     expandedItemKey: null,
     setExpandedItemKey: noop,
     isHovered: false,
-    isCollapsed: false
+    isCollapsed: false,
 });
-export const SidebarContextProvider = ({ children, isCollapsed, variant, expandedItemKey, setExpandedItemKey, isHovered }) => {
+export const SidebarContextProvider = ({ children, isCollapsed, variant, expandedItemKey, setExpandedItemKey, isHovered, }) => {
     return (React.createElement(SidebarContext.Provider, { value: {
             expandedItemKey,
             setExpandedItemKey,
             isCollapsed,
             isHovered,
-            variant
+            variant,
         } }, children));
 };
 export const useSidebarContext = () => useContext(SidebarContext);

package/PageSidebar/SidebarContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarContextProvider.js","sourceRoot":"","sources":["../../src/PageSidebar/SidebarContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAG/B,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;IAC9D,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;IACxB,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,KAAK;CACnB,CAAC,CAAA;AAWF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,WAAW,EACX,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,SAAS,EACH,EAAE,EAAE;IACV,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,eAAe;YACf,kBAAkB;YAClB,WAAW;YACX,SAAS;YACT,OAAO;SACR,IAEA,QAAQ,CACe,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA"}
+{"version":3,"file":"SidebarContextProvider.js","sourceRoot":"","sources":["../../src/PageSidebar/SidebarContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAG/B,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;IAC9D,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;IACxB,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,KAAK;CACnB,CAAC,CAAA;AAWF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,EACR,WAAW,EACX,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,SAAS,GACH,EAAE,EAAE;IACV,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,eAAe;YACf,kBAAkB;YAClB,WAAW;YACX,SAAS;YACT,OAAO;SACR,IAEA,QAAQ,CACe,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA"}

package/PageSidebar/styles.js

@@ -12,7 +12,7 @@ export default ({ palette, screens, zIndex, transitions }) => createStyles({
         transition: `width ${transitions.duration.enteringScreen}ms ease-in-out`,
         [screens('small', 'medium')]: {
             width: '100vw',
-            overflowY: 'scroll'
+            overflowY: 'scroll',
         },
         '&::before': {
             position: 'absolute',
@@ -20,41 +20,41 @@ export default ({ palette, screens, zIndex, transitions }) => createStyles({
             left: 0,
             top: 0,
             width: '15.50rem',
-            height: '100%'
-        }
+            height: '100%',
+        },
     },
     responsiveWrapper: {
         position: 'fixed',
         top: '0.75em',
         left: '0.75em',
-        zIndex: zIndex.appBar
+        zIndex: zIndex.appBar,
     },
     responsiveWrapperContent: {
         maxHeight: 'calc(100vh - 4.5rem)',
         [screens('small', 'medium')]: {
-            maxHeight: 'calc(100vh - 3rem)' // viewport minus header height
+            maxHeight: 'calc(100vh - 3rem)', // viewport minus header height
         },
         // height under which maxHeight menu starts to overflow
         // and needs to reduce height dynamically to avoid overflow
         '@media screen and (max-height: 585px)': {
             maxHeight: 'calc(100vh - 4.5rem)',
             [screens('small', 'medium')]: {
-                maxHeight: 'calc(100vh - 3rem)' // viewport minus header height
-            }
-        }
+                maxHeight: 'calc(100vh - 3rem)', // viewport minus header height
+            },
+        },
     },
     spacer: {
         order: 50,
         flex: 1,
-        height: '100%'
+        height: '100%',
     },
     light: {
         boxShadow: `inset -1px 0px 0px 0px ${palette.grey.lighter2}`,
-        backgroundColor: palette.grey.lighter
+        backgroundColor: palette.grey.lighter,
     },
     dark: {
         boxShadow: `inset -1px 0px 0px 0px ${palette.grey.darker}`,
-        backgroundColor: palette.grey.darker
+        backgroundColor: palette.grey.darker,
     },
     collapseButton: {
         position: 'absolute',
@@ -68,18 +68,18 @@ export default ({ palette, screens, zIndex, transitions }) => createStyles({
         zIndex: 100,
         '&:hover': {
             color: palette.common.white,
-            backgroundColor: palette.primary.main
-        }
+            backgroundColor: palette.primary.main,
+        },
     },
     buttonVisible: {
-        visibility: 'visible'
+        visibility: 'visible',
     },
     rootCollapsed: {
         width: '5rem',
         transition: `width ${transitions.duration.leavingScreen}ms ease-in-out`,
         '&::before': {
-            width: '5.75rem'
-        }
-    }
+            width: '5.75rem',
+        },
+    },
 });
 //# sourceMappingURL=styles.js.map

package/PageSidebar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/PageSidebar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,mEAAmE;AACnE,MAAM,sBAAsB,GAC1B,8DAA8D,CAAA;AAEhE,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAS,EAAE,EAAE,CAClE,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,SAAS,WAAW,CAAC,QAAQ,CAAC,cAAc,gBAAgB;QAExE,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;YAC5B,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,QAAQ;SACpB;QAED,WAAW,EAAE;YACX,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,MAAM;SACf;KACF;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB;IACD,wBAAwB,EAAE;QACxB,SAAS,EAAE,sBAAsB;QAEjC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;YAC5B,SAAS,EAAE,oBAAoB,CAAC,+BAA+B;SAChE;QAED,uDAAuD;QACvD,2DAA2D;QAC3D,uCAAuC,EAAE;YACvC,SAAS,EAAE,sBAAsB;YAEjC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;gBAC5B,SAAS,EAAE,oBAAoB,CAAC,+BAA+B;aAChE;SACF;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC5D,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;KACtC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;KACrC;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,UAAU;QACjB,GAAG,EAAE,SAAS;QACd,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QACrC,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,sBAAsB;QACjC,MAAM,EAAE,GAAG;QAEX,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3B,eAAe,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI;SACtC;KACF;IACD,aAAa,EAAE;QACb,UAAU,EAAE,SAAS;KACtB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,SAAS,WAAW,CAAC,QAAQ,CAAC,aAAa,gBAAgB;QAEvE,WAAW,EAAE;YACX,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/PageSidebar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,mEAAmE;AACnE,MAAM,sBAAsB,GAC1B,8DAA8D,CAAA;AAEhE,eAAe,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAS,EAAE,EAAE,CAClE,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,SAAS,WAAW,CAAC,QAAQ,CAAC,cAAc,gBAAgB;QAExE,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;YAC5B,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,QAAQ;SACpB;QAED,WAAW,EAAE;YACX,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,MAAM;SACf;KACF;IACD,iBAAiB,EAAE;QACjB,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,QAAQ;QACb,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE,MAAM,CAAC,MAAM;KACtB;IACD,wBAAwB,EAAE;QACxB,SAAS,EAAE,sBAAsB;QAEjC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;YAC5B,SAAS,EAAE,oBAAoB,EAAE,+BAA+B;SACjE;QAED,uDAAuD;QACvD,2DAA2D;QAC3D,uCAAuC,EAAE;YACvC,SAAS,EAAE,sBAAsB;YAEjC,CAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,EAAE;gBAC5B,SAAS,EAAE,oBAAoB,EAAE,+BAA+B;aACjE;SACF;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,MAAM;KACf;IACD,KAAK,EAAE;QACL,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC5D,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;KACtC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,0BAA0B,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;QAC1D,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;KACrC;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,UAAU;QACjB,GAAG,EAAE,SAAS;QACd,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QACrC,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,sBAAsB;QACjC,MAAM,EAAE,GAAG;QAEX,SAAS,EAAE;YACT,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3B,eAAe,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI;SACtC;KACF;IACD,aAAa,EAAE;QACb,UAAU,EAAE,SAAS;KACtB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,SAAS,WAAW,CAAC,QAAQ,CAAC,aAAa,gBAAgB;QAEvE,WAAW,EAAE;YACX,KAAK,EAAE,SAAS;SACjB;KACF;CACF,CAAC,CAAA"}

package/PageTopBar/PageTopBar.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 /* eslint-disable complexity */
-import React, { useContext, forwardRef } from 'react';
+import React, { useContext, forwardRef, } from 'react';
 import cx from 'classnames';
 import { usePageTopBar } from '@toptal/picasso-provider';
 import { makeStyles } from '@material-ui/core/styles';
@@ -21,7 +21,7 @@ import { PageContext } from '../Page';
 import { useBreakpoint, useIsomorphicLayoutEffect } from '../utils';
 import styles from './styles';
 const useStyles = makeStyles(styles, {
-    name: 'PicassoTopBar'
+    name: 'PicassoTopBar',
 });
 export const PageTopBar = forwardRef(function PageTopBar(props, ref) {
     const { className, style, title, logoLink, logo, leftContent, rightContent, actionItems, variant = 'dark' } = props, rest = __rest(props, ["className", "style", "title", "logoLink", "logo", "leftContent", "rightContent", "actionItems", "variant"]);
@@ -44,7 +44,7 @@ export const PageTopBar = forwardRef(function PageTopBar(props, ref) {
             React.createElement(Typography, { invert: isDark }, title))));
     const innerClassName = cx({
         [classes.fullWidth]: fullWidth || width === 'full',
-        [classes.wide]: width === 'wide'
+        [classes.wide]: width === 'wide',
     }, classes.content);
     return (React.createElement("div", { className: classes.wrapper },
         React.createElement("header", Object.assign({}, rest, { ref: ref, className: cx('mui-fixed', classes.root, classes[variant], className), style: style }),
@@ -60,7 +60,7 @@ export const PageTopBar = forwardRef(function PageTopBar(props, ref) {
                     rightContent)))));
 });
 PageTopBar.defaultProps = {
-    variant: 'dark'
+    variant: 'dark',
 };
 PageTopBar.displayName = 'PageTopBar';
 export default PageTopBar;

package/PageTopBar/PageTopBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageTopBar.js","sourceRoot":"","sources":["../../src/PageTopBar/PageTopBar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PageTopBar.js","sourceRoot":"","sources":["../../src/PageTopBar/PageTopBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,+BAA+B;AAC/B,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,UAAU,GAIX,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACxD,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACnE,OAAO,MAAM,MAAM,UAAU,CAAA;AAqB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,eAAe;CACtB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqB,SAAS,UAAU,CAC1E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,OAAO,GAAG,MAAM,KAEd,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,4GAWL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,eAAe,GAAG,aAAa,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1D,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IAExC,yBAAyB,CAAC,GAAG,EAAE;QAC7B,YAAY,CAAC,IAAI,CAAC,CAAA;QAElB,OAAO,SAAS,OAAO;YACrB,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,UAAU,CAAmB,WAAW,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,OAAO,KAAK,MAAM,CAAA;IAEjC,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACrC,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,OAAO,CAAC,IAAI,GACvB,CACH,CAAA;IAED,MAAM,aAAa,GAAG,IAAI,IAAI,WAAW,CAAA;IAEzC,MAAM,cAAc,GAAG,KAAK,IAAI,CAC9B,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;QAC9C,6BACE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAClE;QACF,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO;YACrB,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,IAAG,KAAK,CAAc,CACtC,CACF,CACb,CAAA;IAED,MAAM,cAAc,GAAG,EAAE,CACvB;QACE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,IAAI,KAAK,KAAK,MAAM;QAClD,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;KACjC,EACD,OAAO,CAAC,OAAO,CAChB,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,OAAO;QAC7B,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EACrE,KAAK,EAAE,KAAK;YAEZ,6BAAK,SAAS,EAAE,cAAc;gBAC5B,6BAAK,SAAS,EAAE,OAAO,CAAC,IAAI;oBAC1B,oBAAC,SAAS,IACR,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,IAAI,QACJ,UAAU,EAAC,QAAQ,IAElB,QAAQ;wBACP,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,aAAa,CAAC;wBACjD,CAAC,CAAC,aAAa,CACP;oBACX,CAAC,eAAe,IAAI,cAAc;oBAClC,WAAW,CACR;gBAEN,6BAAK,SAAS,EAAE,OAAO,CAAC,KAAK;oBAC1B,CAAC,eAAe,IAAI,WAAW;oBAC/B,YAAY,CACT,CACF,CACC,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/PageTopBar/styles.js

@@ -8,14 +8,14 @@ export default ({ palette, layout, zIndex, screens }) => createStyles({
         top: 0,
         left: 0,
         right: 0,
-        zIndex: zIndex.appBar
+        zIndex: zIndex.appBar,
     },
     light: {
         backgroundColor: palette.common.white,
-        boxShadow: `0 1px 0 0 ${palette.grey.lighter2}`
+        boxShadow: `0 1px 0 0 ${palette.grey.lighter2}`,
     },
     dark: {
-        backgroundColor: palette.blue.darker
+        backgroundColor: palette.blue.darker,
     },
     content: {
         boxSizing: 'border-box',
@@ -27,50 +27,50 @@ export default ({ palette, layout, zIndex, screens }) => createStyles({
         padding: `0 ${layout.contentPaddingHorizontal}`,
         height: headerHeight.default,
         [screens('small', 'medium')]: {
-            height: headerHeight.smallAndMedium
-        }
+            height: headerHeight.smallAndMedium,
+        },
     },
     wrapper: {
         height: headerHeight.default,
         [screens('small', 'medium')]: {
-            height: headerHeight.smallAndMedium
-        }
+            height: headerHeight.smallAndMedium,
+        },
     },
     wide: {
-        maxWidth: layout.contentWidthWide
+        maxWidth: layout.contentWidthWide,
     },
     fullWidth: {
-        maxWidth: '100%'
+        maxWidth: '100%',
     },
     left: {
         display: 'flex',
-        alignItems: 'center'
+        alignItems: 'center',
     },
     right: {
         display: 'flex',
-        alignItems: 'center'
+        alignItems: 'center',
     },
     divider: {
         width: '1px',
         height: '1.5em',
         backgroundColor: palette.common.white,
-        opacity: 0.8
+        opacity: 0.8,
     },
     dividerBlue: {
-        backgroundColor: palette.blue.darker
+        backgroundColor: palette.blue.darker,
     },
     logoContainer: {
         [screens('small', 'medium')]: {
             lineHeight: '1em',
             position: 'absolute',
             left: '50%',
-            transform: 'translate(-50%, 0%)'
-        }
+            transform: 'translate(-50%, 0%)',
+        },
     },
     logo: {
         [screens('small', 'medium')]: {
-            fontSize: '1.5em'
-        }
-    }
+            fontSize: '1.5em',
+        },
+    },
 });
 //# sourceMappingURL=styles.js.map

package/PageTopBarMenu/PageTopBarMenu.js

@@ -20,7 +20,7 @@ import Dropdown from '../Dropdown';
 import Typography from '../Typography';
 import styles from './styles';
 const useStyles = makeStyles(styles, {
-    name: 'PicassoTopBarMenu'
+    name: 'PicassoTopBarMenu',
 });
 export const PageTopBarMenu = forwardRef(function PageTopBarMenu(props, ref) {
     const { name, meta, avatar, className, style, children } = props, rest = __rest(props, ["name", "meta", "avatar", "className", "style", "children"]);
@@ -31,19 +31,19 @@ export const PageTopBarMenu = forwardRef(function PageTopBarMenu(props, ref) {
         React.createElement(UserBadge, { center: true, size: 'xxsmall', classes: {
                 root: classes.contentUserBadge,
                 avatar: classes.avatar,
-                name: cx(classes.name, classes.truncateText)
+                name: cx(classes.name, classes.truncateText),
             }, name: name, avatar: avatar }, meta && metaContent),
         children)) : (children);
     const trigger = isCompactLayout ? (React.createElement(Avatar, { size: 'xxsmall', className: classes.xsmall, name: name, src: avatar })) : (React.createElement(UserBadge, { invert: true, center: true, size: 'xxsmall', classes: {
-            name: cx(classes.name, classes.truncateText)
+            name: cx(classes.name, classes.truncateText),
         }, name: name, avatar: avatar }, meta && metaContent));
     return (React.createElement(Dropdown, Object.assign({}, rest, { ref: ref, className: cx(classes.root, className), classes: { content: classes.content }, style: style, content: content, offset: { top: isCompactLayout ? 0.8 : 'xsmall' }, popperOptions: {
             modifiers: {
                 flip: { enabled: false },
                 preventOverflow: {
-                    padding: 0
-                }
-            }
+                    padding: 0,
+                },
+            },
         } }),
         trigger,
         React.createElement(Dropdown.Arrow, { className: classes.arrow })));