@codacy/ui-components 0.68.0 → 0.68.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.
|
@@ -8,14 +8,16 @@ const IconComponent = ({
|
|
|
8
8
|
color,
|
|
9
9
|
size,
|
|
10
10
|
direction,
|
|
11
|
+
hasText,
|
|
11
12
|
onClick
|
|
12
13
|
}) => /*#__PURE__*/React.createElement(Icon, {
|
|
14
|
+
"data-pill-icon": true,
|
|
13
15
|
onClick: onClick,
|
|
14
16
|
icon: icon,
|
|
15
17
|
size: size,
|
|
16
18
|
color: color,
|
|
17
|
-
ml: direction === '
|
|
18
|
-
mr: direction === '
|
|
19
|
+
ml: hasText && direction === 'right' ? 1 : 0,
|
|
20
|
+
mr: hasText && direction === 'left' ? 1 : 0
|
|
19
21
|
});
|
|
20
22
|
|
|
21
23
|
/**
|
|
@@ -33,6 +35,8 @@ const PillLabel = /*#__PURE__*/React.forwardRef(({
|
|
|
33
35
|
onClickIcon,
|
|
34
36
|
...props
|
|
35
37
|
}, ref) => {
|
|
38
|
+
const hasText = React.Children.toArray(children).length > 0;
|
|
39
|
+
const iconColor = invert ? `label-${status}-background` : `label-${status}-icon`;
|
|
36
40
|
return /*#__PURE__*/React.createElement(PillLabelWrapper, _extends({
|
|
37
41
|
status: status,
|
|
38
42
|
size: size,
|
|
@@ -42,18 +46,21 @@ const PillLabel = /*#__PURE__*/React.forwardRef(({
|
|
|
42
46
|
variant: variant,
|
|
43
47
|
ref: ref
|
|
44
48
|
}), /*#__PURE__*/React.createElement(Flex, {
|
|
45
|
-
alignItems: "center"
|
|
49
|
+
alignItems: "center",
|
|
50
|
+
justifyContent: "center"
|
|
46
51
|
}, leftIcon && /*#__PURE__*/React.createElement(IconComponent, {
|
|
47
52
|
icon: leftIcon,
|
|
48
|
-
color:
|
|
53
|
+
color: iconColor,
|
|
49
54
|
size: size,
|
|
50
55
|
direction: "left",
|
|
56
|
+
hasText: hasText,
|
|
51
57
|
onClick: onClickIcon
|
|
52
58
|
}), children, rightIcon && /*#__PURE__*/React.createElement(IconComponent, {
|
|
53
59
|
icon: rightIcon,
|
|
54
|
-
color:
|
|
60
|
+
color: iconColor,
|
|
55
61
|
size: size,
|
|
56
62
|
direction: "right",
|
|
63
|
+
hasText: hasText,
|
|
57
64
|
onClick: onClickIcon
|
|
58
65
|
})));
|
|
59
66
|
});
|
|
@@ -11,7 +11,15 @@ export const PillLabelWrapper = /*#__PURE__*/_styled(Box, process.env.NODE_ENV =
|
|
|
11
11
|
theme
|
|
12
12
|
}) => theme.space[1], ";height:", ({
|
|
13
13
|
size
|
|
14
|
-
}) => size === 'md' ? '1.5rem' : '1.25rem', ";
|
|
14
|
+
}) => size === 'md' ? '1.5rem' : '1.25rem', ";min-width:", ({
|
|
15
|
+
size
|
|
16
|
+
}) => size === 'md' ? '1.5rem' : '1.25rem', ";flex-shrink:0;align-content:center;line-height:1;&>*>[data-pill-icon]{display:flex;align-items:center;justify-content:center;width:", ({
|
|
17
|
+
size
|
|
18
|
+
}) => size === 'md' ? '0.75rem' : '0.625rem', ";height:", ({
|
|
19
|
+
size
|
|
20
|
+
}) => size === 'md' ? '0.75rem' : '0.625rem', ";}", IconAndTextWrapper, "{gap:", ({
|
|
21
|
+
theme
|
|
22
|
+
}) => theme.space[1], ";>", IconWrapper, "{margin:0;}}", IconAndTextWrapper, ",", IconWrapper, "{svg{width:", ({
|
|
15
23
|
size
|
|
16
24
|
}) => size === 'md' ? '0.75rem' : '0.625rem', ";height:", ({
|
|
17
25
|
size
|
|
@@ -43,4 +51,4 @@ export const PillLabelWrapper = /*#__PURE__*/_styled(Box, process.env.NODE_ENV =
|
|
|
43
51
|
color: ${theme.colors[colors[0]]};
|
|
44
52
|
background-color: ${theme.colors[colors[1]]};
|
|
45
53
|
`;
|
|
46
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlsbExhYmVsUHJvcHMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFsbENvbG9yc0tleXMgfSBmcm9tICcuLi90aGVtZS9Db2xvclNjaGVtZXMvbGlnaHQnXG5cbmV4cG9ydCBjb25zdCBQaWxsTGFiZWxXcmFwcGVyID0gc3R5bGVkKEJveCk8UGlsbExhYmVsUHJvcHM+YFxuICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ21kJyA/
|
|
54
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlsbExhYmVsUHJvcHMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFsbENvbG9yc0tleXMgfSBmcm9tICcuLi90aGVtZS9Db2xvclNjaGVtZXMvbGlnaHQnXG5cbmV4cG9ydCBjb25zdCBQaWxsTGFiZWxXcmFwcGVyID0gc3R5bGVkKEJveCk8UGlsbExhYmVsUHJvcHM+YFxuICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ21kJyA/ICcxLjVyZW0nIDogJzEuMjVyZW0nKX07XG4gIG1pbi13aWR0aDogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbWQnID8gJzEuNXJlbScgOiAnMS4yNXJlbScpfTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgbGluZS1oZWlnaHQ6IDE7XG5cbiAgJiA+ICogPiBbZGF0YS1waWxsLWljb25dIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgd2lkdGg6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ21kJyA/ICcwLjc1cmVtJyA6ICcwLjYyNXJlbScpfTtcbiAgICBoZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ21kJyA/ICcwLjc1cmVtJyA6ICcwLjYyNXJlbScpfTtcbiAgfVxuXG4gICR7SWNvbkFuZFRleHRXcmFwcGVyfSB7XG4gICAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcblxuICAgID4gJHtJY29uV3JhcHBlcn0ge1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cbiAgfVxuXG4gICR7SWNvbkFuZFRleHRXcmFwcGVyfSwgJHtJY29uV3JhcHBlcn0ge1xuICAgIHN2ZyB7XG4gICAgICB3aWR0aDogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbWQnID8gJzAuNzVyZW0nIDogJzAuNjI1cmVtJyl9O1xuICAgICAgaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdtZCcgPyAnMC43NXJlbScgOiAnMC42MjVyZW0nKX07XG4gICAgfVxuICB9XG5cbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLmZvbnRTaXplc1tzaXplID09PSAnbWQnID8gJ3MnIDogJ3hzJ119O1xuXG4gICR7KHsgc3RhdHVzID0gJ2RlZmF1bHQnLCB0aGVtZSwgaW52ZXJ0LCB2YXJpYW50IH0pID0+IHtcbiAgICBpZiAodmFyaWFudCA9PT0gJ291dGxpbmUnKSB7XG4gICAgICByZXR1cm4gYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbYGxhYmVsLSR7c3RhdHVzfS10ZXh0YF19O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119O1xuICAgICAgYFxuICAgIH1cblxuICAgIGNvbnN0IGNvbG9yczogQWxsQ29sb3JzS2V5c1tdID0gW2BsYWJlbC0ke3N0YXR1c30tdGV4dGAsIGBsYWJlbC0ke3N0YXR1c30tYmFja2dyb3VuZGBdXG5cbiAgICBpZiAoaW52ZXJ0KSB7XG4gICAgICBjb2xvcnMucmV2ZXJzZSgpXG4gICAgfVxuXG4gICAgcmV0dXJuIGBcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tjb2xvcnNbMF1dfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzW2NvbG9yc1sxXV19O1xuICAgIGBcbiAgfX1cbmBcbiJdfQ== */"));
|