@toptal/picasso 13.2.0 → 13.3.2
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/Button/styles.js +2 -1
- package/Button/styles.js.map +1 -1
- package/Link/styles.js +4 -1
- package/Link/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/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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"}
|
package/Link/styles.js
CHANGED
|
@@ -17,7 +17,10 @@ export default ({ typography, palette }) => createStyles({
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
textDecorationNone: {
|
|
20
|
-
textDecoration: 'none'
|
|
20
|
+
textDecoration: 'none',
|
|
21
|
+
'&:hover': {
|
|
22
|
+
textDecoration: 'none'
|
|
23
|
+
}
|
|
21
24
|
},
|
|
22
25
|
textDecorationUnderline: {
|
|
23
26
|
textDecoration: 'underline',
|
package/Link/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,UAAU,EAAE,OAAO,EAAS,EAAE,EAAE,CAChD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;QACD,kBAAkB,EAAE;YAClB,QAAQ,EAAE,MAAM;SACjB;KACF;IACD,kBAAkB,EAAE;QAClB,cAAc,EAAE,MAAM;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,UAAU,EAAE,OAAO,EAAS,EAAE,EAAE,CAChD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;QACD,kBAAkB,EAAE;YAClB,QAAQ,EAAE,MAAM;SACjB;KACF;IACD,kBAAkB,EAAE;QAClB,cAAc,EAAE,MAAM;QACtB,SAAS,EAAE;YACT,cAAc,EAAE,MAAM;SACvB;KACF;IACD,uBAAuB,EAAE;QACvB,cAAc,EAAE,WAAW;QAC3B,SAAS,EAAE;YACT,kBAAkB,EAAE;gBAClB,cAAc,EAAE,MAAM;aACvB;SACF;KACF;IACD,MAAM,EAAE;QACN,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,QAAQ;QAC3C,cAAc,EAAE,MAAM;QACtB,SAAS,EAAE;YACT,cAAc,EAAE,MAAM;SACvB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KAC5B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KAC5B;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;IACD,SAAS,EAAE;QACT,cAAc,EAAE,MAAM;QACtB,OAAO,EAAE,OAAO;KACjB;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,SAAS;KACpB;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAA"}
|
|
@@ -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":"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"}
|
|
@@ -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.2
|
|
3
|
+
"version": "13.3.2",
|
|
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": "5cbf3ee6fd4c8bd6fe4af9e71c0ea1efdbaea5d5"
|
|
73
73
|
}
|