@ncds/ui-admin 0.0.17 → 0.0.18
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/cjs/ui-admin/src/components/date-picker/index.js +0 -11
- package/dist/cjs/ui-admin/src/components/tooltip/Tooltip.js +10 -7
- package/dist/esm/ui-admin/src/components/date-picker/index.js +1 -2
- package/dist/esm/ui-admin/src/components/tooltip/Tooltip.js +10 -7
- package/dist/types/ui-admin/src/components/date-picker/index.d.ts +0 -1
- package/dist/types/ui-admin/src/components/tooltip/Tooltip.d.ts +2 -1
- package/dist/ui-admin/assets/styles/style.css +5 -2
- package/package.json +1 -1
|
@@ -24,15 +24,4 @@ Object.keys(_RangeDatePicker).forEach(function (key) {
|
|
|
24
24
|
return _RangeDatePicker[key];
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
|
-
});
|
|
28
|
-
var _utils = require("./utils");
|
|
29
|
-
Object.keys(_utils).forEach(function (key) {
|
|
30
|
-
if (key === "default" || key === "__esModule") return;
|
|
31
|
-
if (key in exports && exports[key] === _utils[key]) return;
|
|
32
|
-
Object.defineProperty(exports, key, {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function () {
|
|
35
|
-
return _utils[key];
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
27
|
});
|
|
@@ -45,20 +45,23 @@ var Tooltip = function (_a) {
|
|
|
45
45
|
iconType = _c === void 0 ? 'stroke' : _c,
|
|
46
46
|
_d = _a.position,
|
|
47
47
|
position = _d === void 0 ? 'top' : _d,
|
|
48
|
+
_e = _a.size,
|
|
49
|
+
size = _e === void 0 ? 'sm' : _e,
|
|
48
50
|
title = _a.title,
|
|
49
51
|
content = _a.content,
|
|
50
|
-
|
|
51
|
-
hideArrow =
|
|
52
|
+
_f = _a.hideArrow,
|
|
53
|
+
hideArrow = _f === void 0 ? false : _f;
|
|
54
|
+
var iconSize = size === 'sm' ? 14 : 16;
|
|
52
55
|
return (0, _jsxRuntime.jsxs)("span", __assign({
|
|
53
|
-
className: (0, _classnames.default)('ncua-tooltip', "".concat(hideArrow ? 'ncua-tooltip--hidden-arrow' : ''), "".concat(iconType === 'stroke' ? 'ncua-tooltip--stroke' : ''))
|
|
56
|
+
className: (0, _classnames.default)('ncua-tooltip', "ncua-tooltip--".concat(size), "".concat(hideArrow ? 'ncua-tooltip--hidden-arrow' : ''), "".concat(iconType === 'stroke' ? 'ncua-tooltip--stroke' : ''))
|
|
54
57
|
}, {
|
|
55
58
|
children: [iconType === 'stroke' ? (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircle, {
|
|
56
|
-
width:
|
|
57
|
-
height:
|
|
59
|
+
width: iconSize,
|
|
60
|
+
height: iconSize,
|
|
58
61
|
color: "var(--gray-300"
|
|
59
62
|
}) : (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircleFill, {
|
|
60
|
-
width:
|
|
61
|
-
height:
|
|
63
|
+
width: iconSize,
|
|
64
|
+
height: iconSize,
|
|
62
65
|
color: "var(--gray-300)"
|
|
63
66
|
}), tooltipContent({
|
|
64
67
|
tooltipType: tooltipType,
|
|
@@ -38,20 +38,23 @@ export var Tooltip = function (_a) {
|
|
|
38
38
|
iconType = _c === void 0 ? 'stroke' : _c,
|
|
39
39
|
_d = _a.position,
|
|
40
40
|
position = _d === void 0 ? 'top' : _d,
|
|
41
|
+
_e = _a.size,
|
|
42
|
+
size = _e === void 0 ? 'sm' : _e,
|
|
41
43
|
title = _a.title,
|
|
42
44
|
content = _a.content,
|
|
43
|
-
|
|
44
|
-
hideArrow =
|
|
45
|
+
_f = _a.hideArrow,
|
|
46
|
+
hideArrow = _f === void 0 ? false : _f;
|
|
47
|
+
var iconSize = size === 'sm' ? 14 : 16;
|
|
45
48
|
return _jsxs("span", __assign({
|
|
46
|
-
className: classNames('ncua-tooltip', "".concat(hideArrow ? 'ncua-tooltip--hidden-arrow' : ''), "".concat(iconType === 'stroke' ? 'ncua-tooltip--stroke' : ''))
|
|
49
|
+
className: classNames('ncua-tooltip', "ncua-tooltip--".concat(size), "".concat(hideArrow ? 'ncua-tooltip--hidden-arrow' : ''), "".concat(iconType === 'stroke' ? 'ncua-tooltip--stroke' : ''))
|
|
47
50
|
}, {
|
|
48
51
|
children: [iconType === 'stroke' ? _jsx(HelpCircle, {
|
|
49
|
-
width:
|
|
50
|
-
height:
|
|
52
|
+
width: iconSize,
|
|
53
|
+
height: iconSize,
|
|
51
54
|
color: "var(--gray-300"
|
|
52
55
|
}) : _jsx(HelpCircleFill, {
|
|
53
|
-
width:
|
|
54
|
-
height:
|
|
56
|
+
width: iconSize,
|
|
57
|
+
height: iconSize,
|
|
55
58
|
color: "var(--gray-300)"
|
|
56
59
|
}), tooltipContent({
|
|
57
60
|
tooltipType: tooltipType,
|
|
@@ -2,10 +2,11 @@ interface TooltipProps {
|
|
|
2
2
|
tooltipType?: 'white' | 'black';
|
|
3
3
|
iconType?: 'stroke' | 'fill';
|
|
4
4
|
position?: 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
|
|
5
|
+
size?: 'sm' | 'md';
|
|
5
6
|
hideArrow?: boolean;
|
|
6
7
|
title?: string;
|
|
7
8
|
content?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare const Tooltip: ({ tooltipType, iconType, position, title, content, hideArrow, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const Tooltip: ({ tooltipType, iconType, position, size, title, content, hideArrow, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -1088,15 +1088,15 @@ button {
|
|
|
1088
1088
|
|
|
1089
1089
|
.ncua-tooltip {
|
|
1090
1090
|
position: relative;
|
|
1091
|
-
font-size:
|
|
1091
|
+
font-size: 12px;
|
|
1092
1092
|
}
|
|
1093
1093
|
.ncua-tooltip svg {
|
|
1094
1094
|
cursor: pointer;
|
|
1095
1095
|
}
|
|
1096
1096
|
.ncua-tooltip__bg {
|
|
1097
1097
|
position: absolute;
|
|
1098
|
-
padding: 12px;
|
|
1099
1098
|
border-radius: 4px;
|
|
1099
|
+
padding: 8px 12px;
|
|
1100
1100
|
display: flex;
|
|
1101
1101
|
flex-direction: column;
|
|
1102
1102
|
gap: 4px;
|
|
@@ -1225,6 +1225,9 @@ button {
|
|
|
1225
1225
|
.ncua-tooltip:not(:hover) .ncua-tooltip__bg {
|
|
1226
1226
|
display: none;
|
|
1227
1227
|
}
|
|
1228
|
+
.ncua-tooltip:has(.ncua-tooltip__title) .ncua-tooltip__bg {
|
|
1229
|
+
padding: 12px;
|
|
1230
|
+
}
|
|
1228
1231
|
|
|
1229
1232
|
:root {
|
|
1230
1233
|
--select-height-xs: 28px;
|