labsense-ui-kit 1.3.7 → 1.3.9
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/Icons/SVGs/Zoom.d.ts +4 -0
- package/dist/Icons/SVGs/index.d.ts +1 -0
- package/dist/index.js +31 -4
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +31 -4
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -5380,6 +5380,32 @@ var Zapper = function Zapper(_ref) {
|
|
|
5380
5380
|
}));
|
|
5381
5381
|
};
|
|
5382
5382
|
|
|
5383
|
+
var Zoom = function Zoom(_ref) {
|
|
5384
|
+
var size = _ref.size,
|
|
5385
|
+
color = _ref.color,
|
|
5386
|
+
weight = _ref.weight;
|
|
5387
|
+
return React.createElement("svg", {
|
|
5388
|
+
width: size,
|
|
5389
|
+
height: size,
|
|
5390
|
+
strokeWidth: weight,
|
|
5391
|
+
viewBox: '0 0 758 767',
|
|
5392
|
+
fill: 'none',
|
|
5393
|
+
xmlns: 'http://www.w3.org/2000/svg'
|
|
5394
|
+
}, React.createElement("path", {
|
|
5395
|
+
d: 'M508 453.782C508 453.782 780 637.782 756 741.782C668 861.782 436 509.782 436 509.782',
|
|
5396
|
+
fill: color
|
|
5397
|
+
}), React.createElement("path", {
|
|
5398
|
+
d: 'M548 333.782C537.235 394.919 505.269 450.307 457.72 490.216C410.17 530.124 350.078 552 288 552C225.922 552 165.83 530.124 118.28 490.216C70.7307 450.307 38.7653 394.919 28 333.782C21.3156 295.821 23.0249 256.857 33.0076 219.627C42.9904 182.397 61.0045 147.805 85.7842 118.28C110.564 88.756 141.508 65.016 176.443 48.7282C211.377 32.4404 249.455 24 288 24C326.545 24 364.623 32.4404 399.557 48.7282C434.492 65.016 465.436 88.756 490.216 118.28C514.996 147.805 533.01 182.397 542.992 219.627C552.975 256.857 554.684 295.821 548 333.782Z',
|
|
5399
|
+
fill: '#EEEEEE',
|
|
5400
|
+
stroke: color,
|
|
5401
|
+
"stroke-width": '48'
|
|
5402
|
+
}), React.createElement("path", {
|
|
5403
|
+
d: 'M180 261.782V181.782H260M300 181.782H380V261.782M380 301.782V381.782H300M260 381.782H180V301.782',
|
|
5404
|
+
stroke: color,
|
|
5405
|
+
"stroke-width": '48'
|
|
5406
|
+
}));
|
|
5407
|
+
};
|
|
5408
|
+
|
|
5383
5409
|
var useClickOutside = function useClickOutside(elRef, elCallback) {
|
|
5384
5410
|
var callbackRef = useRef(elCallback);
|
|
5385
5411
|
callbackRef.current = elCallback;
|
|
@@ -5982,7 +6008,8 @@ var IconSVGs = {
|
|
|
5982
6008
|
Workflow: Workflow,
|
|
5983
6009
|
X: X,
|
|
5984
6010
|
Youtube: Youtube,
|
|
5985
|
-
Zapper: Zapper
|
|
6011
|
+
Zapper: Zapper,
|
|
6012
|
+
Zoom: Zoom
|
|
5986
6013
|
};
|
|
5987
6014
|
var Icon = function Icon(_ref2) {
|
|
5988
6015
|
var icon = _ref2.icon,
|
|
@@ -6119,7 +6146,7 @@ var Badge = function Badge(_ref8) {
|
|
|
6119
6146
|
"$position": 'relative',
|
|
6120
6147
|
onMouseEnter: tooltipText ? handleMouseEnter : undefined,
|
|
6121
6148
|
onMouseLeave: tooltipText ? handleMouseLeave : undefined
|
|
6122
|
-
}, (icon || image || tooltipText) && React.createElement(TooltipWrapper, null, image ? React.createElement("img", {
|
|
6149
|
+
}, (icon || image || tooltipText) && (icon || image) && React.createElement(TooltipWrapper, null, image ? React.createElement("img", {
|
|
6123
6150
|
src: image.src,
|
|
6124
6151
|
alt: image.img_alt,
|
|
6125
6152
|
width: image.width,
|
|
@@ -6131,7 +6158,7 @@ var Badge = function Badge(_ref8) {
|
|
|
6131
6158
|
weight: icon.weight,
|
|
6132
6159
|
color: icon.color || themeColors.vms.text.medium,
|
|
6133
6160
|
cursor: tooltipText ? 'pointer' : 'default'
|
|
6134
|
-
}), tooltipText && React.createElement(TooltipText, {
|
|
6161
|
+
})), tooltipText && React.createElement(TooltipText, {
|
|
6135
6162
|
"$bgColor": tooltipCSS === null || tooltipCSS === void 0 ? void 0 : tooltipCSS.background,
|
|
6136
6163
|
"$visible": showTooltip,
|
|
6137
6164
|
"$color": tooltipCSS === null || tooltipCSS === void 0 ? void 0 : tooltipCSS.color,
|
|
@@ -6139,7 +6166,7 @@ var Badge = function Badge(_ref8) {
|
|
|
6139
6166
|
"$fontSize": tooltipCSS === null || tooltipCSS === void 0 ? void 0 : tooltipCSS.fontSize,
|
|
6140
6167
|
"$fontWeight": tooltipCSS === null || tooltipCSS === void 0 ? void 0 : tooltipCSS.fontWeight,
|
|
6141
6168
|
style: tooltipStyle
|
|
6142
|
-
}, tooltipText)
|
|
6169
|
+
}, tooltipText), React.createElement(Span, {
|
|
6143
6170
|
"$fontSize": fontSize,
|
|
6144
6171
|
"$fontWeight": '500',
|
|
6145
6172
|
"$color": textColor,
|