@toptal/picasso 12.4.0 → 13.1.1

package/Avatar/Avatar.d.ts

@@ -7,18 +7,18 @@ export interface Props extends StandardProps, HTMLAttributes<HTMLDivElement> {
     alt?: string;
     /** User full name to display initials on the avatar */
     name?: string;
-    /**
-     * Size
-     * @default xsmall
-     */
+    /** Size */
     size?: AvatarSizeType;
     /** Photo url */
     src?: string;
-    /**
-     * Variant of the avatar shape
-     * @default square
-     */
+    /** Variant of the avatar shape */
     variant?: VariantType;
+    testIds?: {
+        wrapper?: string;
+        icon?: string;
+        image?: string;
+        text?: string;
+    };
 }
 export declare const Avatar: FunctionComponent<Props>;
 export default Avatar;

package/Avatar/Avatar.js

@@ -9,27 +9,49 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
-import cx from 'classnames';
-import { makeStyles } from '@material-ui/core/styles';
-import styles from './styles';
-import ImageAvatar from './ImageAvatar';
-import InitialsAvatar from './InitialsAvatar';
-import IconAvatar from './IconAvatar';
-const useStyles = makeStyles(styles, { name: 'PicassoAvatar' });
-export const Avatar = props => {
-    const { alt, src, className, name, size = 'xsmall', style, variant = 'square' } = props, rest = __rest(props, ["alt", "src", "className", "name", "size", "style", "variant"]);
-    const classes = useStyles(props);
-    const renderAvatar = () => {
+import React, { useCallback } from 'react';
+import { AVATAR_INITIALS_LIMIT } from '../utils/constants';
+import getNameInitials from '../utils/get-name-initials';
+import ImageAvatar from './ImageAvatar/ImageAvatar';
+import TextAvatar from './TextAvatar/TextAvatar';
+import IconAvatar from './IconAvatar/IconAvatar';
+import AvatarWrapper from './AvatarWrapper/AvatarWrapper';
+export const Avatar = (_a) => {
+    var { alt, src, className, name, size, style, variant, testIds } = _a, rest = __rest(_a, ["alt", "src", "className", "name", "size", "style", "variant", "testIds"]);
+    const renderAvatar = useCallback(() => {
         if (src) {
-            return (React.createElement(ImageAvatar, { alt: alt, classes: classes, className: className, name: name, size: size, src: src, style: style, variant: variant }));
+            return (React.createElement(ImageAvatar, { alt: alt, className: className, name: name, 
+                /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
+                size: size, src: src, style: style, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.image }));
         }
         if (name) {
-            return (React.createElement(InitialsAvatar, { classes: classes, className: className, name: name, size: size, variant: variant }));
+            const initials = getNameInitials(name);
+            const isLongText = initials.length >= AVATAR_INITIALS_LIMIT;
+            return (React.createElement(TextAvatar, { className: className, fontSize: isLongText ? 'small' : 'large', 
+                /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
+                size: size, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.text }, initials));
         }
-        return (React.createElement(IconAvatar, { classes: classes, className: className, size: size, variant: variant }));
-    };
-    return (React.createElement("div", Object.assign({}, rest, { className: cx(classes.root, classes[size]) }), renderAvatar()));
+        return (React.createElement(IconAvatar, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.icon, className: className, 
+            /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
+            size: size }));
+    }, [
+        size,
+        alt,
+        className,
+        src,
+        testIds === null || testIds === void 0 ? void 0 : testIds.icon,
+        testIds === null || testIds === void 0 ? void 0 : testIds.image,
+        testIds === null || testIds === void 0 ? void 0 : testIds.text,
+        name,
+        style
+    ]);
+    return (React.createElement(AvatarWrapper
+    /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
+    , Object.assign({ 
+        /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
+        variant: variant, 
+        /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
+        size: size, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.wrapper }, rest), renderAvatar()));
 };
 Avatar.defaultProps = {
     size: 'xsmall',

package/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,UAAU,MAAM,cAAc,CAAA;AA0BrC,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAA;AAE7E,MAAM,CAAC,MAAM,MAAM,GAA6B,KAAK,CAAC,EAAE;IACtD,MAAM,EACJ,GAAG,EACH,GAAG,EACH,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,OAAO,GAAG,QAAQ,KAEhB,KAAK,EADJ,IAAI,UACL,KAAK,EATH,+DASL,CAAQ,CAAA;IAET,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,GAAG,EAAE;YACP,OAAO,CACL,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;SACF;QAED,IAAI,IAAI,EAAE;YACR,OAAO,CACL,oBAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;SACF;QAED,OAAO,CACL,oBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,6CAAS,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,KACtD,YAAY,EAAE,CACX,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,QAAQ;CAClB,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAqC,WAAW,EAAE,MAAM,OAAO,CAAA;AAG7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,eAAe,MAAM,4BAA4B,CAAA;AACxD,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAChD,OAAO,UAAU,MAAM,yBAAyB,CAAA;AAChD,OAAO,aAAa,MAAM,+BAA+B,CAAA;AA0BzD,MAAM,CAAC,MAAM,MAAM,GAA6B,CAAC,EAUhD,EAAE,EAAE;QAV4C,EAC/C,GAAG,EACH,GAAG,EACH,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,OAER,EADI,IAAI,cATwC,0EAUhD,CADQ;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,GAAG,EAAE;YACP,OAAO,CACL,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI;gBACV,uEAAuE;gBACvE,IAAI,EAAE,IAAK,EACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GAC3B,CACH,CAAA;SACF;QAED,IAAI,IAAI,EAAE;YACR,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;YACtC,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,qBAAqB,CAAA;YAE3D,OAAO,CACL,oBAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;gBACxC,uEAAuE;gBACvE,IAAI,EAAE,IAAK,iBACE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,IAEzB,QAAQ,CACE,CACd,CAAA;SACF;QAED,OAAO,CACL,oBAAC,UAAU,mBACI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAC1B,SAAS,EAAE,SAAS;YACpB,uEAAuE;YACvE,IAAI,EAAE,IAAK,GACX,CACH,CAAA;IACH,CAAC,EAAE;QACD,IAAI;QACJ,GAAG;QACH,SAAS;QACT,GAAG;QACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;QACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK;QACd,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;QACb,IAAI;QACJ,KAAK;KACN,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,aAAa;IACZ,uEAAuE;;QAAvE,uEAAuE;QACvE,OAAO,EAAE,OAAQ;QACjB,uEAAuE;QACvE,IAAI,EAAE,IAAK,iBACE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,IACzB,IAAI,GAEP,YAAY,EAAE,CACD,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,QAAQ;CAClB,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,eAAe,MAAM,CAAA"}

package/Avatar/AvatarWrapper/AvatarWrapper.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BaseProps } from '@toptal/picasso-shared';
+import { AvatarSizeType, VariantType } from '../Avatar';
+export interface Props extends BaseProps {
+    children: ReactNode;
+    size: AvatarSizeType;
+    variant: VariantType;
+}
+declare const AvatarWrapper: FunctionComponent<Props>;
+export default AvatarWrapper;

package/Avatar/AvatarWrapper/AvatarWrapper.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+import cx from 'classnames';
+import styles from './styles';
+const useStyles = makeStyles(styles, {
+    name: 'PicassoAvatarWrapper'
+});
+const AvatarWrapper = props => {
+    const { children, className, style, 'data-testid': dataTestId } = props;
+    const classes = useStyles(props);
+    return (React.createElement("div", { style: style, "data-testid": dataTestId, className: cx(className, classes.root, classes.size, classes.corner) }, children));
+};
+export default AvatarWrapper;
+//# sourceMappingURL=AvatarWrapper.js.map

package/Avatar/AvatarWrapper/AvatarWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarWrapper.js","sourceRoot":"","sources":["../../../src/Avatar/AvatarWrapper/AvatarWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAA;AAEF,MAAM,aAAa,GAA6B,KAAK,CAAC,EAAE;IACtD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IACvE,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,CACL,6BACE,KAAK,EAAE,KAAK,iBACC,UAAU,EACvB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,IAEnE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/Avatar/AvatarWrapper/styles.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@material-ui/core/styles';
+import { Props } from './AvatarWrapper';
+declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<Props, "size" | "root" | "corner">;
+export default _default;

package/Avatar/AvatarWrapper/styles.js

@@ -0,0 +1,53 @@
+import { createStyles } from '@material-ui/core/styles';
+const SETTINGS = {
+    xxsmall: {
+        dimensions: 2,
+        cornerSize: '0.5em'
+    },
+    xsmall: {
+        dimensions: 2.5,
+        cornerSize: '0.5em'
+    },
+    small: {
+        dimensions: 5,
+        cornerSize: '1em'
+    },
+    medium: {
+        dimensions: 7.5,
+        cornerSize: '1.5em'
+    },
+    large: {
+        dimensions: 10,
+        cornerSize: '1.5em'
+    }
+};
+export default ({ palette }) => createStyles({
+    root: {
+        position: 'relative',
+        backgroundColor: palette.grey.main,
+        fontSize: '1rem',
+        flexShrink: 0,
+        flexGrow: 0
+    },
+    size: ({ size, variant }) => {
+        const { dimensions } = SETTINGS[size];
+        const ratio = size === 'large' ? 3 / 4 : 2 / 3;
+        const widthRatio = variant === 'portrait' ? ratio : 1;
+        const heightRatio = variant === 'landscape' ? ratio : 1;
+        return {
+            width: `${dimensions * widthRatio}em`,
+            height: `${dimensions * heightRatio}em`
+        };
+    },
+    corner: ({ size }) => {
+        const { cornerSize } = SETTINGS[size];
+        const clipPath = `polygon(0 0, 100% 0, 100% 100%, ${cornerSize} 100%, 0 calc(100% - ${cornerSize}))`;
+        return {
+            clipPath,
+            // we can remove this prefix as soon as this issue will
+            // be resolved - https://github.com/cssinjs/css-vendor/issues/74
+            '-webkit-clip-path': clipPath
+        };
+    }
+});
+//# sourceMappingURL=styles.js.map

package/Avatar/AvatarWrapper/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Avatar/AvatarWrapper/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAI9D,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE;QACP,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,OAAO;KACpB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,OAAO;KACpB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,KAAK;KAClB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,OAAO;KACpB;IACD,KAAK,EAAE;QACL,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,OAAO;KACpB;CACO,CAAA;AAEV,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QAClC,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC;KACZ;IACD,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,EAAE;QACjC,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;QACrC,MAAM,KAAK,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QAC9C,MAAM,UAAU,GAAG,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;QACrD,MAAM,WAAW,GAAG,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;QAEvD,OAAO;YACL,KAAK,EAAE,GAAG,UAAU,GAAG,UAAU,IAAI;YACrC,MAAM,EAAE,GAAG,UAAU,GAAG,WAAW,IAAI;SACxC,CAAA;IACH,CAAC;IAED,MAAM,EAAE,CAAC,EAAE,IAAI,EAAS,EAAE,EAAE;QAC1B,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;QACrC,MAAM,QAAQ,GAAG,mCAAmC,UAAU,wBAAwB,UAAU,IAAI,CAAA;QAEpG,OAAO;YACL,QAAQ;YACR,uDAAuD;YACvD,gEAAgE;YAChE,mBAAmB,EAAE,QAAQ;SAC9B,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/Avatar/IconAvatar/IconAvatar.d.ts

@@ -0,0 +1,7 @@
+import { BaseProps } from '@toptal/picasso-shared';
+import type { AvatarSizeType } from '../Avatar';
+interface Props extends BaseProps {
+    size: AvatarSizeType;
+}
+declare const IconAvatar: ({ size, "data-testid": dataTestId, className, style }: Props) => JSX.Element;
+export default IconAvatar;

package/Avatar/IconAvatar/IconAvatar.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import cx from 'classnames';
+import { makeStyles } from '@material-ui/core/styles';
+import { Profile16 } from '../..';
+import styles from './styles';
+const useStyles = makeStyles(styles, {
+    name: 'PicassoIconAvatar'
+});
+const IconAvatar = ({ size, 'data-testid': dataTestId, className, style }) => {
+    const classes = useStyles();
+    return (React.createElement(Profile16, { className: cx(className, classes.root, classes[`${size}Icon`]), color: 'white', "data-testid": dataTestId, style: style }));
+};
+export default IconAvatar;
+//# sourceMappingURL=IconAvatar.js.map

package/Avatar/IconAvatar/IconAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAvatar.js","sourceRoot":"","sources":["../../../src/Avatar/IconAvatar/IconAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAI5D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,UAAU,CAAA;AAM7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,SAAS,EACT,KAAK,EACC,EAAE,EAAE;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC,EAC9D,KAAK,EAAC,OAAO,iBACA,UAAU,EACvB,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/Avatar/IconAvatar/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "root" | "xxsmallIcon" | "xsmallIcon" | "smallIcon" | "mediumIcon" | "largeIcon">;
+export default _default;

package/Avatar/IconAvatar/styles.js

@@ -0,0 +1,15 @@
+import { createStyles } from '@material-ui/core/styles';
+export default () => createStyles({
+    root: {
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)'
+    },
+    xxsmallIcon: { fontSize: '1em' },
+    xsmallIcon: { fontSize: '1em' },
+    smallIcon: { fontSize: '1.5em' },
+    mediumIcon: { fontSize: '1.875em' },
+    largeIcon: { fontSize: '3em' }
+});
+//# sourceMappingURL=styles.js.map

package/Avatar/IconAvatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Avatar/IconAvatar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;KACnC;IACD,WAAW,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;IAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;IAC/B,SAAS,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;IAChC,UAAU,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE;IACnC,SAAS,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;CAC/B,CAAC,CAAA"}

package/Avatar/ImageAvatar/ImageAvatar.d.ts

@@ -0,0 +1,10 @@
+import { BaseProps } from '@toptal/picasso-shared';
+import type { AvatarSizeType } from '../Avatar';
+export interface Props extends BaseProps {
+    size: AvatarSizeType;
+    src: string;
+    alt?: string;
+    name?: string;
+}
+declare const ImageAvatar: (props: Props) => JSX.Element;
+export default ImageAvatar;

package/Avatar/ImageAvatar/ImageAvatar.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import cx from 'classnames';
+import { makeStyles } from '@material-ui/core/styles';
+import Image from '../../Image';
+import Logo from '../../Logo';
+import styles from './styles';
+const useStyles = makeStyles(styles, {
+    name: 'PicassoImageAvatar'
+});
+const AvatarLogo = ({ size, classes }) => {
+    const isTooSmall = ['small', 'xsmall', 'xxsmall'].includes(size);
+    if (isTooSmall) {
+        return null;
+    }
+    return (React.createElement("div", { className: classes.logoContainer, role: 'img', "aria-label": 'photo placeholder' },
+        React.createElement(Logo, { emblem: true, variant: 'white', className: classes.logo })));
+};
+const ImageAvatar = (props) => {
+    const { alt, className, name, size, src, style, 'data-testid': dataTestId } = props;
+    const classes = useStyles(props);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Image, { alt: alt || name || '', className: cx(classes.image, className), src: src, style: style, "data-testid": dataTestId }),
+        React.createElement(AvatarLogo, { classes: classes, size: size })));
+};
+export default ImageAvatar;
+//# sourceMappingURL=ImageAvatar.js.map

package/Avatar/ImageAvatar/ImageAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageAvatar.js","sourceRoot":"","sources":["../../../src/Avatar/ImageAvatar/ImageAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,IAAI,MAAM,YAAY,CAAA;AAE7B,OAAO,MAAM,MAAM,UAAU,CAAA;AAa7B,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAa,EAAE,EAAE;IAClD,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEhE,IAAI,UAAU,EAAE;QACd,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,6BACE,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,IAAI,EAAC,KAAK,gBACC,mBAAmB;QAE9B,oBAAC,IAAI,IAAC,MAAM,QAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,GAAI,CACpD,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,KAAY,EAAE,EAAE;IACnC,MAAM,EACJ,GAAG,EACH,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,KAAK,EACL,aAAa,EAAE,UAAU,EAC1B,GAAG,KAAK,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,CACL;QACE,oBAAC,KAAK,IACJ,GAAG,EAAE,GAAG,IAAI,IAAI,IAAI,EAAE,EACtB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,EACvC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,iBACC,UAAU,GACvB;QACF,oBAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAI,CAC3C,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/Avatar/ImageAvatar/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "image" | "logoContainer" | "logo">;
+export default _default;

package/Avatar/ImageAvatar/styles.js

@@ -0,0 +1,23 @@
+import { rem } from '@toptal/picasso-shared';
+import { createStyles } from '@material-ui/core/styles';
+export default () => createStyles({
+    image: {
+        objectFit: 'cover',
+        width: '100%',
+        height: '100%',
+        position: 'absolute',
+        left: 0,
+        top: 0
+    },
+    logoContainer: {
+        display: 'flex',
+        position: 'absolute',
+        bottom: '1rem',
+        left: '1rem'
+    },
+    logo: {
+        width: rem('17px'),
+        height: rem('24px')
+    }
+});
+//# sourceMappingURL=styles.js.map

package/Avatar/ImageAvatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Avatar/ImageAvatar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,KAAK,EAAE;QACL,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP;IACD,aAAa,EAAE;QACb,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,MAAM;KACb;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC;QAClB,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC;KACpB;CACF,CAAC,CAAA"}

package/Avatar/TextAvatar/TextAvatar.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { BaseProps, SizeType } from '@toptal/picasso-shared';
+import type { AvatarSizeType } from '../Avatar';
+interface Props extends BaseProps {
+    children: ReactNode;
+    fontSize?: SizeType<'small' | 'large'>;
+    size: AvatarSizeType;
+}
+declare const TextAvatar: {
+    ({ children, className, style, "data-testid": dataTestID, fontSize, size }: Props): JSX.Element;
+    defaultProps: {
+        size: string;
+    };
+};
+export default TextAvatar;

package/Avatar/TextAvatar/TextAvatar.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import cx from 'classnames';
+import { makeStyles } from '@material-ui/core/styles';
+import { Typography } from '../..';
+import styles from './styles';
+const useStyles = makeStyles(styles, {
+    name: 'PicassoTextAvatar'
+});
+const TextAvatar = ({ children, className, style, 'data-testid': dataTestID, fontSize, size }) => {
+    const classes = useStyles();
+    return (React.createElement("div", { 
+        /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
+        className: cx(classes.root, className, classes[size]), style: style },
+        React.createElement(Typography, { "data-testid": dataTestID, className: classes[`${fontSize}Font`], invert: true }, children)));
+};
+TextAvatar.defaultProps = {
+    size: 'large'
+};
+export default TextAvatar;
+//# sourceMappingURL=TextAvatar.js.map

package/Avatar/TextAvatar/TextAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAvatar.js","sourceRoot":"","sources":["../../../src/Avatar/TextAvatar/TextAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EACzB,QAAQ,EACR,IAAI,EACE,EAAE,EAAE;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL;QACE,uEAAuE;QACvE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,IAAK,CAAC,CAAC,EACtD,KAAK,EAAE,KAAK;QAGZ,oBAAC,UAAU,mBACI,UAAU,EACvB,SAAS,EAAE,OAAO,CAAC,GAAG,QAAS,MAAM,CAAC,EACtC,MAAM,UAEL,QAAQ,CACE,CACT,CACP,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG;IACxB,IAAI,EAAE,OAAO;CACd,CAAA;AAED,eAAe,UAAU,CAAA"}

package/Avatar/TextAvatar/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("@material-ui/styles").StyleRules<{}, "medium" | "large" | "small" | "root" | "xxsmall" | "xsmall" | "smallFont" | "largeFont">;
+export default _default;

package/Avatar/TextAvatar/styles.js

@@ -0,0 +1,22 @@
+import { createStyles } from '@material-ui/core/styles';
+export default () => createStyles({
+    root: {
+        textTransform: 'uppercase',
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)'
+    },
+    xxsmall: { fontSize: '1em' },
+    xsmall: { fontSize: '1em' },
+    small: { fontSize: '2em' },
+    medium: { fontSize: '3em' },
+    large: { fontSize: '5em' },
+    smallFont: {
+        fontSize: '0.666666667em'
+    },
+    largeFont: {
+        fontSize: '1em'
+    }
+});
+//# sourceMappingURL=styles.js.map

package/Avatar/TextAvatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Avatar/TextAvatar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,aAAa,EAAE,WAAW;QAC1B,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;KACnC;IAED,OAAO,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;IAC5B,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;IAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;IAC1B,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;IAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;IAE1B,SAAS,EAAE;QACT,QAAQ,EAAE,eAAe;KAC1B;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC,CAAA"}

package/Avatar/utils/getClipPathCornerMask.d.ts

@@ -0,0 +1,3 @@
+import { AvatarSizeType } from './../Avatar';
+declare const getClipPathCornerMask: (size: AvatarSizeType) => string;
+export default getClipPathCornerMask;

package/Avatar/utils/getClipPathCornerMask.js

@@ -0,0 +1,10 @@
+const CORNER_SIZE = {
+    xxsmall: '0.5rem',
+    xsmall: '0.5rem',
+    small: '1rem',
+    medium: '1.5rem',
+    large: '1.5rem'
+};
+const getClipPathCornerMask = (size) => `polygon(0 0, 100% 0, 100% 100%, ${CORNER_SIZE[size]} 100%, 0 calc(100% - ${CORNER_SIZE[size]}))`;
+export default getClipPathCornerMask;
+//# sourceMappingURL=getClipPathCornerMask.js.map

package/Avatar/utils/getClipPathCornerMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getClipPathCornerMask.js","sourceRoot":"","sources":["../../../src/Avatar/utils/getClipPathCornerMask.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,QAAQ;CACP,CAAA;AAEV,MAAM,qBAAqB,GAAG,CAAC,IAAoB,EAAE,EAAE,CACrD,mCAAmC,WAAW,CAAC,IAAI,CAAC,wBAAwB,WAAW,CAAC,IAAI,CAAC,IAAI,CAAA;AAEnG,eAAe,qBAAqB,CAAA"}

package/Avatar/utils/getDimensions.d.ts

@@ -0,0 +1,12 @@
+import { VariantType } from '../Avatar';
+declare const getDimensions: (variant: VariantType) => {
+    readonly width: "2.5em";
+    readonly height: "2.5em";
+} | {
+    readonly width: "1.6667em";
+    readonly height: "2.5em";
+} | {
+    readonly width: "2.5em";
+    readonly height: "1.6667em";
+};
+export default getDimensions;

package/Avatar/utils/getDimensions.js

@@ -0,0 +1,17 @@
+const DIMENSIONS_BY_VARIANT = {
+    square: {
+        width: '2.5em',
+        height: '2.5em'
+    },
+    portrait: {
+        width: '1.6667em',
+        height: '2.5em'
+    },
+    landscape: {
+        width: '2.5em',
+        height: '1.6667em'
+    }
+};
+const getDimensions = (variant) => DIMENSIONS_BY_VARIANT[variant];
+export default getDimensions;
+//# sourceMappingURL=getDimensions.js.map

package/Avatar/utils/getDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDimensions.js","sourceRoot":"","sources":["../../../src/Avatar/utils/getDimensions.ts"],"names":[],"mappings":"AAEA,MAAM,qBAAqB,GAAG;IAC5B,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;KAChB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,OAAO;KAChB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,UAAU;KACnB;CACO,CAAA;AAEV,MAAM,aAAa,GAAG,CAAC,OAAoB,EAAE,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAE9E,eAAe,aAAa,CAAA"}

package/Container/Container.d.ts

@@ -35,7 +35,7 @@ export interface Props extends StandardProps, HTMLAttributes<HTMLDivElement | HT
     /** Style variant of Notification */
     variant?: VariantType;
     /** Gap between elements for a flex container */
-    gap?: string;
+    gap?: SpacingType;
     /** Component used for the root node */
     as?: ContainerType;
     /** Text align of the inner text */

package/Container/Container.js

@@ -31,6 +31,7 @@ export const Container = forwardRef(function Container(props, ref) {
     const margins = Object.assign(Object.assign(Object.assign(Object.assign({}, (typeof top === 'number' && { marginTop: spacingToRem(top) })), (typeof bottom === 'number' && { marginBottom: spacingToRem(bottom) })), (typeof left === 'number' && { marginLeft: spacingToRem(left) })), (typeof right === 'number' && { marginRight: spacingToRem(right) }));
     return (React.createElement(Component, Object.assign({}, rest, { ref: ref, className: cx(classes[`${variant}Variant`], {
             [classes[`${padded}Padding`]]: typeof padded === 'string',
+            [classes[`${gap}Gap`]]: typeof gap === 'string',
             [classes[`top${top}Margin`]]: typeof top === 'string',
             [classes[`bottom${bottom}Margin`]]: typeof bottom === 'string',
             [classes[`left${left}Margin`]]: typeof left === 'string',
@@ -43,7 +44,7 @@ export const Container = forwardRef(function Container(props, ref) {
             [classes.flex]: flex,
             [classes.inline]: inline,
             [classes.column]: direction === 'column'
-        }, className), style: Object.assign(Object.assign(Object.assign(Object.assign({}, margins), (typeof padded === 'number' && { padding: spacingToRem(padded) })), (typeof gap !== 'undefined' && { gap })), style) }), children));
+        }, className), style: Object.assign(Object.assign(Object.assign(Object.assign({}, margins), (typeof padded === 'number' && { padding: spacingToRem(padded) })), (typeof gap === 'number' && { gap: spacingToRem(gap) })), style) }), children));
 });
 Container.displayName = 'Container';
 Container.defaultProps = {

package/Container/Container.js.map

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

package/Container/styles.js

@@ -38,6 +38,12 @@ const paddings = spacingVariants.reduce((acc, variant) => {
     };
     return acc;
 }, Object.create(null));
+const gaps = spacingVariants.reduce((acc, variant) => {
+    acc[`${variant}Gap`] = {
+        gap: spacingToRem(variant)
+    };
+    return acc;
+}, Object.create(null));
 const colorVariant = (colorOptions) => {
     var _a;
     if (!colorOptions) {
@@ -81,7 +87,7 @@ justifyContentVariants.forEach(variant => {
         justifyContent: variant
     };
 });
-export default ({ palette, sizes: { borderRadius } }) => createStyles(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ bordered: {
+export default ({ palette, sizes: { borderRadius } }) => createStyles(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ bordered: {
         border: `1px solid ${palette.grey.lighter2}`
     }, rounded: {
         borderRadius: borderRadius.medium
@@ -96,5 +102,5 @@ export default ({ palette, sizes: { borderRadius } }) => createStyles(Object.ass
         display: 'inline-block'
     }, whiteVariant: {
         backgroundColor: palette.common.white
-    }, redVariant: colorVariant(palette.red), greenVariant: colorVariant(palette.green), yellowVariant: colorVariant(palette.yellow), blueVariant: colorVariant(palette.blue), greyVariant: colorVariant(palette.grey) }, paddings), margins), alignItems), justifyContent), textAlignItems));
+    }, redVariant: colorVariant(palette.red), greenVariant: colorVariant(palette.green), yellowVariant: colorVariant(palette.yellow), blueVariant: colorVariant(palette.blue), greyVariant: colorVariant(palette.grey) }, paddings), margins), alignItems), justifyContent), textAlignItems), gaps));
 //# sourceMappingURL=styles.js.map

package/Container/styles.js.map

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

package/PromptModal/PromptModal.d.ts

@@ -28,6 +28,12 @@ export interface Props extends Omit<ModalProps, 'children' | 'onSubmit'> {
     /** Callback on Cancel onClick event */
     onCancel?: () => void;
     onClose?: () => void;
+    testIds?: {
+        title?: string;
+        message?: string;
+        closeButton?: string;
+        submitButton?: string;
+    };
 }
 export declare const PromptModal: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
 export default PromptModal;

package/PromptModal/PromptModal.js

@@ -30,7 +30,7 @@ const useStyles = makeStyles(styles, {
     name: 'PicassoPromptModal'
 });
 export const PromptModal = forwardRef(function PromptModal(props, ref) {
-    const { children, title, message, variant, submitText, cancelText, onSubmit, onAfterSubmit = noop, onCancel = noop, onClose } = props, rest = __rest(props, ["children", "title", "message", "variant", "submitText", "cancelText", "onSubmit", "onAfterSubmit", "onCancel", "onClose"]);
+    const { children, title, message, variant, submitText, cancelText, onSubmit, onAfterSubmit = noop, onCancel = noop, onClose, testIds } = props, rest = __rest(props, ["children", "title", "message", "variant", "submitText", "cancelText", "onSubmit", "onAfterSubmit", "onCancel", "onClose", "testIds"]);
     const classes = useStyles();
     const [result, setResult] = useSafeState();
     const [loading, setLoading] = useSafeState(false);
@@ -63,9 +63,9 @@ export const PromptModal = forwardRef(function PromptModal(props, ref) {
         }
     };
     return (React.createElement(Modal, Object.assign({ ref: ref, onClose: onClose && handleClose, classes: classes }, rest),
-        title && React.createElement(Modal.Title, null, title),
+        title && React.createElement(Modal.Title, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.title }, title),
         React.createElement(Modal.Content, null,
-            React.createElement(Typography, { size: 'medium' }, message),
+            React.createElement(Typography, { size: 'medium', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.message }, message),
             children && (React.createElement(Container, { top: 'xsmall' }, children({
                 setResult,
                 result,
@@ -75,8 +75,8 @@ export const PromptModal = forwardRef(function PromptModal(props, ref) {
                 error
             })))),
         React.createElement(Modal.Actions, null,
-            React.createElement(Button, { disabled: loading, variant: 'secondary', onClick: handleCancel }, cancelText),
-            React.createElement(Button, { loading: loading, onClick: handleSubmit, variant: `${variant}` }, submitText))));
+            React.createElement(Button, { disabled: loading, variant: 'secondary', onClick: handleCancel, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.closeButton }, cancelText),
+            React.createElement(Button, { loading: loading, onClick: handleSubmit, variant: `${variant}`, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.submitButton }, submitText))));
 });
 PromptModal.defaultProps = {
     cancelText: 'Cancel',

package/PromptModal/PromptModal.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso",
-  "version": "12.4.0",
+  "version": "13.1.1",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public"
@@ -69,5 +69,5 @@
     "**/styles.ts",
     "**/styles.js"
   ],
-  "gitHead": "7b7c905a2172259f265e6303fe691396ca0582d2"
+  "gitHead": "6f190cdb3ea42ffb948c265e6244ea65ff4fd465"
 }

package/Avatar/IconAvatar.d.ts

@@ -1,9 +0,0 @@
-import { JssProps } from '@toptal/picasso-shared';
-import type { AvatarSizeType, VariantType } from './Avatar';
-declare type WithIconProps = {
-    size: AvatarSizeType;
-    variant: VariantType;
-    className?: string;
-} & JssProps;
-declare const WithIcon: ({ classes, size, variant, className }: WithIconProps) => JSX.Element;
-export default WithIcon;

package/Avatar/IconAvatar.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import cx from 'classnames';
-import ImagePlaceholder from './ImagePlaceholder';
-import { Profile16 } from '..';
-const WithIcon = ({ classes, size, variant, className }) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ImagePlaceholder, { variant: variant, size: size, className: className, classes: classes }),
-        React.createElement(Profile16, { className: cx(classes.centeredContent, classes[`${size}Icon`]), color: 'white' })));
-};
-export default WithIcon;
-//# sourceMappingURL=IconAvatar.js.map

package/Avatar/IconAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconAvatar.js","sourceRoot":"","sources":["../../src/Avatar/IconAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAA;AAO9B,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAiB,EAAE,EAAE;IACxE,OAAO,CACL;QACE,oBAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GAChB;QACF,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC,EAC9D,KAAK,EAAC,OAAO,GACb,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/Avatar/ImageAvatar.d.ts

@@ -1,9 +0,0 @@
-import { JssProps } from '@toptal/picasso-shared';
-import type { AvatarSizeType, VariantType, Props as AvatarProps } from './Avatar';
-declare type WithImageProps = {
-    variant: VariantType;
-    size: AvatarSizeType;
-    src: string;
-} & Pick<AvatarProps, 'alt' | 'name' | 'style' | 'className'> & JssProps;
-declare const WithImage: ({ alt, classes, className, name, size, src, style, variant }: WithImageProps) => JSX.Element | null;
-export default WithImage;

package/Avatar/ImageAvatar.js

@@ -1,40 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import cx from 'classnames';
-import Image from '../Image';
-import Logo from '../Logo';
-const isBrowserSupportsObjectFit = 'objectFit' in document.documentElement.style;
-const renderLogo = ({ size, classes }) => {
-    const isTooSmall = ['small', 'xsmall', 'xxsmall'].includes(size);
-    if (isTooSmall) {
-        return null;
-    }
-    return (React.createElement("div", { className: classes.logoContainer },
-        React.createElement(Logo, { emblem: true, variant: 'white', className: classes.logo })));
-};
-// You will be surprised, but it's a IE11 fix for `object-fit: cover` for images
-const IE11Image = (_a) => {
-    var { style, src } = _a, rest = __rest(_a, ["style", "src"]);
-    return (React.createElement("div", Object.assign({ style: Object.assign({ backgroundImage: `url(${src})`, backgroundSize: 'cover', backgroundPosition: 'center center' }, style) }, rest)));
-};
-const WithImage = ({ alt, classes, className, name, size, src, style, variant }) => {
-    const ImageComponent = isBrowserSupportsObjectFit ? Image : IE11Image;
-    if (!src) {
-        return null;
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ImageComponent, { alt: alt || String(name), className: cx(classes.image, classes[variant], classes[size], classes.clippedCorner, className), src: src, style: style }),
-        renderLogo({ classes, size })));
-};
-export default WithImage;
-//# sourceMappingURL=ImageAvatar.js.map

package/Avatar/ImageAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageAvatar.js","sourceRoot":"","sources":["../../src/Avatar/ImageAvatar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,IAAI,MAAM,SAAS,CAAA;AAQ1B,MAAM,0BAA0B,GAAG,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAA;AAKhF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAa,EAAE,EAAE;IAClD,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEhE,IAAI,UAAU,EAAE;QACd,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,aAAa;QACnC,oBAAC,IAAI,IAAC,MAAM,QAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,GAAI,CACpD,CACP,CAAA;AACH,CAAC,CAAA;AAED,gFAAgF;AAChF,MAAM,SAAS,GAAG,CAAC,EAAsD,EAAE,EAAE;QAA1D,EAAE,KAAK,EAAE,GAAG,OAA0C,EAArC,IAAI,cAArB,gBAAuB,CAAF;IAAsC,OAAA,CAC5E,2CACE,KAAK,kBACH,eAAe,EAAE,OAAO,GAAG,GAAG,EAC9B,cAAc,EAAE,OAAO,EACvB,kBAAkB,EAAE,eAAe,IAChC,KAAK,KAEN,IAAI,EACR,CACH,CAAA;CAAA,CAAA;AAQD,MAAM,SAAS,GAAG,CAAC,EACjB,GAAG,EACH,OAAO,EACP,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,KAAK,EACL,OAAO,EACQ,EAAE,EAAE;IACnB,MAAM,cAAc,GAAG,0BAA0B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IAErE,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL;QACE,oBAAC,cAAc,IACb,GAAG,EAAE,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,EACxB,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,OAAO,CAAC,EAChB,OAAO,CAAC,IAAI,CAAC,EACb,OAAO,CAAC,aAAa,EACrB,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,GACZ;QACD,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAC7B,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/Avatar/ImagePlaceholder.d.ts

@@ -1,9 +0,0 @@
-import { JssProps } from '@toptal/picasso-shared';
-import type { VariantType, AvatarSizeType } from './Avatar';
-declare type ImagePlaceholderProps = {
-    className?: string;
-    variant: VariantType;
-    size: AvatarSizeType;
-} & JssProps;
-declare const ImagePlaceholder: ({ size, variant, className, classes }: ImagePlaceholderProps) => JSX.Element;
-export default ImagePlaceholder;

package/Avatar/ImagePlaceholder.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import cx from 'classnames';
-const ImagePlaceholder = ({ size, variant, className, classes }) => {
-    return (React.createElement("div", { className: cx(classes.textContainer, classes[variant], classes[size], classes.clippedCorner, className) }));
-};
-export default ImagePlaceholder;
-//# sourceMappingURL=ImagePlaceholder.js.map

package/Avatar/ImagePlaceholder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImagePlaceholder.js","sourceRoot":"","sources":["../../src/Avatar/ImagePlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAU3B,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,OAAO,EACe,EAAE,EAAE;IAC1B,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,aAAa,EACrB,OAAO,CAAC,OAAO,CAAC,EAChB,OAAO,CAAC,IAAI,CAAC,EACb,OAAO,CAAC,aAAa,EACrB,SAAS,CACV,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/Avatar/InitialsAvatar.d.ts

@@ -1,10 +0,0 @@
-import { JssProps } from '@toptal/picasso-shared';
-import type { VariantType, AvatarSizeType } from './Avatar';
-declare type WithInitialsProps = {
-    name: string;
-    variant: VariantType;
-    size: AvatarSizeType;
-    className?: string;
-} & JssProps;
-declare const WithInitials: ({ classes, name, variant, size, className }: WithInitialsProps) => JSX.Element;
-export default WithInitials;

package/Avatar/InitialsAvatar.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import cx from 'classnames';
-import { Typography } from '..';
-import ImagePlaceholder from './ImagePlaceholder';
-import getNameInitials from '../utils/get-name-initials';
-import { AVATAR_INITIALS_LIMIT } from '../utils/constants';
-const WithInitials = ({ classes, name, variant, size, className }) => {
-    const initials = getNameInitials(name);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ImagePlaceholder, { variant: variant, size: size, className: className, classes: classes }),
-        React.createElement(Typography, { className: cx(classes.text, classes.centeredContent, {
-                [classes.textCapLimit]: initials.length >= AVATAR_INITIALS_LIMIT
-            }), invert: true }, initials)));
-};
-export default WithInitials;
-//# sourceMappingURL=InitialsAvatar.js.map

package/Avatar/InitialsAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InitialsAvatar.js","sourceRoot":"","sources":["../../src/Avatar/InitialsAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAC/B,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,eAAe,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAS1D,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACS,EAAE,EAAE;IACtB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;IAEtC,OAAO,CACL;QACE,oBAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GAChB;QACF,oBAAC,UAAU,IACT,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,EAAE;gBACnD,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,IAAI,qBAAqB;aACjE,CAAC,EACF,MAAM,UAEL,QAAQ,CACE,CACZ,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/Avatar/styles.d.ts

@@ -1,3 +0,0 @@
-import { Theme } from '@material-ui/core/styles';
-declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "medium" | "text" | "large" | "small" | "square" | "root" | "image" | "xxsmall" | "xsmall" | "portrait" | "landscape" | "clippedCorner" | "textContainer" | "centeredContent" | "textCapLimit" | "logoContainer" | "logo" | "xxsmalLIcon" | "xsmallIcon" | "smallIcon" | "mediumIcon" | "largeIcon">;
-export default _default;

package/Avatar/styles.js

@@ -1,77 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-import { rem } from '@toptal/picasso-shared';
-const getClipPathCornerMask = (cornerWidth) => `polygon(0 0, 100% 0, 100% 100%, ${cornerWidth} 100%, 0 calc(100% - ${cornerWidth}))`;
-const CLIPPED_CORNER_SIZE_EM = 0.5;
-const LOGO_SIZE_EM = 0.5;
-export default ({ palette }) => createStyles({
-    root: {
-        position: 'relative'
-    },
-    image: {
-        objectFit: 'cover'
-    },
-    square: {
-        width: '2.5em',
-        height: '2.5em'
-    },
-    portrait: {
-        width: '1.666em',
-        height: '2.5em'
-    },
-    landscape: {
-        width: '2.5em',
-        height: '1.666em'
-    },
-    xxsmall: {
-        fontSize: '0.8rem'
-    },
-    xsmall: {
-        fontSize: '1rem'
-    },
-    small: {
-        fontSize: '2rem'
-    },
-    medium: {
-        fontSize: '3rem'
-    },
-    large: {
-        fontSize: '4.5rem'
-    },
-    clippedCorner: {
-        clipPath: getClipPathCornerMask(`${CLIPPED_CORNER_SIZE_EM}em`),
-        // we can remove this prefix as soon as this issue will
-        // be resolved - https://github.com/cssinjs/css-vendor/issues/74
-        '-webkit-clip-path': getClipPathCornerMask(`${CLIPPED_CORNER_SIZE_EM}em`)
-    },
-    textContainer: {
-        backgroundColor: palette.grey.main
-    },
-    text: {
-        fontSize: '1em',
-        textTransform: 'uppercase'
-    },
-    centeredContent: {
-        position: 'absolute',
-        top: '50%',
-        left: '50%',
-        transform: 'translate(-50%, -50%)'
-    },
-    textCapLimit: {
-        fontSize: '0.85em'
-    },
-    logoContainer: {
-        display: 'flex',
-        position: 'absolute',
-        bottom: `${CLIPPED_CORNER_SIZE_EM * 0.8}em`,
-        left: `${CLIPPED_CORNER_SIZE_EM * 0.8}em`
-    },
-    logo: {
-        fontSize: `${LOGO_SIZE_EM}em`
-    },
-    xxsmalLIcon: { fontSize: '1rem' },
-    xsmallIcon: { fontSize: '1rem' },
-    smallIcon: { fontSize: rem('24px') },
-    mediumIcon: { fontSize: rem('30px') },
-    largeIcon: { fontSize: rem('48px') }
-});
-//# sourceMappingURL=styles.js.map

package/Avatar/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Avatar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,MAAM,qBAAqB,GAAG,CAAC,WAAmB,EAAE,EAAE,CACpD,mCAAmC,WAAW,wBAAwB,WAAW,IAAI,CAAA;AAEvF,MAAM,sBAAsB,GAAG,GAAG,CAAA;AAClC,MAAM,YAAY,GAAG,GAAG,CAAA;AAExB,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,OAAO;KACnB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;KAChB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,OAAO;KAChB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,SAAS;KAClB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;KACjB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;KACjB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;KACjB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,QAAQ;KACnB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,qBAAqB,CAAC,GAAG,sBAAsB,IAAI,CAAC;QAC9D,uDAAuD;QACvD,gEAAgE;QAChE,mBAAmB,EAAE,qBAAqB,CAAC,GAAG,sBAAsB,IAAI,CAAC;KAC1E;IACD,aAAa,EAAE;QACb,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KACnC;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,WAAW;KAC3B;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;KACnC;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,QAAQ;KACnB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,GAAG,sBAAsB,GAAG,GAAG,IAAI;QAC3C,IAAI,EAAE,GAAG,sBAAsB,GAAG,GAAG,IAAI;KAC1C;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,GAAG,YAAY,IAAI;KAC9B;IACD,WAAW,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;IACjC,UAAU,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;IAChC,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE;IACpC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE;IACrC,SAAS,EAAE,EAAE,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE;CACrC,CAAC,CAAA"}