labsense-ui-kit 1.1.55 → 1.1.57
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/IconTooltip.d.ts +1 -4
- package/dist/Themes/index.d.ts +1 -0
- package/dist/index.js +3 -14
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +3 -14
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,10 +3,7 @@ import { IconProps } from '../Icons';
|
|
|
3
3
|
interface ITooltipProps {
|
|
4
4
|
icon: IconProps;
|
|
5
5
|
infoIcon?: IconProps;
|
|
6
|
-
infoText:
|
|
7
|
-
infoText2?: string;
|
|
8
|
-
infoText3?: string;
|
|
9
|
-
infoText4?: string;
|
|
6
|
+
infoText: React.ReactNode;
|
|
10
7
|
tooltipCSS?: {
|
|
11
8
|
background?: string;
|
|
12
9
|
color?: string;
|
package/dist/Themes/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -32,6 +32,7 @@ var light = {
|
|
|
32
32
|
light_2: '#F5F8FA',
|
|
33
33
|
light_3: '#F0F3F5',
|
|
34
34
|
light_4: '#ECF0F4',
|
|
35
|
+
light_5: '#F0F0F3',
|
|
35
36
|
softBlue: '#D4EEFF',
|
|
36
37
|
extraSoftBlue: '#E4F4FF',
|
|
37
38
|
boldTransparent: '#5E5E5E80',
|
|
@@ -101,6 +102,7 @@ var dark = {
|
|
|
101
102
|
light_2: '#1F2327',
|
|
102
103
|
light_3: '#F0F3F5',
|
|
103
104
|
light_4: '#ECF0F4',
|
|
105
|
+
light_5: '#F0F0F3',
|
|
104
106
|
softBlue: '#2C3E50',
|
|
105
107
|
extraSoftBlue: '#34495E',
|
|
106
108
|
boldTransparent: '#D3D3D380',
|
|
@@ -3646,9 +3648,6 @@ var IconTooltip = function IconTooltip(_ref7) {
|
|
|
3646
3648
|
} : _ref7$icon,
|
|
3647
3649
|
infoIcon = _ref7.infoIcon,
|
|
3648
3650
|
infoText = _ref7.infoText,
|
|
3649
|
-
infoText2 = _ref7.infoText2,
|
|
3650
|
-
infoText3 = _ref7.infoText3,
|
|
3651
|
-
infoText4 = _ref7.infoText4,
|
|
3652
3651
|
_ref7$tooltipCSS = _ref7.tooltipCSS,
|
|
3653
3652
|
tooltipCSS = _ref7$tooltipCSS === void 0 ? {
|
|
3654
3653
|
background: colorVariables.accent.light_1,
|
|
@@ -3660,7 +3659,6 @@ var IconTooltip = function IconTooltip(_ref7) {
|
|
|
3660
3659
|
fontSize: '12px',
|
|
3661
3660
|
fontWeight: '400'
|
|
3662
3661
|
} : _ref7$tooltipCSS;
|
|
3663
|
-
var texts = [infoText, infoText2, infoText3, infoText4].filter(Boolean);
|
|
3664
3662
|
return React__default.createElement(TooltipWrapper$1, null, React__default.createElement(Icon, Object.assign({}, icon, {
|
|
3665
3663
|
onClick: function onClick() {}
|
|
3666
3664
|
})), React__default.createElement(TooltipContainer, {
|
|
@@ -3670,16 +3668,7 @@ var IconTooltip = function IconTooltip(_ref7) {
|
|
|
3670
3668
|
"$background": tooltipCSS.background,
|
|
3671
3669
|
"$gap": tooltipCSS.gap,
|
|
3672
3670
|
"$iconSize": icon.size || 17
|
|
3673
|
-
}, infoIcon && React__default.createElement(Icon, Object.assign({}, infoIcon)),
|
|
3674
|
-
"$flexDirection": 'column'
|
|
3675
|
-
}, texts.map(function (text, i) {
|
|
3676
|
-
return React__default.createElement(Span, {
|
|
3677
|
-
key: i,
|
|
3678
|
-
"$color": tooltipCSS.color,
|
|
3679
|
-
"$fontSize": tooltipCSS.fontSize,
|
|
3680
|
-
"$fontWeight": tooltipCSS.fontWeight
|
|
3681
|
-
}, text, i < texts.length - 1 && React__default.createElement("br", null));
|
|
3682
|
-
}))));
|
|
3671
|
+
}, infoIcon && React__default.createElement(Icon, Object.assign({}, infoIcon)), infoText));
|
|
3683
3672
|
};
|
|
3684
3673
|
|
|
3685
3674
|
var _templateObject$4;
|