@ncds/ui-admin 0.0.3 → 0.0.8
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/const/Icon/FinanceECommerce.js +15 -7
- package/dist/const/Icon/alertAndFeedback.js +1 -7
- package/dist/const/Icon/arrow.js +11 -7
- package/dist/const/Icon/chart.js +1 -7
- package/dist/const/Icon/chevron.js +1 -7
- package/dist/const/Icon/circle.js +1 -7
- package/dist/const/Icon/communication.js +1 -7
- package/dist/const/Icon/development.js +12 -7
- package/dist/const/Icon/editor.js +1 -7
- package/dist/const/Icon/education.js +1 -7
- package/dist/const/Icon/files.js +1 -7
- package/dist/const/Icon/general.js +57 -31
- package/dist/const/Icon/index.js +31 -37
- package/dist/const/Icon/layout.js +13 -9
- package/dist/const/Icon/mapsTravel.js +1 -7
- package/dist/const/Icon/mediaDevices.js +11 -7
- package/dist/const/Icon/message.js +1 -7
- package/dist/const/Icon/sales.js +1 -7
- package/dist/const/Icon/security.js +1 -7
- package/dist/const/Icon/shapes.js +4 -9
- package/dist/const/Icon/tag.js +1 -7
- package/dist/const/Icon/time.js +1 -7
- package/dist/const/Icon/users.js +11 -7
- package/dist/const/Icon/weather.js +1 -7
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/ui-admin/assets/scripts/index.js +1 -16
- package/dist/ui-admin/assets/scripts/test.js +2 -9
- package/dist/ui-admin/constant/color.js +32 -38
- package/dist/ui-admin/constant/size.js +1 -5
- package/dist/ui-admin/index.js +13 -148
- package/dist/ui-admin/src/components/button/Button.js +68 -103
- package/dist/ui-admin/src/components/button/ButtonGroup.js +54 -93
- package/dist/ui-admin/src/components/button/index.js +2 -27
- package/dist/ui-admin/src/components/checkbox/Checkbox.js +26 -67
- package/dist/ui-admin/src/components/checkbox/CheckboxInput.js +30 -65
- package/dist/ui-admin/src/components/checkbox/index.js +2 -27
- package/dist/ui-admin/src/components/index.js +10 -115
- package/dist/ui-admin/src/components/input/FileInput.d.ts +1 -0
- package/dist/ui-admin/src/components/input/FileInput.d.ts.map +1 -0
- package/dist/ui-admin/src/components/input/FileInput.js +1 -0
- package/dist/ui-admin/src/components/input/InputBase.js +77 -162
- package/dist/ui-admin/src/components/input/PasswordInput.js +66 -84
- package/dist/ui-admin/src/components/input/index.d.ts +1 -0
- package/dist/ui-admin/src/components/input/index.d.ts.map +1 -1
- package/dist/ui-admin/src/components/input/index.js +3 -27
- package/dist/ui-admin/src/components/pagination/NavButton.js +60 -87
- package/dist/ui-admin/src/components/pagination/Pagination.js +104 -170
- package/dist/ui-admin/src/components/pagination/index.js +2 -27
- package/dist/ui-admin/src/components/radio/Radio.js +26 -62
- package/dist/ui-admin/src/components/radio/RadioInput.js +27 -48
- package/dist/ui-admin/src/components/radio/index.js +2 -27
- package/dist/ui-admin/src/components/select/Select.js +33 -96
- package/dist/ui-admin/src/components/select/index.js +1 -16
- package/dist/ui-admin/src/components/shared/hintText/HintText.js +25 -40
- package/dist/ui-admin/src/components/shared/hintText/index.js +1 -16
- package/dist/ui-admin/src/components/shared/index.js +2 -27
- package/dist/ui-admin/src/components/shared/label/Label.js +25 -40
- package/dist/ui-admin/src/components/shared/label/index.js +1 -16
- package/dist/ui-admin/src/components/spinner/Spinner.js +17 -49
- package/dist/ui-admin/src/components/spinner/index.js +1 -16
- package/dist/ui-admin/src/components/svg/SvgIcon.js +27 -62
- package/dist/ui-admin/src/components/svg/const.js +786 -792
- package/dist/ui-admin/src/components/svg/index.js +2 -27
- package/dist/ui-admin/src/components/tooltip/Tooltip.js +18 -67
- package/dist/ui-admin/src/components/tooltip/index.js +1 -16
- package/dist/ui-admin/src/constant/index.js +1 -16
- package/dist/ui-admin/src/constant/size.js +1 -7
- package/package.json +2 -2
- package/dist/ui-admin/assets/images/sprite.png +0 -0
- package/dist/ui-admin/assets/styles/style.css +0 -1438
|
@@ -1,27 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _SvgIcon = require("./SvgIcon");
|
|
7
|
-
Object.keys(_SvgIcon).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _SvgIcon[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _SvgIcon[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _const = require("./const");
|
|
18
|
-
Object.keys(_const).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _const[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () {
|
|
24
|
-
return _const[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
1
|
+
export * from './SvgIcon';
|
|
2
|
+
export * from './const';
|
|
@@ -1,71 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var __assign = void 0 && (void 0).__assign || function () {
|
|
12
|
-
__assign = Object.assign || function (t) {
|
|
13
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
14
|
-
s = arguments[i];
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
16
|
-
}
|
|
17
|
-
return t;
|
|
18
|
-
};
|
|
19
|
-
return __assign.apply(this, arguments);
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
20
11
|
};
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { HelpCircle, HelpCircleFill } from '@ncds/ui-admin-icon';
|
|
14
|
+
import classNames from 'classnames';
|
|
21
15
|
var tooltipContent = function (_a) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
tooltipType = _a.tooltipType,
|
|
25
|
-
position = _a.position;
|
|
26
|
-
return (0, _jsxRuntime.jsxs)("span", __assign({
|
|
27
|
-
className: (0, _classnames.default)("ncua-tooltip__bg", "ncua-tooltip__bg--".concat(tooltipType), "ncua-tooltip__bg--".concat(position))
|
|
28
|
-
}, {
|
|
29
|
-
children: [title && (0, _jsxRuntime.jsx)("span", __assign({
|
|
30
|
-
className: "ncua-tooltip__title"
|
|
31
|
-
}, {
|
|
32
|
-
children: title
|
|
33
|
-
})), content && (0, _jsxRuntime.jsx)("span", {
|
|
34
|
-
className: "ncua-tooltip__content",
|
|
35
|
-
dangerouslySetInnerHTML: {
|
|
36
|
-
__html: content
|
|
37
|
-
}
|
|
38
|
-
})]
|
|
39
|
-
}));
|
|
16
|
+
var title = _a.title, content = _a.content, tooltipType = _a.tooltipType, position = _a.position;
|
|
17
|
+
return (_jsxs("span", __assign({ className: classNames("ncua-tooltip__bg", "ncua-tooltip__bg--".concat(tooltipType), "ncua-tooltip__bg--".concat(position)) }, { children: [title && _jsx("span", __assign({ className: "ncua-tooltip__title" }, { children: title })), content && _jsx("span", { className: "ncua-tooltip__content", dangerouslySetInnerHTML: { __html: content } })] })));
|
|
40
18
|
};
|
|
41
|
-
var Tooltip = function (_a) {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
_c = _a.iconType,
|
|
45
|
-
iconType = _c === void 0 ? 'stroke' : _c,
|
|
46
|
-
_d = _a.position,
|
|
47
|
-
position = _d === void 0 ? 'top' : _d,
|
|
48
|
-
title = _a.title,
|
|
49
|
-
content = _a.content,
|
|
50
|
-
_e = _a.hideArrow,
|
|
51
|
-
hideArrow = _e === void 0 ? false : _e;
|
|
52
|
-
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' : ''))
|
|
54
|
-
}, {
|
|
55
|
-
children: [iconType === 'stroke' ? (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircle, {
|
|
56
|
-
width: 16,
|
|
57
|
-
height: 16,
|
|
58
|
-
color: "var(--gray-300"
|
|
59
|
-
}) : (0, _jsxRuntime.jsx)(_uiAdminIcon.HelpCircleFill, {
|
|
60
|
-
width: 16,
|
|
61
|
-
height: 16,
|
|
62
|
-
color: "var(--gray-300)"
|
|
63
|
-
}), tooltipContent({
|
|
64
|
-
tooltipType: tooltipType,
|
|
65
|
-
position: position,
|
|
66
|
-
title: title,
|
|
67
|
-
content: content
|
|
68
|
-
})]
|
|
69
|
-
}));
|
|
19
|
+
export var Tooltip = function (_a) {
|
|
20
|
+
var _b = _a.tooltipType, tooltipType = _b === void 0 ? 'black' : _b, _c = _a.iconType, iconType = _c === void 0 ? 'stroke' : _c, _d = _a.position, position = _d === void 0 ? 'top' : _d, title = _a.title, content = _a.content, _e = _a.hideArrow, hideArrow = _e === void 0 ? false : _e;
|
|
21
|
+
return (_jsxs("span", __assign({ className: classNames('ncua-tooltip', "".concat(hideArrow ? 'ncua-tooltip--hidden-arrow' : ''), "".concat(iconType === 'stroke' ? 'ncua-tooltip--stroke' : '')) }, { children: [iconType === 'stroke' ? (_jsx(HelpCircle, { width: 16, height: 16, color: "var(--gray-300" })) : (_jsx(HelpCircleFill, { width: 16, height: 16, color: "var(--gray-300)" })), tooltipContent({ tooltipType: tooltipType, position: position, title: title, content: content })] })));
|
|
70
22
|
};
|
|
71
|
-
exports.Tooltip = Tooltip;
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _Tooltip = require("./Tooltip");
|
|
7
|
-
Object.keys(_Tooltip).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _Tooltip[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _Tooltip[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
1
|
+
export * from './Tooltip';
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _size = require("./size");
|
|
7
|
-
Object.keys(_size).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _size[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function () {
|
|
13
|
-
return _size[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
1
|
+
export * from './size';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ncds/ui-admin",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"description": "nhn-commerce의 어드민 디자인 시스템입니다.",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"barrel": "node barrel.js",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"dependencies": {
|
|
63
63
|
"@ncds/types-common": "^1.0.0",
|
|
64
64
|
"@ncds/types-layout": "^1.0.0",
|
|
65
|
-
"@ncds/ui-admin-icon": "0.0.
|
|
65
|
+
"@ncds/ui-admin-icon": "0.0.14",
|
|
66
66
|
"classnames": "^2.3.2",
|
|
67
67
|
"swiper": "^11.1.1"
|
|
68
68
|
},
|
|
File without changes
|