@toptal/picasso 17.0.0 → 17.1.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/OutlinedInput/styles.js
CHANGED
|
@@ -42,11 +42,12 @@ PicassoProvider.override(({ palette, sizes: { input, borderRadius } }) => ({
|
|
|
42
42
|
opacity: 1
|
|
43
43
|
},
|
|
44
44
|
'&$disabled': {
|
|
45
|
+
color: palette.grey.main2,
|
|
45
46
|
// On Safari the text gets a bit lighter as if it had some transparency applied to it
|
|
46
47
|
// We need this webkit-specific property to achieve the exact font color
|
|
47
|
-
'-webkit-text-fill-color': palette.grey.
|
|
48
|
+
'-webkit-text-fill-color': palette.grey.main2,
|
|
48
49
|
'&::placeholder': {
|
|
49
|
-
color: palette.grey.
|
|
50
|
+
color: palette.grey.main2,
|
|
50
51
|
opacity: 1
|
|
51
52
|
}
|
|
52
53
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/OutlinedInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CACtB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAS,EAAE,EAAE,CAAC,CAAC;IACvD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAE3B,mBAAmB,EAAE;gBACnB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;gBAChC,YAAY,EAAE,YAAY,CAAC,KAAK;gBAChC,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE;oBACV,MAAM,EAAE,CAAC;iBACV;aACF;YAED,WAAW,EAAE;gBACX,mBAAmB,kBACjB,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,IAC3B,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CACjC;aACF;YAED,YAAY,EAAE;gBACZ,mBAAmB,EAAE;oBACnB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ;iBACnC;gBACD,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;gBACrC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;aACzB;YAED,wBAAwB,EAAE;gBACxB,8CAA8C,EAAE;oBAC9C,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;iBAChC;aACF;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,MAAM;YAEd,gBAAgB,EAAE;gBAChB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;gBACzB,OAAO,EAAE,CAAC;aACX;YAED,YAAY,EAAE;gBACZ,qFAAqF;gBACrF,wEAAwE;gBACxE,yBAAyB,EAAE,OAAO,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/OutlinedInput/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
2
|
import { makeStyles } from '@material-ui/core/styles';
|
|
3
|
-
import { DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../variables';
|
|
4
3
|
import styles from './styles';
|
|
5
4
|
const useStyles = makeStyles(styles, { name: 'PicassoPointLink' });
|
|
6
5
|
export const PointLink = props => {
|
|
7
6
|
const { link, direction, verticalMargin, horizontalMargin } = props;
|
|
8
7
|
const classes = useStyles();
|
|
9
8
|
const path = useMemo(() => {
|
|
10
|
-
var _a, _b, _c, _d;
|
|
9
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
11
10
|
const { source, target } = link;
|
|
12
11
|
const sourceYDeltas = {
|
|
13
12
|
horizontal: ((_a = source.rect) === null || _a === void 0 ? void 0 : _a.height) / 2 || 0,
|
|
@@ -22,11 +21,11 @@ export const PointLink = props => {
|
|
|
22
21
|
const svgPaths = {
|
|
23
22
|
horizontal: `M${sourceX}, ${sourceY}
|
|
24
23
|
H${sourceX + horizontalMargin / 2}
|
|
25
|
-
V${target.y +
|
|
24
|
+
V${target.y + ((_f = (_e = target.rect) === null || _e === void 0 ? void 0 : _e.height) !== null && _f !== void 0 ? _f : 0) / 2}
|
|
26
25
|
H${target.x}`,
|
|
27
26
|
vertical: `M${sourceX}, ${sourceY}
|
|
28
27
|
V${sourceY + verticalMargin / 2}
|
|
29
|
-
H${target.x +
|
|
28
|
+
H${target.x + ((_h = (_g = target.rect) === null || _g === void 0 ? void 0 : _g.width) !== null && _h !== void 0 ? _h : 0) / 2}
|
|
30
29
|
V${target.y}`
|
|
31
30
|
};
|
|
32
31
|
return svgPaths[direction];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PointLink.js","sourceRoot":"","sources":["../../../src/TreeView/PointLink/PointLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,
|
|
1
|
+
{"version":3,"file":"PointLink.js","sourceRoot":"","sources":["../../../src/TreeView/PointLink/PointLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAc,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IACnE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;;QACxB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,aAAa,GAAG;YACpB,UAAU,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,IAAG,CAAC,IAAI,CAAC;YACxC,QAAQ,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,KAAI,CAAC;SACnC,CAAA;QACD,MAAM,aAAa,GAAG;YACpB,UAAU,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,KAAK,KAAI,CAAC;YACnC,QAAQ,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,KAAK,IAAG,CAAC,IAAI,CAAC;SACtC,CAAA;QACD,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;QAEnD,MAAM,QAAQ,GAAG;YACf,UAAU,EAAE,IAAI,OAAO,KAAK,OAAO;WAC9B,OAAO,GAAG,gBAAgB,GAAG,CAAC;WAC9B,MAAM,CAAC,CAAC,GAAG,CAAC,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,CAAC;WACzC,MAAM,CAAC,CAAC,EAAE;YACf,QAAQ,EAAE,IAAI,OAAO,KAAK,OAAO;WAC5B,OAAO,GAAG,cAAc,GAAG,CAAC;WAC5B,MAAM,CAAC,CAAC,GAAG,CAAC,MAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,KAAK,mCAAI,CAAC,CAAC,GAAG,CAAC;WACxC,MAAM,CAAC,CAAC,EAAE;SAChB,CAAA;QAED,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEvD,OAAO,8BAAM,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CAAA;AACxD,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|