@toptal/picasso 13.1.1 → 13.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Avatar/Avatar.d.ts +11 -2
- package/Avatar/Avatar.js +4 -1
- package/Avatar/Avatar.js.map +1 -1
- package/Avatar/AvatarGroup/AvatarGroup.d.ts +29 -0
- package/Avatar/AvatarGroup/AvatarGroup.js +41 -0
- package/Avatar/AvatarGroup/AvatarGroup.js.map +1 -0
- package/Avatar/AvatarGroup/styles.d.ts +2 -0
- package/Avatar/AvatarGroup/styles.js +8 -0
- package/Avatar/AvatarGroup/styles.js.map +1 -0
- package/Avatar/TextAvatar/TextAvatar.js +3 -1
- package/Avatar/TextAvatar/TextAvatar.js.map +1 -1
- package/Button/styles.js +2 -1
- package/Button/styles.js.map +1 -1
- package/Notification/Notification.js +4 -7
- package/Notification/Notification.js.map +1 -1
- package/Notification/styles.d.ts +1 -1
- package/Notification/styles.js +31 -13
- package/Notification/styles.js.map +1 -1
- package/ShowMore/ShowMore.js +4 -6
- package/ShowMore/ShowMore.js.map +1 -1
- package/ShowMore/styles.js +7 -5
- package/ShowMore/styles.js.map +1 -1
- package/Tag/Tag.d.ts +3 -2
- package/Tag/Tag.js.map +1 -1
- package/TagCheckable/TagCheckable.d.ts +1 -1
- package/TagCheckable/TagCheckable.js.map +1 -1
- package/package.json +2 -2
package/Avatar/Avatar.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FunctionComponent, HTMLAttributes } from 'react';
|
|
1
|
+
import React, { FunctionComponent, HTMLAttributes } from 'react';
|
|
2
2
|
import { StandardProps, SizeType } from '@toptal/picasso-shared';
|
|
3
3
|
export declare type VariantType = 'square' | 'portrait' | 'landscape';
|
|
4
4
|
export declare type AvatarSizeType = SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large'>;
|
|
@@ -21,4 +21,13 @@ export interface Props extends StandardProps, HTMLAttributes<HTMLDivElement> {
|
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
23
|
export declare const Avatar: FunctionComponent<Props>;
|
|
24
|
-
|
|
24
|
+
declare const _default: React.FunctionComponent<Props> & {
|
|
25
|
+
Group: {
|
|
26
|
+
({ className, style, testIds, items, limit, size }: import("./AvatarGroup/AvatarGroup").Props): JSX.Element | null;
|
|
27
|
+
defaultProps: {
|
|
28
|
+
limit: number;
|
|
29
|
+
size: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export default _default;
|
package/Avatar/Avatar.js
CHANGED
|
@@ -15,6 +15,7 @@ import getNameInitials from '../utils/get-name-initials';
|
|
|
15
15
|
import ImageAvatar from './ImageAvatar/ImageAvatar';
|
|
16
16
|
import TextAvatar from './TextAvatar/TextAvatar';
|
|
17
17
|
import IconAvatar from './IconAvatar/IconAvatar';
|
|
18
|
+
import AvatarGroup from './AvatarGroup/AvatarGroup';
|
|
18
19
|
import AvatarWrapper from './AvatarWrapper/AvatarWrapper';
|
|
19
20
|
export const Avatar = (_a) => {
|
|
20
21
|
var { alt, src, className, name, size, style, variant, testIds } = _a, rest = __rest(_a, ["alt", "src", "className", "name", "size", "style", "variant", "testIds"]);
|
|
@@ -58,5 +59,7 @@ Avatar.defaultProps = {
|
|
|
58
59
|
variant: 'square'
|
|
59
60
|
};
|
|
60
61
|
Avatar.displayName = 'Avatar';
|
|
61
|
-
export default Avatar
|
|
62
|
+
export default Object.assign(Avatar, {
|
|
63
|
+
Group: AvatarGroup
|
|
64
|
+
});
|
|
62
65
|
//# sourceMappingURL=Avatar.js.map
|
package/Avatar/Avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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"}
|
|
1
|
+
{"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,WAAW,MAAM,2BAA2B,CAAA;AACnD,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,CAAC,MAAM,CAAC,MAAM,EAAE;IACnC,KAAK,EAAE,WAAW;CACnB,CAAC,CAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { BaseProps } from '@toptal/picasso-shared';
|
|
2
|
+
import { AvatarSizeType } from '../Avatar';
|
|
3
|
+
declare type ItemType = {
|
|
4
|
+
alt?: string;
|
|
5
|
+
'data-testid'?: string;
|
|
6
|
+
name?: string;
|
|
7
|
+
src?: string;
|
|
8
|
+
};
|
|
9
|
+
export interface Props extends Omit<BaseProps, 'data-testid'> {
|
|
10
|
+
/** Array of people to render */
|
|
11
|
+
items: ItemType[];
|
|
12
|
+
/** Limit how many avatars can be rendered */
|
|
13
|
+
limit?: number;
|
|
14
|
+
/** Size */
|
|
15
|
+
size?: AvatarSizeType;
|
|
16
|
+
/** data-testid to all parts of component */
|
|
17
|
+
testIds?: {
|
|
18
|
+
container?: string;
|
|
19
|
+
overLimit?: string;
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
declare const AvatarGroup: {
|
|
23
|
+
({ className, style, testIds, items, limit, size }: Props): JSX.Element | null;
|
|
24
|
+
defaultProps: {
|
|
25
|
+
limit: number;
|
|
26
|
+
size: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export default AvatarGroup;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import cx from 'classnames';
|
|
3
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
4
|
+
import { Container } from '../..';
|
|
5
|
+
import Avatar from '../Avatar';
|
|
6
|
+
import AvatarWrapper from '../AvatarWrapper/AvatarWrapper';
|
|
7
|
+
import TextAvatar from '../TextAvatar/TextAvatar';
|
|
8
|
+
import styles from './styles';
|
|
9
|
+
const useStyles = makeStyles(styles, {
|
|
10
|
+
name: 'PicassoAvatarGroup'
|
|
11
|
+
});
|
|
12
|
+
const AvatarGroup = ({ className, style, testIds, items, limit, size }) => {
|
|
13
|
+
const classes = useStyles();
|
|
14
|
+
/* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
|
|
15
|
+
const isOverLimit = items.length > limit;
|
|
16
|
+
// we need to add +1 for the last item that is going to be transformed to numbered Avatar
|
|
17
|
+
/* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
|
|
18
|
+
const itemsOverLimit = items.length - limit + 1;
|
|
19
|
+
const avatarsToRender = useMemo(() =>
|
|
20
|
+
/* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
|
|
21
|
+
isOverLimit ? items.slice(0, limit - 1) : items, [isOverLimit, items, limit]);
|
|
22
|
+
if (items.length === 0) {
|
|
23
|
+
return null;
|
|
24
|
+
}
|
|
25
|
+
return (React.createElement(Container, { className: cx(classes.root, className), "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.container, flex: true, gap: 'xsmall', style: style },
|
|
26
|
+
avatarsToRender.map(({ alt, name, src, 'data-testid': avatarTestId }, index) => (React.createElement(Avatar, { alt: alt, key: `${name}-${alt}-${String(index)}`, name: name,
|
|
27
|
+
/* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
|
|
28
|
+
size: size, src: src, "data-testid": avatarTestId }))),
|
|
29
|
+
isOverLimit ? (
|
|
30
|
+
/* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
|
|
31
|
+
React.createElement(AvatarWrapper, { size: size, variant: 'square' },
|
|
32
|
+
React.createElement(TextAvatar, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.overLimit, size: size },
|
|
33
|
+
"+",
|
|
34
|
+
itemsOverLimit))) : null));
|
|
35
|
+
};
|
|
36
|
+
AvatarGroup.defaultProps = {
|
|
37
|
+
limit: 5,
|
|
38
|
+
size: 'xsmall'
|
|
39
|
+
};
|
|
40
|
+
export default AvatarGroup;
|
|
41
|
+
//# sourceMappingURL=AvatarGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../../src/Avatar/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,MAA0B,MAAM,WAAW,CAAA;AAClD,OAAO,aAAa,MAAM,gCAAgC,CAAA;AAC1D,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,MAAM,MAAM,UAAU,CAAA;AAuB7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE;IAC1C,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,CAAC,EACnB,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,EACL,IAAI,EACE,EAAE,EAAE;IACV,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,uEAAuE;IACvE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,GAAG,KAAM,CAAA;IACzC,yFAAyF;IACzF,uEAAuE;IACvE,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,GAAG,KAAM,GAAG,CAAC,CAAA;IAChD,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE;IACH,uEAAuE;IACvE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAClD,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,CAC5B,CAAA;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,iBACzB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAC/B,IAAI,QACJ,GAAG,EAAC,QAAQ,EACZ,KAAK,EAAE,KAAK;QAEX,eAAe,CAAC,GAAG,CAClB,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1D,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,IAAI,IAAI,GAAG,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,EACtC,IAAI,EAAE,IAAI;YACV,uEAAuE;YACvE,IAAI,EAAE,IAAK,EACX,GAAG,EAAE,GAAG,iBACK,YAAY,GACzB,CACH,CACF;QACA,WAAW,CAAC,CAAC,CAAC;QACb,uEAAuE;QACvE,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAK,EAAE,OAAO,EAAC,QAAQ;YAE1C,oBAAC,UAAU,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE,IAAI,EAAE,IAAK;;gBACpD,cAAc,CACL,CACC,CACjB,CAAC,CAAC,CAAC,IAAI,CACE,CACb,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,YAAY,GAAG;IACzB,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Avatar/AvatarGroup/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,MAAM;QAChB,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAA"}
|
|
@@ -11,7 +11,9 @@ const TextAvatar = ({ children, className, style, 'data-testid': dataTestID, fon
|
|
|
11
11
|
return (React.createElement("div", {
|
|
12
12
|
/* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
|
|
13
13
|
className: cx(classes.root, className, classes[size]), style: style },
|
|
14
|
-
React.createElement(Typography, { "data-testid": dataTestID,
|
|
14
|
+
React.createElement(Typography, { "data-testid": dataTestID,
|
|
15
|
+
/* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
|
|
16
|
+
className: classes[`${fontSize}Font`], invert: true }, children)));
|
|
15
17
|
};
|
|
16
18
|
TextAvatar.defaultProps = {
|
|
17
19
|
size: 'large'
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;QAEZ,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/Button/styles.js
CHANGED
|
@@ -41,7 +41,8 @@ export default (theme) => {
|
|
|
41
41
|
borderRadius: sizes.borderRadius.small,
|
|
42
42
|
border: `solid ${sizes.borderWidth} ${palette.grey.light2}`,
|
|
43
43
|
fontSize: '1rem',
|
|
44
|
-
|
|
44
|
+
transitionDuration: `${transitions.duration.short}ms`,
|
|
45
|
+
transitionTimingFunction: transitions.easing.easeOut,
|
|
45
46
|
transitionProperty: 'border, color, background',
|
|
46
47
|
boxShadow: 'none',
|
|
47
48
|
flexShrink: 0,
|
package/Button/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5D,MAAM,YAAY,GAAG,OAAO,CAAA;AAE5B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IAC3D,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;IAC3B,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;IAErC,oBAAoB,EAAE;QACpB,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KAClC;IAED,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QAC9B,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KACtC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IAClD,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;IAClC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;IAC9B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;CAC5B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAE,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IACvE,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;IAC3B,eAAe,EAAE,SAAS;IAE1B,oBAAoB,EAAE;QACpB,eAAe,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;KAC7D;IAED,oBAAoB,EAAE;QACpB,eAAe,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;KAC7D;IAED,YAAY,EAAE;QACZ,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;KACrC;CACF,CAAC,CAAA;AAEF,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAEzD,OAAO,YAAY,CAAC;QAClB,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,aAAa,EAAE,MAAM;YACrB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;YACtC,MAAM,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;YAC3D,QAAQ,EAAE,MAAM;YAChB,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Button/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -41,14 +41,11 @@ const renderNotificationIcon = ({ icon, variant, classes }) => {
|
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
43
|
const renderNotificationContent = (props) => {
|
|
44
|
-
const { classes, children, onClose } = props;
|
|
44
|
+
const { classes, children, onClose, variant } = props;
|
|
45
|
+
const capitalizedVariant = capitalize(variant);
|
|
45
46
|
return (React.createElement(Container, { flex: true, className: classes === null || classes === void 0 ? void 0 : classes.contentWrapper },
|
|
46
|
-
React.createElement(Container, { flex: true, alignItems: 'center', className: classes === null || classes === void 0 ? void 0 : classes.iconWrapper }, renderNotificationIcon(props)),
|
|
47
|
-
React.createElement(Typography, { size: 'medium', className: cx(classes === null || classes === void 0 ? void 0 : classes.content,
|
|
48
|
-
? {
|
|
49
|
-
[classes.contentCloseButton]: onClose
|
|
50
|
-
}
|
|
51
|
-
: undefined), as: 'div' }, children),
|
|
47
|
+
React.createElement(Container, { flex: true, alignItems: 'center', className: cx(classes === null || classes === void 0 ? void 0 : classes.iconWrapper, classes === null || classes === void 0 ? void 0 : classes[`iconWrapper${capitalizedVariant}`]) }, renderNotificationIcon(props)),
|
|
48
|
+
React.createElement(Typography, { size: 'medium', className: cx(classes === null || classes === void 0 ? void 0 : classes.content, classes === null || classes === void 0 ? void 0 : classes[`content${capitalizedVariant}`]), as: 'div' }, children),
|
|
52
49
|
onClose && renderNotificationCloseButton(props)));
|
|
53
50
|
};
|
|
54
51
|
const useStyles = makeStyles(styles, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/Notification/Notification.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAIV,YAAY,EAEb,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,eAAe,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,UAAU,MAAM,oCAAoC,CAAA;AAG3D,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,EACZ,MAAM,EACP,MAAM,SAAS,CAAA;AAChB,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,mBAAmB,MAAM,wBAAwB,CAAA;AAsBxD,MAAM,6BAA6B,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAgB,EAAE,EAAE,CAAC,CAC5E,oBAAC,MAAM,CAAC,QAAQ,IACd,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EACzB,IAAI,EAAE,oBAAC,YAAY,IAAC,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,GAAI,GACrD,CACH,CAAA;AAED,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAgB,EAAE,EAAE;IAC1E,MAAM,SAAS,GAAG;QAChB,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;KACzB,CAAA;IAED,6GAA6G;IAC7G,sEAAsE;IACtE,QAAQ,OAAO,EAAE;QACf,KAAK,KAAK;YACR,OAAO,oBAAC,kBAAkB,oBAAK,SAAS,IAAE,KAAK,EAAC,KAAK,IAAG,CAAA;QAE1D,KAAK,QAAQ;YACX,OAAO,oBAAC,kBAAkB,oBAAK,SAAS,IAAE,KAAK,EAAC,QAAQ,IAAG,CAAA;QAE7D,KAAK,OAAO;YACV,OAAO,oBAAC,YAAY,oBAAK,SAAS,IAAE,KAAK,EAAC,OAAO,IAAG,CAAA;QAEtD,OAAO,CAAC,CAAC;YACP,MAAM,SAAS,mCAAQ,SAAS,KAAE,KAAK,EAAE,MAAe,GAAE,CAAA;YAE1D,OAAO,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,oBAAC,MAAM,oBAAK,SAAS,EAAI,CAAA;SACxE;KACF;AACH,CAAC,CAAA;AAED,MAAM,yBAAyB,GAAG,CAAC,KAAmB,EAAE,EAAE;IACxD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../src/Notification/Notification.tsx"],"names":[],"mappings":"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"}
|
package/Notification/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ palette: { red, green, yellow, common, text }, shadows, sizes: { borderRadius }
|
|
2
|
+
declare const _default: ({ palette: { red, green, yellow, common, text }, shadows, sizes: { borderRadius } }: Theme) => import("@material-ui/styles").StyleRules<{}, "content" | "close" | "notification" | "notificationShadow" | "roundedBorders" | "notificationRed" | "notificationGreen" | "notificationWhite" | "notificationYellow" | "contentYellow" | "iconWrapper" | "iconWrapperYellow" | "closeIcon">;
|
|
3
3
|
export default _default;
|
package/Notification/styles.js
CHANGED
|
@@ -1,27 +1,31 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
2
|
import { PicassoProvider } from '@toptal/picasso-provider';
|
|
3
|
+
import { rem } from '@toptal/picasso-shared';
|
|
3
4
|
PicassoProvider.override(({ layout }) => ({
|
|
4
5
|
MuiSnackbarContent: {
|
|
5
6
|
message: {
|
|
6
7
|
display: 'flex',
|
|
7
8
|
maxWidth: layout.contentWidth,
|
|
8
|
-
padding:
|
|
9
|
+
padding: 0,
|
|
9
10
|
width: '100%',
|
|
10
11
|
minWidth: 0,
|
|
11
|
-
margin: '0 auto'
|
|
12
|
+
margin: '0 auto',
|
|
13
|
+
'& > div': {
|
|
14
|
+
width: '100%'
|
|
15
|
+
}
|
|
12
16
|
}
|
|
13
17
|
}
|
|
14
18
|
}));
|
|
15
|
-
export default ({ palette: { red, green, yellow, common, text }, shadows, sizes: { borderRadius }
|
|
19
|
+
export default ({ palette: { red, green, yellow, common, text }, shadows, sizes: { borderRadius } }) => createStyles({
|
|
16
20
|
notification: {
|
|
17
21
|
alignItems: 'start',
|
|
18
22
|
borderRadius: 0,
|
|
19
23
|
flexWrap: 'nowrap',
|
|
20
24
|
maxWidth: 'initial',
|
|
21
|
-
padding: `1.5em calc(1.5em - ${layout.contentPaddingHorizontal})`,
|
|
22
25
|
position: 'relative',
|
|
23
26
|
width: '100%',
|
|
24
|
-
boxShadow: 'none'
|
|
27
|
+
boxShadow: 'none',
|
|
28
|
+
padding: '1.5em 2.5em 1.5625em 1.5em'
|
|
25
29
|
},
|
|
26
30
|
notificationShadow: {
|
|
27
31
|
boxShadow: shadows[3]
|
|
@@ -36,34 +40,48 @@ export default ({ palette: { red, green, yellow, common, text }, shadows, sizes:
|
|
|
36
40
|
background: green.lighter
|
|
37
41
|
},
|
|
38
42
|
notificationWhite: {
|
|
39
|
-
background: common.white
|
|
43
|
+
background: common.white,
|
|
44
|
+
padding: '1.5625em 1.5em 1.5em'
|
|
40
45
|
},
|
|
41
46
|
notificationYellow: {
|
|
42
|
-
background: yellow.lighter
|
|
47
|
+
background: yellow.lighter,
|
|
48
|
+
padding: `1.5em ${rem('130px')}`
|
|
43
49
|
},
|
|
44
50
|
// Content
|
|
45
51
|
content: {
|
|
46
52
|
color: common.black,
|
|
47
53
|
overflowWrap: 'break-word',
|
|
48
|
-
minWidth: 0
|
|
54
|
+
minWidth: 0,
|
|
55
|
+
lineHeight: rem('22px'),
|
|
56
|
+
fontSize: rem('14px'),
|
|
57
|
+
marginTop: '1px'
|
|
49
58
|
},
|
|
50
|
-
|
|
51
|
-
|
|
59
|
+
contentYellow: {
|
|
60
|
+
lineHeight: rem('20px'),
|
|
61
|
+
fontSize: rem('13px'),
|
|
62
|
+
marginTop: 0
|
|
52
63
|
},
|
|
53
64
|
// Content Icon
|
|
54
65
|
iconWrapper: {
|
|
55
66
|
flexBasis: '1.5em',
|
|
56
67
|
marginRight: '1em',
|
|
57
68
|
minWidth: '1.5em',
|
|
58
|
-
height: '1.
|
|
69
|
+
height: '1.5em'
|
|
70
|
+
},
|
|
71
|
+
iconWrapperYellow: {
|
|
72
|
+
flexBasis: 'unset',
|
|
73
|
+
minWidth: '1em',
|
|
74
|
+
height: '1em',
|
|
75
|
+
marginTop: '2px'
|
|
59
76
|
},
|
|
60
77
|
close: {
|
|
61
78
|
position: 'absolute',
|
|
62
|
-
right: '
|
|
63
|
-
top: '
|
|
79
|
+
right: '0.5em',
|
|
80
|
+
top: '0.75em',
|
|
64
81
|
background: 'transparent',
|
|
65
82
|
border: 0,
|
|
66
83
|
padding: 0,
|
|
84
|
+
height: '1em',
|
|
67
85
|
'&:hover': {
|
|
68
86
|
background: 'transparent'
|
|
69
87
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Notification/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Notification/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5C,eAAe,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAS,EAAE,EAAE,CAAC,CAAC;IAC/C,kBAAkB,EAAE;QAClB,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM,CAAC,YAAY;YAC7B,OAAO,EAAE,CAAC;YACV,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,QAAQ;YAEhB,SAAS,EAAE;gBACT,KAAK,EAAE,MAAM;aACd;SACF;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EACd,OAAO,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAC7C,OAAO,EACP,KAAK,EAAE,EAAE,YAAY,EAAE,EACjB,EAAE,EAAE,CACV,YAAY,CAAC;IACX,YAAY,EAAE;QACZ,UAAU,EAAE,OAAO;QACnB,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,4BAA4B;KACtC;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;KACtB;IACD,cAAc,EAAE;QACd,YAAY,EAAE,YAAY,CAAC,KAAK;KACjC;IACD,eAAe,EAAE;QACf,UAAU,EAAE,GAAG,CAAC,OAAO;KACxB;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,KAAK,CAAC,OAAO;KAC1B;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,MAAM,CAAC,KAAK;QACxB,OAAO,EAAE,sBAAsB;KAChC;IACD,kBAAkB,EAAE;QAClB,UAAU,EAAE,MAAM,CAAC,OAAO;QAC1B,OAAO,EAAE,SAAS,GAAG,CAAC,OAAO,CAAC,EAAE;KACjC;IAED,UAAU;IACV,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,YAAY,EAAE,YAAY;QAC1B,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC;QACvB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;QACrB,SAAS,EAAE,KAAK;KACjB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC;QACvB,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;QACrB,SAAS,EAAE,CAAC;KACb;IAED,eAAe;IACf,WAAW,EAAE;QACX,SAAS,EAAE,OAAO;QAClB,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,OAAO;KAChB;IACD,iBAAiB,EAAE;QACjB,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,KAAK;KACjB;IAED,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,QAAQ;QACb,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,KAAK;QAEb,SAAS,EAAE;YACT,UAAU,EAAE,aAAa;SAC1B;KACF;IACD,SAAS,EAAE;QACT,IAAI,EAAE,IAAI,CAAC,OAAO;KACnB;CACF,CAAC,CAAA"}
|
package/ShowMore/ShowMore.js
CHANGED
|
@@ -15,8 +15,8 @@ import { makeStyles } from '@material-ui/core/styles';
|
|
|
15
15
|
import Truncate from 'react-truncate';
|
|
16
16
|
import ChevronRightIcon16 from '../Icon/ChevronRight16';
|
|
17
17
|
import Typography from '../Typography';
|
|
18
|
-
import Link from '../Link';
|
|
19
18
|
import styles from './styles';
|
|
19
|
+
import Button from '../Button';
|
|
20
20
|
const useStyles = makeStyles(styles, { name: 'PicassoShowMore' });
|
|
21
21
|
export const ShowMore = forwardRef(function ShowMore(props, ref) {
|
|
22
22
|
const { children, rows = 4, initialExpanded = false, disableToggle = false, moreText = 'Show more', lessText = 'Show less', onToggle = () => { }, className, style } = props, rest = __rest(props, ["children", "rows", "initialExpanded", "disableToggle", "moreText", "lessText", "onToggle", "className", "style"]);
|
|
@@ -25,15 +25,13 @@ export const ShowMore = forwardRef(function ShowMore(props, ref) {
|
|
|
25
25
|
return (React.createElement(React.Fragment, null,
|
|
26
26
|
React.createElement(Typography, Object.assign({}, rest, { ref: ref, size: 'medium', color: 'dark-grey', className: className, style: style }),
|
|
27
27
|
React.createElement(Truncate, { lines: !shownMore && rows }, children)),
|
|
28
|
-
!disableToggle && (React.createElement(
|
|
28
|
+
!disableToggle && (React.createElement(Button.Action, { onClick: () => {
|
|
29
29
|
setShownMore(!shownMore);
|
|
30
30
|
onToggle();
|
|
31
|
-
}, className: classes.toggleText,
|
|
32
|
-
shownMore ? lessText : moreText,
|
|
33
|
-
React.createElement("div", { className: classes.iconWrapper },
|
|
31
|
+
}, className: classes.toggleText, icon: React.createElement("div", { className: classes.iconWrapper },
|
|
34
32
|
React.createElement(ChevronRightIcon16, { className: cx(classes.icon, {
|
|
35
33
|
[classes.expandedIcon]: shownMore
|
|
36
|
-
}) }))))));
|
|
34
|
+
}) })), iconPosition: 'right' }, shownMore ? lessText : moreText))));
|
|
37
35
|
});
|
|
38
36
|
ShowMore.displayName = 'ShowMore';
|
|
39
37
|
export default ShowMore;
|
package/ShowMore/ShowMore.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShowMore.js","sourceRoot":"","sources":["../../src/ShowMore/ShowMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAGrC,OAAO,kBAAkB,MAAM,wBAAwB,CAAA;AACvD,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,
|
|
1
|
+
{"version":3,"file":"ShowMore.js","sourceRoot":"","sources":["../../src/ShowMore/ShowMore.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAGrC,OAAO,kBAAkB,MAAM,wBAAwB,CAAA;AACvD,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,MAAM,MAAM,WAAW,CAAA;AAmB9B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAA;AAExE,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAyB,SAAS,QAAQ,CAC1E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,QAAQ,EACR,IAAI,GAAG,CAAC,EACR,eAAe,GAAG,KAAK,EACvB,aAAa,GAAG,KAAK,EACrB,QAAQ,GAAG,WAAW,EACtB,QAAQ,GAAG,WAAW,EACtB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,SAAS,EACT,KAAK,KAEH,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,kHAWL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;IAE3D,OAAO,CACL;QACE,oBAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK;YAEZ,oBAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,SAAS,IAAI,IAAI,IAAG,QAAQ,CAAY,CAC/C;QACZ,CAAC,aAAa,IAAI,CACjB,oBAAC,MAAM,CAAC,MAAM,IACZ,OAAO,EAAE,GAAG,EAAE;gBACZ,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;gBACxB,QAAQ,EAAE,CAAA;YACZ,CAAC,EACD,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,IAAI,EACF,6BAAK,SAAS,EAAE,OAAO,CAAC,WAAW;gBACjC,oBAAC,kBAAkB,IACjB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;wBAC1B,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,SAAS;qBAClC,CAAC,GACF,CACE,EAER,YAAY,EAAC,OAAO,IAEnB,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAClB,CACjB,CACA,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
package/ShowMore/styles.js
CHANGED
|
@@ -3,15 +3,17 @@ export default ({ palette }) => createStyles({
|
|
|
3
3
|
toggleText: {
|
|
4
4
|
display: 'flex',
|
|
5
5
|
alignItems: 'center',
|
|
6
|
-
marginTop: '0.5rem'
|
|
6
|
+
marginTop: '0.5rem',
|
|
7
|
+
transition: 'none',
|
|
8
|
+
fontWeight: 'normal'
|
|
7
9
|
},
|
|
8
10
|
iconWrapper: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
fontSize: '1rem !important',
|
|
12
|
+
lineHeight: 0,
|
|
13
|
+
transform: 'rotate(90deg)'
|
|
12
14
|
},
|
|
13
15
|
icon: {
|
|
14
|
-
color: palette.
|
|
16
|
+
color: palette.grey.dark
|
|
15
17
|
},
|
|
16
18
|
expandedIcon: {
|
|
17
19
|
transform: 'rotate(180deg)'
|
package/ShowMore/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ShowMore/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,QAAQ;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ShowMore/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,UAAU,EAAE;QACV,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAQ;KACrB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,iBAAiB;QAC3B,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,eAAe;KAC3B;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;KACzB;IACD,YAAY,EAAE;QACZ,SAAS,EAAE,gBAAgB;KAC5B;CACF,CAAC,CAAA"}
|
package/Tag/Tag.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React, { ReactNode, ReactElement, HTMLAttributes, ElementType } from 'react';
|
|
1
|
+
import React, { ReactNode, ReactElement, HTMLAttributes, ElementType, AnchorHTMLAttributes } from 'react';
|
|
2
2
|
import { BaseProps, TextLabelProps } from '@toptal/picasso-shared';
|
|
3
|
-
export
|
|
3
|
+
export declare type DivOrAnchorProps = AnchorHTMLAttributes<HTMLAnchorElement> & HTMLAttributes<HTMLDivElement>;
|
|
4
|
+
export interface Props extends BaseProps, TextLabelProps, DivOrAnchorProps {
|
|
4
5
|
/** The component used for the root node. Either a string to use a DOM element or a component. */
|
|
5
6
|
as?: ElementType;
|
|
6
7
|
/** Text content of the `Tag` component */
|
package/Tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAOX,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAA6B,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAEhF,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAC5C,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAyB1C,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAA;AAErE,8CAA8C;AAC9C,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAAwB,SAAS,GAAG,CAAC,KAAK,EAAE,GAAG;IAC1E,MAAM,EACJ,EAAE,GAAG,KAAK,EACV,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EAAE,cAAc,EACzB,OAAO,GAAG,OAAO,KAEf,KAAK,EADJ,IAAI,UACL,KAAK;IACT,6DAA6D;MAdvD,2HAaL,CAAQ,CAAA;IACT,6DAA6D;IAC7D,MAAM,EAAE,KAAK,KAAwB,IAAI,EAAvB,cAAc,UAAK,IAAI,EAAnC,SAA4B,CAAO,CAAA;IACzC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC,CAAA;IAE9C,MAAM,KAAK,GAAG,CACZ;QACE,8BAAM,SAAS,EAAE,OAAO,CAAC,UAAU,IAChC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CACxC;QACN,YAAY,CACZ,CACJ,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAE,EAAE;QACzC,IAAI,QAAQ,EAAE;YACZ,OAAM;SACP;QAED,IAAI,QAAQ,EAAE;YACZ,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,oBACC,cAAc,IAClB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,SAAS,EAAE,OAAO,CAAC,SAAS;SAC7B,EACD,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE;YACzC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;YAC1B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;SAC7B,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,IAAI,EACF,IAAI;YACF,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;gBACvB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;aACtC,CAAC;YACJ,CAAC,CAAC,SAAS,EAEf,KAAK,EAAE,KAAK,EACZ,UAAU,EACR,4CACa,aAAa,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,OAAO,CAAC,UAAU;YAE7B,oBAAC,YAAY,OAAG,CACX,EAET,SAAS,EAAE,EAAE,EACb,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,mBAC9B,QAAQ,IACvB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,EAAE,EAAE,KAAK;IACT,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,OAAO;CACjB,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA;AAEvB,eAAe,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;IAChC,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,cAAc;IAC3B,UAAU,EAAE,aAAa;IACzB,SAAS,EAAE,YAAY;CACxB,CAAC,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement, MouseEventHandler } from 'react';
|
|
2
2
|
import { BaseProps, TextLabelProps } from '@toptal/picasso-shared';
|
|
3
|
-
declare type ClickType = MouseEventHandler<
|
|
3
|
+
declare type ClickType = MouseEventHandler<HTMLElement>;
|
|
4
4
|
export interface Props extends BaseProps, TextLabelProps {
|
|
5
5
|
hovered?: boolean;
|
|
6
6
|
/** Represents visual state of component */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagCheckable.js","sourceRoot":"","sources":["../../src/TagCheckable/TagCheckable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,GAAG,MAAM,QAAQ,CAAA;AAmBxB,MAAM,YAAY,GAAG,CAAC,EAQd,EAAE,EAAE;QARU,EACpB,OAAO,EACP,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,OAEF,EADH,IAAI,cAPa,iEAQrB,CADQ;IAEP,MAAM,WAAW,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"TagCheckable.js","sourceRoot":"","sources":["../../src/TagCheckable/TagCheckable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,GAAG,MAAM,QAAQ,CAAA;AAmBxB,MAAM,YAAY,GAAG,CAAC,EAQd,EAAE,EAAE;QARU,EACpB,OAAO,EACP,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,OAEF,EADH,IAAI,cAPa,iEAQrB,CADQ;IAEP,MAAM,WAAW,GAAG,CAAC,CAA4C,EAAE,EAAE;QACnE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,OAAO,CAAC,CAAA;QACpB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;IACd,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAA;IAE9C,OAAO,CACL,oBAAC,GAAG,kBACF,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,OAAO,IACZ,IAAI,GAEP,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.3.1",
|
|
4
4
|
"description": "Toptal UI components library",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"**/styles.ts",
|
|
70
70
|
"**/styles.js"
|
|
71
71
|
],
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "72d9508e18e33171e5623e75de01e4620317656b"
|
|
73
73
|
}
|