labsense-ui-kit 1.2.58 → 1.2.60
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/dist/Badge/Badge.d.ts +6 -0
- package/dist/index.js +12 -3
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +12 -3
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/Badge/Badge.d.ts
CHANGED
|
@@ -14,6 +14,12 @@ interface BadgeProps {
|
|
|
14
14
|
weight?: string;
|
|
15
15
|
onClick?: (e: React.MouseEvent<HTMLDivElement | HTMLButtonElement | SVGElement>) => void;
|
|
16
16
|
};
|
|
17
|
+
image?: {
|
|
18
|
+
src: string;
|
|
19
|
+
img_alt: string;
|
|
20
|
+
width: string;
|
|
21
|
+
height: string;
|
|
22
|
+
};
|
|
17
23
|
tooltipText?: string;
|
|
18
24
|
tooltipCSS?: {
|
|
19
25
|
background?: string;
|
package/dist/index.js
CHANGED
|
@@ -5858,6 +5858,7 @@ var Badge = function Badge(_ref8) {
|
|
|
5858
5858
|
size: 10,
|
|
5859
5859
|
weight: '0.1px'
|
|
5860
5860
|
} : _ref8$icon,
|
|
5861
|
+
image = _ref8.image,
|
|
5861
5862
|
tooltipText = _ref8.tooltipText,
|
|
5862
5863
|
tooltipCSS = _ref8.tooltipCSS;
|
|
5863
5864
|
var themeColors = useTheme();
|
|
@@ -5929,11 +5930,18 @@ var Badge = function Badge(_ref8) {
|
|
|
5929
5930
|
"$position": 'relative',
|
|
5930
5931
|
onMouseEnter: tooltipText && icon ? handleMouseEnter : undefined,
|
|
5931
5932
|
onMouseLeave: tooltipText && icon ? handleMouseLeave : undefined
|
|
5932
|
-
}, tooltipText && icon && React__default.createElement(TooltipWrapper, null, React__default.createElement(
|
|
5933
|
+
}, tooltipText && icon && React__default.createElement(TooltipWrapper, null, image ? React__default.createElement("img", {
|
|
5934
|
+
src: image.src,
|
|
5935
|
+
alt: image.img_alt,
|
|
5936
|
+
width: image.width,
|
|
5937
|
+
height: image.height,
|
|
5938
|
+
draggable: false
|
|
5939
|
+
}) : React__default.createElement(Icon, {
|
|
5933
5940
|
icon: icon.icon,
|
|
5934
5941
|
size: icon.size,
|
|
5935
5942
|
weight: icon.weight,
|
|
5936
|
-
color: icon.color || themeColors.vms.text.medium
|
|
5943
|
+
color: icon.color || themeColors.vms.text.medium,
|
|
5944
|
+
cursor: 'pointer'
|
|
5937
5945
|
}), React__default.createElement(TooltipText, {
|
|
5938
5946
|
"$bgColor": tooltipCSS === null || tooltipCSS === void 0 ? void 0 : tooltipCSS.background,
|
|
5939
5947
|
"$visible": showTooltip,
|
|
@@ -7764,7 +7772,8 @@ var SelectOption = function SelectOption(_ref36) {
|
|
|
7764
7772
|
icon: icon.name,
|
|
7765
7773
|
size: icon.size || 14,
|
|
7766
7774
|
weight: icon.weight || '1px',
|
|
7767
|
-
color: icon.color || themeColors.vms.text.medium
|
|
7775
|
+
color: icon.color || themeColors.vms.text.medium,
|
|
7776
|
+
cursor: 'pointer'
|
|
7768
7777
|
}), label ? React__default.createElement(LabelText$1, {
|
|
7769
7778
|
"$color": color,
|
|
7770
7779
|
"$disabled": disabled,
|