@toptal/picasso 42.7.3 → 43.1.0

package/Avatar/AvatarWrapper/styles.js.map

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

package/Avatar/IconAvatar/IconAvatar.d.ts

@@ -1,6 +0,0 @@
-import type { BaseProps, SizeType } from '@toptal/picasso-shared';
-interface Props extends BaseProps {
-    size: SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
-}
-declare const IconAvatar: ({ size, "data-testid": dataTestId, className, style, }: Props) => JSX.Element;
-export default IconAvatar;

package/Avatar/IconAvatar/IconAvatar.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import cx from 'classnames';
-import { makeStyles } from '@material-ui/core/styles';
-import { Profile16 } from '../../Icon';
-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

@@ -1 +0,0 @@
-{"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;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,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,GACC,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

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

package/Avatar/IconAvatar/styles.js

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,9 +0,0 @@
-import type { BaseProps, SizeType } from '@toptal/picasso-shared';
-export interface Props extends BaseProps {
-    size: SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
-    src: string;
-    alt?: string;
-    name?: string;
-}
-declare const ImageAvatar: (props: Props) => JSX.Element;
-export default ImageAvatar;

package/Avatar/ImageAvatar/ImageAvatar.js

@@ -1,26 +0,0 @@
-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, 'data-private': dataPrivate, } = 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, "data-private": dataPrivate }),
-        React.createElement(AvatarLogo, { classes: classes, size: size })));
-};
-export default ImageAvatar;
-//# sourceMappingURL=ImageAvatar.js.map

package/Avatar/ImageAvatar/ImageAvatar.js.map

@@ -1 +0,0 @@
-{"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;AAG3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAErD,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,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,EACzB,cAAc,EAAE,WAAW,GAC5B,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,kBACT,WAAW,GACzB;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

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

package/Avatar/ImageAvatar/styles.js

@@ -1,25 +0,0 @@
-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,
-        /* Required to prevent image blur on downscale */
-        imageRendering: '-webkit-optimize-contrast',
-    },
-    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

@@ -1 +0,0 @@
-{"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;QACN,iDAAiD;QACjD,cAAc,EAAE,2BAA2B;KAC5C;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

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

package/Avatar/TextAvatar/TextAvatar.js

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

package/Avatar/TextAvatar/TextAvatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextAvatar.js","sourceRoot":"","sources":["../../../src/Avatar/TextAvatar/TextAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAGrD,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,MAAM,MAAM,UAAU,CAAA;AAQ7B,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,EACJ,cAAc,EAAE,WAAW,GACrB,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,kBACE,WAAW;QAEzB,oBAAC,UAAU,mBACI,UAAU;YACvB,uEAAuE;YACvE,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

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

package/Avatar/TextAvatar/styles.js

@@ -1,22 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/index.d.ts

@@ -1,4 +0,0 @@
-import type { OmitInternalProps } from '@toptal/picasso-shared';
-import type { Props } from './Avatar';
-export { default } from './Avatar';
-export declare type AvatarProps = OmitInternalProps<Props>;

package/Avatar/index.js

@@ -1,2 +0,0 @@
-export { default } from './Avatar';
-//# sourceMappingURL=index.js.map

package/Avatar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/Avatar/styles.d.ts

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

package/Avatar/styles.js

@@ -1,9 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-export default () => {
-    return createStyles({
-        editableAvatarContainer: {
-            position: 'relative',
-        },
-    });
-};
-//# 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,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE;IAClB,OAAO,YAAY,CAAC;QAClB,uBAAuB,EAAE;YACvB,QAAQ,EAAE,UAAU;SACrB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/AvatarCompound/index.d.ts

@@ -1,16 +0,0 @@
-export declare const AvatarCompound: {
-    (props: import("../Avatar/Avatar").Props): JSX.Element;
-    defaultProps: {
-        size: string;
-        variant: string;
-    };
-    displayName: string;
-} & {
-    Group: {
-        ({ className, style, testIds, items, limit, size, }: import("../AvatarGroup/AvatarGroup").Props): JSX.Element | null;
-        defaultProps: {
-            limit: number;
-            size: string;
-        };
-    };
-};

package/AvatarCompound/index.js

@@ -1,6 +0,0 @@
-import Avatar from '../Avatar';
-import AvatarGroup from '../AvatarGroup';
-export const AvatarCompound = Object.assign(Avatar, {
-    Group: AvatarGroup,
-});
-//# sourceMappingURL=index.js.map

package/AvatarCompound/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AvatarCompound/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAExC,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;IAClD,KAAK,EAAE,WAAW;CACnB,CAAC,CAAA"}

package/AvatarDropzoneSvg/AvatarDropzoneSvg.d.ts

@@ -1,44 +0,0 @@
-import type { BaseProps, SizeType } from '@toptal/picasso-shared';
-export declare const AVATAR_DROPZONE_SVG_SHAPES: {
-    readonly xxsmall: {
-        background: string;
-        outline: string;
-        borders: string;
-    };
-    readonly xsmall: {
-        background: string;
-        outline: string;
-        borders: string;
-    };
-    readonly small: {
-        background: string;
-        outline: string;
-        borders: string;
-    };
-    readonly medium: {
-        background: string;
-        outline: string;
-        borders: string;
-    };
-    readonly large: {
-        background: string;
-        outline: string;
-        borders: string;
-    };
-};
-export interface Props extends BaseProps {
-    size?: SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
-    isDragActive?: boolean;
-    disabled?: boolean;
-    error?: boolean;
-    focused?: boolean;
-    hovered?: boolean;
-}
-export declare const DropzoneSvg: {
-    (props: Props): JSX.Element;
-    displayName: string;
-    defaultProps: {
-        size: string;
-    };
-};
-export default DropzoneSvg;

package/AvatarDropzoneSvg/AvatarDropzoneSvg.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import { capitalize, makeStyles } from '@material-ui/core';
-import cx from 'classnames';
-import styles from './styles';
-import { getShapes } from './utils';
-/**
- * For measuring, pixel values are used because SVG's "d" attribute works with percentages and pixels only
- */
-const BASE_FONT_SIZE = 16;
-const SETTINGS = {
-    xxsmall: {
-        dimensions: 2 * BASE_FONT_SIZE,
-        cornerSize: 0.5 * BASE_FONT_SIZE,
-    },
-    xsmall: {
-        dimensions: 2.5 * BASE_FONT_SIZE,
-        cornerSize: 0.5 * BASE_FONT_SIZE,
-    },
-    small: {
-        dimensions: 5 * BASE_FONT_SIZE,
-        cornerSize: 1 * BASE_FONT_SIZE,
-    },
-    medium: {
-        dimensions: 7.5 * BASE_FONT_SIZE,
-        cornerSize: 1.5 * BASE_FONT_SIZE,
-    },
-    large: {
-        dimensions: 10 * BASE_FONT_SIZE,
-        cornerSize: 1.5 * BASE_FONT_SIZE,
-    },
-};
-export const AVATAR_DROPZONE_SVG_SHAPES = {
-    xxsmall: getShapes(SETTINGS.xxsmall),
-    xsmall: getShapes(SETTINGS.xsmall),
-    small: getShapes(SETTINGS.small),
-    medium: getShapes(SETTINGS.medium),
-    large: getShapes(SETTINGS.large),
-};
-const useStyles = makeStyles(styles, {
-    name: 'PicassoDropzoneSvg',
-});
-export const DropzoneSvg = (props) => {
-    const { size = 'small', disabled, error, focused, hovered, isDragActive, 'data-testid': dataTestId, } = props;
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const shapes = AVATAR_DROPZONE_SVG_SHAPES[size];
-    const classes = useStyles();
-    return (React.createElement("div", { className: cx(classes.root, classes[`root${capitalize(size)}`]), "data-testid": dataTestId },
-        React.createElement("svg", { className: cx(classes.svg, classes[`svg${capitalize(size)}`]), fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
-            React.createElement("path", { className: cx(classes.background, {
-                    [classes.dragActive]: isDragActive,
-                    [classes.disabled]: disabled,
-                    [classes.error]: error,
-                    [classes.focused]: focused,
-                    [classes.hovered]: hovered,
-                }), fillRule: 'evenodd', clipRule: 'evenodd', d: shapes.background }),
-            React.createElement("path", { className: cx(classes.outline, {
-                    [classes.focused]: focused,
-                    [classes.error]: error,
-                }), fillRule: 'evenodd', clipRule: 'evenodd', d: shapes.outline, strokeOpacity: '.48', strokeWidth: '3', strokeLinejoin: 'round' }),
-            React.createElement("path", { className: cx(classes.border, {
-                    [classes.error]: error,
-                    [classes.focused]: focused,
-                    [classes.hovered]: hovered,
-                }), fillRule: 'evenodd', clipRule: 'evenodd', d: shapes.borders, strokeDasharray: '3 3' }))));
-};
-DropzoneSvg.displayName = 'DropzoneSvg';
-DropzoneSvg.defaultProps = {
-    size: 'small',
-};
-export default DropzoneSvg;
-//# sourceMappingURL=AvatarDropzoneSvg.js.map

package/AvatarDropzoneSvg/AvatarDropzoneSvg.js.map

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

package/AvatarDropzoneSvg/index.d.ts

@@ -1 +0,0 @@
-export { default, AVATAR_DROPZONE_SVG_SHAPES } from './AvatarDropzoneSvg';

package/AvatarDropzoneSvg/index.js

@@ -1,2 +0,0 @@
-export { default, AVATAR_DROPZONE_SVG_SHAPES } from './AvatarDropzoneSvg';
-//# sourceMappingURL=index.js.map

package/AvatarDropzoneSvg/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AvatarDropzoneSvg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAA"}

package/AvatarDropzoneSvg/styles.d.ts

@@ -1,3 +0,0 @@
-import type { Theme } from '@material-ui/core/styles';
-declare const _default: ({ palette, transitions }: Theme) => import("@material-ui/styles").StyleRules<{}, "background" | "border" | "outline" | "disabled" | "error" | "root" | "svg" | "focused" | "hovered" | "rootXxsmall" | "rootXsmall" | "rootSmall" | "rootMedium" | "rootLarge" | "svgXxsmall" | "svgXsmall" | "svgSmall" | "svgMedium" | "svgLarge" | "dragActive">;
-export default _default;

package/AvatarDropzoneSvg/styles.js

@@ -1,101 +0,0 @@
-import { createStyles } from '@material-ui/core/styles';
-import { alpha } from '@toptal/picasso-shared';
-export default ({ palette, transitions }) => {
-    const dragActiveColor = alpha(palette.blue.main, 0.24);
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const hoverBackgroundColor = alpha(palette.blue.lighter, 0.84);
-    const hoverBorderColor = alpha(palette.blue.main, 0.84);
-    return createStyles({
-        root: {
-            pointerEvents: 'unset',
-            position: 'relative',
-            background: 'transparent',
-        },
-        rootXxsmall: {
-            width: '32px',
-            height: '32px',
-        },
-        rootXsmall: {
-            width: '40px',
-            height: '40px',
-        },
-        rootSmall: {
-            width: '80px',
-            height: '80px',
-        },
-        rootMedium: {
-            width: '120px',
-            height: '120px',
-        },
-        rootLarge: {
-            width: '160px',
-            height: '160px',
-        },
-        svg: {
-            margin: '-3px', // to center the svg
-        },
-        svgXxsmall: {
-            width: '38px',
-            height: '38px', // +6px for outline
-        },
-        svgXsmall: {
-            width: '46px',
-            height: '46px', // +6px for outline
-        },
-        svgSmall: {
-            width: '86px',
-            height: '86px', // +6px for outline
-        },
-        svgMedium: {
-            width: '126px',
-            height: '126px', // +6px for outline
-        },
-        svgLarge: {
-            width: '166px',
-            height: '166px', // +6px for outline
-        },
-        background: {
-            fill: palette.blue.lighter,
-            transition: `all ${transitions.duration.short}ms ${transitions.easing.easeOut}`,
-            transitionProperty: 'fill',
-            '&$hovered': {
-                fill: hoverBackgroundColor,
-            },
-            '&$dragActive,&:active': {
-                fill: dragActiveColor,
-            },
-            '&$disabled': {
-                fill: palette.grey.lighter,
-                '&$hovered': {
-                    fill: palette.grey.light2,
-                },
-            },
-        },
-        border: {
-            stroke: palette.blue.main,
-            transition: `stroke ${transitions.duration.short}ms`,
-            '&$hovered': {
-                stroke: hoverBorderColor,
-            },
-            '&$error': {
-                stroke: palette.red.main,
-            },
-        },
-        outline: {
-            display: 'none',
-            stroke: palette.blue.main,
-            '&$focused:not($dragActive)': {
-                display: 'initial',
-            },
-            '&$error': {
-                stroke: palette.red.main,
-            },
-        },
-        dragActive: {},
-        disabled: {},
-        error: {},
-        focused: {},
-        hovered: {},
-    });
-};
-//# sourceMappingURL=styles.js.map

package/AvatarDropzoneSvg/styles.js.map

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

package/AvatarDropzoneSvg/utils.d.ts

@@ -1,22 +0,0 @@
-/**
- * Returns the shape of the background of the avatar.
- */
-export declare const getBackgroundShape: (dimensions: number, cornerSize: number) => string;
-/**
- * Returns the shape of the outline when field is focused.
- * it is 2px bigger than the background because of the outline stroke width.
- */
-export declare const getOutlineShape: (dimensions: number, cornerSize: number) => string;
-/**
- * Returns the shape of the borders.
- * it is 2px smaller than the background because of the border stroke width.
- */
-export declare const getBordersShape: (dimensions: number, cornerSize: number) => string;
-export declare const getShapes: ({ dimensions, cornerSize, }: {
-    dimensions: number;
-    cornerSize: number;
-}) => {
-    background: string;
-    outline: string;
-    borders: string;
-};

package/AvatarDropzoneSvg/utils.js

@@ -1,85 +0,0 @@
-/**
- * Returns the shape of the Avatar component in SVG path's format.
- * SVG's "path" works for the function like this:
- * M x1 y1 => move to point (x1,y1) (startPoint)
- * H x2 => horizontal line from (x1,y1) to (x2,y1) (topEdgeLength)
- * V y2 => vertical line from (x2,y1) to (x2,y2) (rightEdgeLength)
- * H x3 => horizontal line from (x2,y2) to (x3,y2) (bottomEdgeStartPoint)
- * L x1 y3 => line from (x1,y3) to (x3,y2) (leftCornerEndPoint)
- * Z - draw path back to starting point (x1 y1)
- *
- *   x1,y1 ----------------- x2,y1
- *     |                       |
- *     |                       |
- *     |                       |
- *     |                       |
- *     |                       |
- *   x1,y3                     |
- *      \                      |
- *       \                     |
- *       x3,y2-------------- x2,y2
- *
- */
-const getAvatarShape = ({ bottomEdgeStartPoint, startPoint, leftCornerEndPoint, rightEdgeLength, topEdgeLength, drawBackToStart, }) => {
-    return `
-    M ${startPoint} ${startPoint}
-    H ${topEdgeLength} 
-    V ${rightEdgeLength} 
-    H ${bottomEdgeStartPoint} 
-    L ${startPoint} ${leftCornerEndPoint}${drawBackToStart ? ' Z' : ''}
-  `;
-};
-/**
- * Returns the shape of the background of the avatar.
- */
-export const getBackgroundShape = (dimensions, cornerSize) => {
-    const centerShift = 3; // shift for the outline stroke
-    return getAvatarShape({
-        startPoint: centerShift,
-        topEdgeLength: dimensions + centerShift,
-        rightEdgeLength: dimensions + centerShift,
-        bottomEdgeStartPoint: cornerSize + centerShift,
-        leftCornerEndPoint: dimensions - cornerSize + centerShift,
-        drawBackToStart: false,
-    });
-};
-/**
- * Returns the shape of the outline when field is focused.
- * it is 2px bigger than the background because of the outline stroke width.
- */
-export const getOutlineShape = (dimensions, cornerSize) => {
-    const centerShift = 2; // shift for the outline stroke
-    const outlineStrokeWidth = 2; // width of the outline stroke
-    return getAvatarShape({
-        startPoint: centerShift,
-        topEdgeLength: dimensions + centerShift + outlineStrokeWidth,
-        rightEdgeLength: dimensions + centerShift + outlineStrokeWidth,
-        bottomEdgeStartPoint: cornerSize + centerShift,
-        leftCornerEndPoint: dimensions - cornerSize + centerShift + outlineStrokeWidth,
-        drawBackToStart: true,
-    });
-};
-/**
- * Returns the shape of the borders.
- * it is 2px smaller than the background because of the border stroke width.
- */
-export const getBordersShape = (dimensions, cornerSize) => {
-    const centerShift = 4; // shift for the outline stroke and border stroke
-    const outlineStrokeWidth = 2; // width of the outline stroke
-    return getAvatarShape({
-        startPoint: centerShift,
-        topEdgeLength: dimensions + outlineStrokeWidth,
-        rightEdgeLength: dimensions + outlineStrokeWidth,
-        bottomEdgeStartPoint: cornerSize + outlineStrokeWidth + 1,
-        leftCornerEndPoint: dimensions - cornerSize + outlineStrokeWidth + 1,
-        drawBackToStart: true,
-    });
-};
-export const getShapes = ({ dimensions, cornerSize, }) => {
-    return {
-        background: getBackgroundShape(dimensions, cornerSize),
-        outline: getOutlineShape(dimensions, cornerSize),
-        borders: getBordersShape(dimensions, cornerSize),
-    };
-};
-//# sourceMappingURL=utils.js.map

package/AvatarDropzoneSvg/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/AvatarDropzoneSvg/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,oBAAoB,EACpB,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,eAAe,GAQhB,EAAE,EAAE;IACH,OAAO;QACD,UAAU,IAAI,UAAU;QACxB,aAAa;QACb,eAAe;QACf,oBAAoB;QACpB,UAAU,IAAI,kBAAkB,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;GACnE,CAAA;AACH,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,UAAkB,EAAE,UAAkB,EAAE,EAAE;IAC3E,MAAM,WAAW,GAAG,CAAC,CAAA,CAAC,+BAA+B;IAErD,OAAO,cAAc,CAAC;QACpB,UAAU,EAAE,WAAW;QACvB,aAAa,EAAE,UAAU,GAAG,WAAW;QACvC,eAAe,EAAE,UAAU,GAAG,WAAW;QACzC,oBAAoB,EAAE,UAAU,GAAG,WAAW;QAC9C,kBAAkB,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW;QACzD,eAAe,EAAE,KAAK;KACvB,CAAC,CAAA;AACJ,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAE,UAAkB,EAAE,EAAE;IACxE,MAAM,WAAW,GAAG,CAAC,CAAA,CAAC,+BAA+B;IACrD,MAAM,kBAAkB,GAAG,CAAC,CAAA,CAAC,8BAA8B;IAE3D,OAAO,cAAc,CAAC;QACpB,UAAU,EAAE,WAAW;QACvB,aAAa,EAAE,UAAU,GAAG,WAAW,GAAG,kBAAkB;QAC5D,eAAe,EAAE,UAAU,GAAG,WAAW,GAAG,kBAAkB;QAC9D,oBAAoB,EAAE,UAAU,GAAG,WAAW;QAC9C,kBAAkB,EAChB,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,kBAAkB;QAC5D,eAAe,EAAE,IAAI;KACtB,CAAC,CAAA;AACJ,CAAC,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAE,UAAkB,EAAE,EAAE;IACxE,MAAM,WAAW,GAAG,CAAC,CAAA,CAAC,iDAAiD;IACvE,MAAM,kBAAkB,GAAG,CAAC,CAAA,CAAC,8BAA8B;IAE3D,OAAO,cAAc,CAAC;QACpB,UAAU,EAAE,WAAW;QACvB,aAAa,EAAE,UAAU,GAAG,kBAAkB;QAC9C,eAAe,EAAE,UAAU,GAAG,kBAAkB;QAChD,oBAAoB,EAAE,UAAU,GAAG,kBAAkB,GAAG,CAAC;QACzD,kBAAkB,EAAE,UAAU,GAAG,UAAU,GAAG,kBAAkB,GAAG,CAAC;QACpE,eAAe,EAAE,IAAI;KACtB,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,UAAU,EACV,UAAU,GAIX,EAAE,EAAE;IACH,OAAO;QACL,UAAU,EAAE,kBAAkB,CAAC,UAAU,EAAE,UAAU,CAAC;QACtD,OAAO,EAAE,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC;QAChD,OAAO,EAAE,eAAe,CAAC,UAAU,EAAE,UAAU,CAAC;KACjD,CAAA;AACH,CAAC,CAAA"}