@ncds/ui-admin-mcp 1.6.4-alpha.2
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/bin/server.d.ts +1 -0
- package/bin/server.js +67 -0
- package/bin/server.mjs +8 -0
- package/bin/tools/getComponentHtml.d.ts +3 -0
- package/bin/tools/getComponentHtml.js +30 -0
- package/bin/tools/getComponentProps.d.ts +3 -0
- package/bin/tools/getComponentProps.js +16 -0
- package/bin/tools/listComponents.d.ts +3 -0
- package/bin/tools/listComponents.js +15 -0
- package/bin/tools/ping.d.ts +11 -0
- package/bin/tools/ping.js +30 -0
- package/bin/tools/searchComponent.d.ts +3 -0
- package/bin/tools/searchComponent.js +20 -0
- package/bin/tools/validateHtml.d.ts +10 -0
- package/bin/tools/validateHtml.js +142 -0
- package/bin/types.d.ts +28 -0
- package/bin/types.js +5 -0
- package/bin/utils/dataLoader.d.ts +11 -0
- package/bin/utils/dataLoader.js +68 -0
- package/bin/utils/logger.d.ts +18 -0
- package/bin/utils/logger.js +27 -0
- package/bin/utils/response.d.ts +23 -0
- package/bin/utils/response.js +31 -0
- package/bin/version.d.ts +1 -0
- package/bin/version.js +4 -0
- package/data/_meta.json +7 -0
- package/data/badge-group.json +81 -0
- package/data/badge.json +101 -0
- package/data/bread-crumb.json +22 -0
- package/data/breadcrumb.json +31 -0
- package/data/button-group.json +70 -0
- package/data/button.json +119 -0
- package/data/carousel-arrow.json +65 -0
- package/data/carousel-number-group.json +62 -0
- package/data/carousel.json +22 -0
- package/data/checkbox.json +31 -0
- package/data/combobox.json +117 -0
- package/data/date-picker.json +80 -0
- package/data/divider.json +66 -0
- package/data/dot.json +67 -0
- package/data/dropdown.json +84 -0
- package/data/empty-state.json +34 -0
- package/data/featured-icon.json +98 -0
- package/data/file-input.json +76 -0
- package/data/horizontal-tab.json +80 -0
- package/data/image-file-input.json +97 -0
- package/data/input.json +107 -0
- package/data/modal.json +91 -0
- package/data/notification.json +126 -0
- package/data/number-input.json +134 -0
- package/data/pagination.json +68 -0
- package/data/password-input.json +47 -0
- package/data/progress-bar.json +56 -0
- package/data/progress-circle.json +63 -0
- package/data/radio.json +31 -0
- package/data/range-date-picker-with-buttons.json +64 -0
- package/data/range-date-picker.json +58 -0
- package/data/select-dropdown.json +32 -0
- package/data/select.json +77 -0
- package/data/selectbox.json +139 -0
- package/data/slider.json +62 -0
- package/data/spinner.json +60 -0
- package/data/switch.json +71 -0
- package/data/tab.json +140 -0
- package/data/tag.json +69 -0
- package/data/textarea.json +91 -0
- package/data/toggle.json +62 -0
- package/data/tooltip.json +148 -0
- package/data/vertical-tab.json +71 -0
- package/package.json +35 -0
- package/templates/.mcp.json.example +8 -0
- package/templates/README.md +31 -0
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "combobox",
|
|
3
|
+
"description": "NCDS Combobox 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"children": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"destructive": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": false,
|
|
13
|
+
"default": false
|
|
14
|
+
},
|
|
15
|
+
"disabled": {
|
|
16
|
+
"type": "string",
|
|
17
|
+
"required": false,
|
|
18
|
+
"default": false
|
|
19
|
+
},
|
|
20
|
+
"hintText": {
|
|
21
|
+
"type": "string",
|
|
22
|
+
"required": false
|
|
23
|
+
},
|
|
24
|
+
"label": {
|
|
25
|
+
"type": "string",
|
|
26
|
+
"required": false
|
|
27
|
+
},
|
|
28
|
+
"maxHeight": {
|
|
29
|
+
"type": "string",
|
|
30
|
+
"required": false,
|
|
31
|
+
"default": "defaultMaxHeight"
|
|
32
|
+
},
|
|
33
|
+
"multiple": {
|
|
34
|
+
"type": "string",
|
|
35
|
+
"required": false,
|
|
36
|
+
"default": false
|
|
37
|
+
},
|
|
38
|
+
"onChange": {
|
|
39
|
+
"type": "string",
|
|
40
|
+
"required": false
|
|
41
|
+
},
|
|
42
|
+
"onEdit": {
|
|
43
|
+
"type": "string",
|
|
44
|
+
"required": false
|
|
45
|
+
},
|
|
46
|
+
"onSearch": {
|
|
47
|
+
"type": "string",
|
|
48
|
+
"required": false
|
|
49
|
+
},
|
|
50
|
+
"optionItems": {
|
|
51
|
+
"type": "string",
|
|
52
|
+
"required": false,
|
|
53
|
+
"default": "[]"
|
|
54
|
+
},
|
|
55
|
+
"placeholder": {
|
|
56
|
+
"type": "string",
|
|
57
|
+
"required": false,
|
|
58
|
+
"default": "검색하세요"
|
|
59
|
+
},
|
|
60
|
+
"register": {
|
|
61
|
+
"type": "string",
|
|
62
|
+
"required": false
|
|
63
|
+
},
|
|
64
|
+
"required": {
|
|
65
|
+
"type": "string",
|
|
66
|
+
"required": false,
|
|
67
|
+
"default": false
|
|
68
|
+
},
|
|
69
|
+
"searchValue": {
|
|
70
|
+
"type": "string",
|
|
71
|
+
"required": false,
|
|
72
|
+
"default": ""
|
|
73
|
+
},
|
|
74
|
+
"showFooterButtons": {
|
|
75
|
+
"type": "string",
|
|
76
|
+
"required": false,
|
|
77
|
+
"default": false
|
|
78
|
+
},
|
|
79
|
+
"size": {
|
|
80
|
+
"type": "enum",
|
|
81
|
+
"required": false,
|
|
82
|
+
"values": [
|
|
83
|
+
"sm",
|
|
84
|
+
"xs"
|
|
85
|
+
],
|
|
86
|
+
"default": "xs"
|
|
87
|
+
},
|
|
88
|
+
"value": {
|
|
89
|
+
"type": "string",
|
|
90
|
+
"required": false
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
"html": {
|
|
94
|
+
"default": "<div class=\"ncua-combobox\"></div>",
|
|
95
|
+
"size:sm": "<div class=\"ncua-combobox ncua-combobox--sm\"></div>",
|
|
96
|
+
"size:xs": "<div class=\"ncua-combobox ncua-combobox--xs\"></div>"
|
|
97
|
+
},
|
|
98
|
+
"bemClasses": [
|
|
99
|
+
"ncua-combobox",
|
|
100
|
+
"ncua-combobox--disabled",
|
|
101
|
+
"ncua-combobox--open",
|
|
102
|
+
"ncua-combobox--sm",
|
|
103
|
+
"ncua-combobox--xs",
|
|
104
|
+
"ncua-combobox__content",
|
|
105
|
+
"ncua-combobox__tags",
|
|
106
|
+
"ncua-input__icon-wrap ncua-input__right-icon",
|
|
107
|
+
"ncua-select-dropdown__no-results"
|
|
108
|
+
],
|
|
109
|
+
"usage": {
|
|
110
|
+
"import": "import { Combobox } from '@ncds/ui-admin';",
|
|
111
|
+
"react": {
|
|
112
|
+
"default": "<Combobox />",
|
|
113
|
+
"size:sm": "<Combobox size=\"sm\" />",
|
|
114
|
+
"size:xs": "<Combobox size=\"xs\" />"
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "date-picker",
|
|
3
|
+
"description": "NCDS Date Picker 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"className": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"currentDate": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": true
|
|
13
|
+
},
|
|
14
|
+
"datePickerOptions": {
|
|
15
|
+
"type": "string",
|
|
16
|
+
"required": false
|
|
17
|
+
},
|
|
18
|
+
"destructive": {
|
|
19
|
+
"type": "string",
|
|
20
|
+
"required": false
|
|
21
|
+
},
|
|
22
|
+
"isEndDate": {
|
|
23
|
+
"type": "string",
|
|
24
|
+
"required": false,
|
|
25
|
+
"default": false
|
|
26
|
+
},
|
|
27
|
+
"onChangeDate": {
|
|
28
|
+
"type": "string",
|
|
29
|
+
"required": true
|
|
30
|
+
},
|
|
31
|
+
"onValidationError": {
|
|
32
|
+
"type": "string",
|
|
33
|
+
"required": false
|
|
34
|
+
},
|
|
35
|
+
"placeholder": {
|
|
36
|
+
"type": "string",
|
|
37
|
+
"required": false
|
|
38
|
+
},
|
|
39
|
+
"shouldFocus": {
|
|
40
|
+
"type": "string",
|
|
41
|
+
"required": false,
|
|
42
|
+
"default": true
|
|
43
|
+
},
|
|
44
|
+
"size": {
|
|
45
|
+
"type": "enum",
|
|
46
|
+
"required": false,
|
|
47
|
+
"values": [
|
|
48
|
+
"sm",
|
|
49
|
+
"xs"
|
|
50
|
+
],
|
|
51
|
+
"default": "xs"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
"html": {
|
|
55
|
+
"default": "<div class=\"ncua-date-picker\"></div>",
|
|
56
|
+
"size:sm": "<div class=\"ncua-date-picker ncua-date-picker--sm\"></div>",
|
|
57
|
+
"size:xs": "<div class=\"ncua-date-picker ncua-date-picker--xs\"></div>"
|
|
58
|
+
},
|
|
59
|
+
"bemClasses": [
|
|
60
|
+
"ncua-date-picker",
|
|
61
|
+
"ncua-date-picker--destructive",
|
|
62
|
+
"ncua-date-picker--disabled",
|
|
63
|
+
"ncua-date-picker--has-time",
|
|
64
|
+
"ncua-date-picker--sm",
|
|
65
|
+
"ncua-date-picker--xs",
|
|
66
|
+
"ncua-date-picker__destructive",
|
|
67
|
+
"ncua-date-picker__ico",
|
|
68
|
+
"ncua-date-picker__input",
|
|
69
|
+
"ncua-range-date-picker",
|
|
70
|
+
"ncua-range-date-picker-with-buttons"
|
|
71
|
+
],
|
|
72
|
+
"usage": {
|
|
73
|
+
"import": "import { DatePicker } from '@ncds/ui-admin';",
|
|
74
|
+
"react": {
|
|
75
|
+
"default": "<DatePicker currentDate=\"\" onChangeDate=\"\" />",
|
|
76
|
+
"size:sm": "<DatePicker size=\"sm\" currentDate=\"\" onChangeDate=\"\" />",
|
|
77
|
+
"size:xs": "<DatePicker size=\"xs\" currentDate=\"\" onChangeDate=\"\" />"
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "divider",
|
|
3
|
+
"description": "NCDS Divider 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"children": {
|
|
7
|
+
"type": "ReactNode",
|
|
8
|
+
"required": true
|
|
9
|
+
},
|
|
10
|
+
"className": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": false
|
|
13
|
+
},
|
|
14
|
+
"style": {
|
|
15
|
+
"type": "enum",
|
|
16
|
+
"required": false,
|
|
17
|
+
"values": [
|
|
18
|
+
"background-fill",
|
|
19
|
+
"single-line"
|
|
20
|
+
],
|
|
21
|
+
"default": "single-line"
|
|
22
|
+
},
|
|
23
|
+
"type": {
|
|
24
|
+
"type": "enum",
|
|
25
|
+
"required": true,
|
|
26
|
+
"values": [
|
|
27
|
+
"button",
|
|
28
|
+
"button-group",
|
|
29
|
+
"button-group-icon",
|
|
30
|
+
"button-icon",
|
|
31
|
+
"heading",
|
|
32
|
+
"text"
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
"html": {
|
|
37
|
+
"default": "<div class=\"ncua-divider ncua-divider--undefined ncua-divider--single-line\"><div class=\"ncua-divider__line\"></div><div class=\"ncua-divider__content\"></div><div class=\"ncua-divider__line\"></div></div>"
|
|
38
|
+
},
|
|
39
|
+
"bemClasses": [
|
|
40
|
+
"ncua-divider",
|
|
41
|
+
"ncua-divider--background-fill",
|
|
42
|
+
"ncua-divider--button",
|
|
43
|
+
"ncua-divider--button-group",
|
|
44
|
+
"ncua-divider--button-group-icon",
|
|
45
|
+
"ncua-divider--button-icon",
|
|
46
|
+
"ncua-divider--heading",
|
|
47
|
+
"ncua-divider--single-line",
|
|
48
|
+
"ncua-divider--text",
|
|
49
|
+
"ncua-divider__content",
|
|
50
|
+
"ncua-divider__line"
|
|
51
|
+
],
|
|
52
|
+
"usage": {
|
|
53
|
+
"import": "import { Divider } from '@ncds/ui-admin';",
|
|
54
|
+
"react": {
|
|
55
|
+
"default": "<Divider children=\"예시\" type=\"button\" />",
|
|
56
|
+
"style:background-fill": "<Divider style=\"background-fill\" children=\"예시\" type=\"button\" />",
|
|
57
|
+
"style:single-line": "<Divider style=\"single-line\" children=\"예시\" type=\"button\" />",
|
|
58
|
+
"type:button": "<Divider type=\"button\" children=\"예시\" />",
|
|
59
|
+
"type:button-group": "<Divider type=\"button-group\" children=\"예시\" />",
|
|
60
|
+
"type:button-group-icon": "<Divider type=\"button-group-icon\" children=\"예시\" />",
|
|
61
|
+
"type:button-icon": "<Divider type=\"button-icon\" children=\"예시\" />",
|
|
62
|
+
"type:heading": "<Divider type=\"heading\" children=\"예시\" />",
|
|
63
|
+
"type:text": "<Divider type=\"text\" children=\"예시\" />"
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
package/data/dot.json
ADDED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "dot",
|
|
3
|
+
"description": "NCDS Dot 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"className": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"color": {
|
|
11
|
+
"type": "enum",
|
|
12
|
+
"required": false,
|
|
13
|
+
"values": [
|
|
14
|
+
"blue",
|
|
15
|
+
"disabled",
|
|
16
|
+
"error",
|
|
17
|
+
"neutral",
|
|
18
|
+
"pink",
|
|
19
|
+
"success",
|
|
20
|
+
"warning"
|
|
21
|
+
],
|
|
22
|
+
"default": "success"
|
|
23
|
+
},
|
|
24
|
+
"size": {
|
|
25
|
+
"type": "enum",
|
|
26
|
+
"required": false,
|
|
27
|
+
"values": [
|
|
28
|
+
"lg",
|
|
29
|
+
"md",
|
|
30
|
+
"sm"
|
|
31
|
+
],
|
|
32
|
+
"default": "md"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
"html": {
|
|
36
|
+
"default": "<span class=\"ncua-dot ncua-dot--success ncua-dot--md\"></span>"
|
|
37
|
+
},
|
|
38
|
+
"bemClasses": [
|
|
39
|
+
"ncua-dot",
|
|
40
|
+
"ncua-dot--blue",
|
|
41
|
+
"ncua-dot--disabled",
|
|
42
|
+
"ncua-dot--error",
|
|
43
|
+
"ncua-dot--lg",
|
|
44
|
+
"ncua-dot--md",
|
|
45
|
+
"ncua-dot--neutral",
|
|
46
|
+
"ncua-dot--pink",
|
|
47
|
+
"ncua-dot--sm",
|
|
48
|
+
"ncua-dot--success",
|
|
49
|
+
"ncua-dot--warning"
|
|
50
|
+
],
|
|
51
|
+
"usage": {
|
|
52
|
+
"import": "import { Dot } from '@ncds/ui-admin';",
|
|
53
|
+
"react": {
|
|
54
|
+
"default": "<Dot />",
|
|
55
|
+
"color:blue": "<Dot color=\"blue\" />",
|
|
56
|
+
"color:disabled": "<Dot color=\"disabled\" />",
|
|
57
|
+
"color:error": "<Dot color=\"error\" />",
|
|
58
|
+
"color:neutral": "<Dot color=\"neutral\" />",
|
|
59
|
+
"color:pink": "<Dot color=\"pink\" />",
|
|
60
|
+
"color:success": "<Dot color=\"success\" />",
|
|
61
|
+
"color:warning": "<Dot color=\"warning\" />",
|
|
62
|
+
"size:lg": "<Dot size=\"lg\" />",
|
|
63
|
+
"size:md": "<Dot size=\"md\" />",
|
|
64
|
+
"size:sm": "<Dot size=\"sm\" />"
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "dropdown",
|
|
3
|
+
"description": "NCDS Dropdown 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"align": {
|
|
7
|
+
"type": "enum",
|
|
8
|
+
"required": false,
|
|
9
|
+
"values": [
|
|
10
|
+
"left",
|
|
11
|
+
"right"
|
|
12
|
+
],
|
|
13
|
+
"default": "left"
|
|
14
|
+
},
|
|
15
|
+
"className": {
|
|
16
|
+
"type": "string",
|
|
17
|
+
"required": false
|
|
18
|
+
},
|
|
19
|
+
"closeOnClickItem": {
|
|
20
|
+
"type": "string",
|
|
21
|
+
"required": false,
|
|
22
|
+
"default": true
|
|
23
|
+
},
|
|
24
|
+
"closeOnClickOutside": {
|
|
25
|
+
"type": "string",
|
|
26
|
+
"required": false,
|
|
27
|
+
"default": true
|
|
28
|
+
},
|
|
29
|
+
"groups": {
|
|
30
|
+
"type": "string",
|
|
31
|
+
"required": true
|
|
32
|
+
},
|
|
33
|
+
"header": {
|
|
34
|
+
"type": "string",
|
|
35
|
+
"required": false
|
|
36
|
+
},
|
|
37
|
+
"opened": {
|
|
38
|
+
"type": "string",
|
|
39
|
+
"required": false,
|
|
40
|
+
"default": false
|
|
41
|
+
},
|
|
42
|
+
"trigger": {
|
|
43
|
+
"type": "string",
|
|
44
|
+
"required": true
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
"html": {
|
|
48
|
+
"default": "<div class=\"ncua-dropdown\"></div>",
|
|
49
|
+
"align:left": "<div class=\"ncua-dropdown ncua-dropdown--left\"></div>",
|
|
50
|
+
"align:right": "<div class=\"ncua-dropdown ncua-dropdown--right\"></div>"
|
|
51
|
+
},
|
|
52
|
+
"bemClasses": [
|
|
53
|
+
"ncua-dropdown",
|
|
54
|
+
"ncua-dropdown--right",
|
|
55
|
+
"ncua-dropdown__avatar",
|
|
56
|
+
"ncua-dropdown__group",
|
|
57
|
+
"ncua-dropdown__header",
|
|
58
|
+
"ncua-dropdown__header-avatar-group",
|
|
59
|
+
"ncua-dropdown__header-subtitle",
|
|
60
|
+
"ncua-dropdown__header-text",
|
|
61
|
+
"ncua-dropdown__header-title",
|
|
62
|
+
"ncua-dropdown__item",
|
|
63
|
+
"ncua-dropdown__item-clickable-layer",
|
|
64
|
+
"ncua-dropdown__item-content",
|
|
65
|
+
"ncua-dropdown__item-icon",
|
|
66
|
+
"ncua-dropdown__item-shortcut",
|
|
67
|
+
"ncua-dropdown__item-text",
|
|
68
|
+
"ncua-dropdown__item-text-group",
|
|
69
|
+
"ncua-dropdown__menu",
|
|
70
|
+
"ncua-dropdown__menu-items",
|
|
71
|
+
"ncua-dropdown__trigger",
|
|
72
|
+
"ncua-dropdown__trigger ncua-dropdown__trigger--avatar",
|
|
73
|
+
"ncua-dropdown__trigger ncua-dropdown__trigger--button",
|
|
74
|
+
"ncua-dropdown__trigger ncua-dropdown__trigger--icon"
|
|
75
|
+
],
|
|
76
|
+
"usage": {
|
|
77
|
+
"import": "import { Dropdown } from '@ncds/ui-admin';",
|
|
78
|
+
"react": {
|
|
79
|
+
"default": "<Dropdown groups=\"\" trigger=\"\" />",
|
|
80
|
+
"align:left": "<Dropdown align=\"left\" groups=\"\" trigger=\"\" />",
|
|
81
|
+
"align:right": "<Dropdown align=\"right\" groups=\"\" trigger=\"\" />"
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "empty-state",
|
|
3
|
+
"description": "NCDS Empty State 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"buttons": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"description": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": true
|
|
13
|
+
},
|
|
14
|
+
"title": {
|
|
15
|
+
"type": "string",
|
|
16
|
+
"required": true
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
"html": {
|
|
20
|
+
"default": "<div class=\"ncua-empty-state\"><p class=\"ncua-empty-state__title\">데이터가 없습니다</p><span class=\"ncua-empty-state__description\"></span></div>"
|
|
21
|
+
},
|
|
22
|
+
"bemClasses": [
|
|
23
|
+
"ncua-empty-state",
|
|
24
|
+
"ncua-empty-state__button-group",
|
|
25
|
+
"ncua-empty-state__description",
|
|
26
|
+
"ncua-empty-state__title"
|
|
27
|
+
],
|
|
28
|
+
"usage": {
|
|
29
|
+
"import": "import { EmptyState } from '@ncds/ui-admin';",
|
|
30
|
+
"react": {
|
|
31
|
+
"default": "<EmptyState description=\"\" title=\"\" />"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "featured-icon",
|
|
3
|
+
"description": "NCDS Featured Icon 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"className": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"color": {
|
|
11
|
+
"type": "enum",
|
|
12
|
+
"required": false,
|
|
13
|
+
"values": [
|
|
14
|
+
"error",
|
|
15
|
+
"neutral",
|
|
16
|
+
"success",
|
|
17
|
+
"warning"
|
|
18
|
+
],
|
|
19
|
+
"default": "neutral"
|
|
20
|
+
},
|
|
21
|
+
"icon": {
|
|
22
|
+
"type": "string",
|
|
23
|
+
"required": true
|
|
24
|
+
},
|
|
25
|
+
"size": {
|
|
26
|
+
"type": "enum",
|
|
27
|
+
"required": false,
|
|
28
|
+
"values": [
|
|
29
|
+
"lg",
|
|
30
|
+
"md",
|
|
31
|
+
"sm",
|
|
32
|
+
"xl"
|
|
33
|
+
],
|
|
34
|
+
"default": "md"
|
|
35
|
+
},
|
|
36
|
+
"theme": {
|
|
37
|
+
"type": "enum",
|
|
38
|
+
"required": false,
|
|
39
|
+
"values": [
|
|
40
|
+
"dark-circle",
|
|
41
|
+
"light-circle",
|
|
42
|
+
"outline-circle",
|
|
43
|
+
"square-outline"
|
|
44
|
+
],
|
|
45
|
+
"default": "light-circle"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"html": {
|
|
49
|
+
"default": "<div class=\"ncua-featured-icon\"></div>",
|
|
50
|
+
"color:error": "<div class=\"ncua-featured-icon ncua-featured-icon--error\"></div>",
|
|
51
|
+
"color:neutral": "<div class=\"ncua-featured-icon ncua-featured-icon--neutral\"></div>",
|
|
52
|
+
"color:success": "<div class=\"ncua-featured-icon ncua-featured-icon--success\"></div>",
|
|
53
|
+
"color:warning": "<div class=\"ncua-featured-icon ncua-featured-icon--warning\"></div>",
|
|
54
|
+
"size:lg": "<div class=\"ncua-featured-icon ncua-featured-icon--lg\"></div>",
|
|
55
|
+
"size:md": "<div class=\"ncua-featured-icon ncua-featured-icon--md\"></div>",
|
|
56
|
+
"size:sm": "<div class=\"ncua-featured-icon ncua-featured-icon--sm\"></div>",
|
|
57
|
+
"size:xl": "<div class=\"ncua-featured-icon ncua-featured-icon--xl\"></div>",
|
|
58
|
+
"theme:dark-circle": "<div class=\"ncua-featured-icon ncua-featured-icon--dark-circle\"></div>",
|
|
59
|
+
"theme:light-circle": "<div class=\"ncua-featured-icon ncua-featured-icon--light-circle\"></div>",
|
|
60
|
+
"theme:outline-circle": "<div class=\"ncua-featured-icon ncua-featured-icon--outline-circle\"></div>",
|
|
61
|
+
"theme:square-outline": "<div class=\"ncua-featured-icon ncua-featured-icon--square-outline\"></div>"
|
|
62
|
+
},
|
|
63
|
+
"bemClasses": [
|
|
64
|
+
"ncua-featured-icon",
|
|
65
|
+
"ncua-featured-icon--dark-circle",
|
|
66
|
+
"ncua-featured-icon--error",
|
|
67
|
+
"ncua-featured-icon--lg",
|
|
68
|
+
"ncua-featured-icon--light-circle",
|
|
69
|
+
"ncua-featured-icon--md",
|
|
70
|
+
"ncua-featured-icon--neutral",
|
|
71
|
+
"ncua-featured-icon--outline-circle",
|
|
72
|
+
"ncua-featured-icon--sm",
|
|
73
|
+
"ncua-featured-icon--square-outline",
|
|
74
|
+
"ncua-featured-icon--success",
|
|
75
|
+
"ncua-featured-icon--warning",
|
|
76
|
+
"ncua-featured-icon--xl",
|
|
77
|
+
"ncua-featured-icon__outline ncua-featured-icon__outline--inner",
|
|
78
|
+
"ncua-featured-icon__outline ncua-featured-icon__outline--outer"
|
|
79
|
+
],
|
|
80
|
+
"usage": {
|
|
81
|
+
"import": "import { FeaturedIcon } from '@ncds/ui-admin';",
|
|
82
|
+
"react": {
|
|
83
|
+
"default": "<FeaturedIcon icon=\"\" />",
|
|
84
|
+
"color:error": "<FeaturedIcon color=\"error\" icon=\"\" />",
|
|
85
|
+
"color:neutral": "<FeaturedIcon color=\"neutral\" icon=\"\" />",
|
|
86
|
+
"color:success": "<FeaturedIcon color=\"success\" icon=\"\" />",
|
|
87
|
+
"color:warning": "<FeaturedIcon color=\"warning\" icon=\"\" />",
|
|
88
|
+
"size:lg": "<FeaturedIcon size=\"lg\" icon=\"\" />",
|
|
89
|
+
"size:md": "<FeaturedIcon size=\"md\" icon=\"\" />",
|
|
90
|
+
"size:sm": "<FeaturedIcon size=\"sm\" icon=\"\" />",
|
|
91
|
+
"size:xl": "<FeaturedIcon size=\"xl\" icon=\"\" />",
|
|
92
|
+
"theme:dark-circle": "<FeaturedIcon theme=\"dark-circle\" icon=\"\" />",
|
|
93
|
+
"theme:light-circle": "<FeaturedIcon theme=\"light-circle\" icon=\"\" />",
|
|
94
|
+
"theme:outline-circle": "<FeaturedIcon theme=\"outline-circle\" icon=\"\" />",
|
|
95
|
+
"theme:square-outline": "<FeaturedIcon theme=\"square-outline\" icon=\"\" />"
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "file-input",
|
|
3
|
+
"description": "NCDS File Input 컴포넌트",
|
|
4
|
+
"aliases": [],
|
|
5
|
+
"props": {
|
|
6
|
+
"accept": {
|
|
7
|
+
"type": "string",
|
|
8
|
+
"required": false
|
|
9
|
+
},
|
|
10
|
+
"buttonLabel": {
|
|
11
|
+
"type": "string",
|
|
12
|
+
"required": false,
|
|
13
|
+
"default": "파일 찾기"
|
|
14
|
+
},
|
|
15
|
+
"hintItems": {
|
|
16
|
+
"type": "string",
|
|
17
|
+
"required": false
|
|
18
|
+
},
|
|
19
|
+
"hintText": {
|
|
20
|
+
"type": "string",
|
|
21
|
+
"required": false
|
|
22
|
+
},
|
|
23
|
+
"isRequired": {
|
|
24
|
+
"type": "string",
|
|
25
|
+
"required": false
|
|
26
|
+
},
|
|
27
|
+
"maxFileCount": {
|
|
28
|
+
"type": "string",
|
|
29
|
+
"required": false
|
|
30
|
+
},
|
|
31
|
+
"maxFileSize": {
|
|
32
|
+
"type": "string",
|
|
33
|
+
"required": false
|
|
34
|
+
},
|
|
35
|
+
"onChange": {
|
|
36
|
+
"type": "string",
|
|
37
|
+
"required": false
|
|
38
|
+
},
|
|
39
|
+
"onFail": {
|
|
40
|
+
"type": "string",
|
|
41
|
+
"required": false
|
|
42
|
+
},
|
|
43
|
+
"onFileSelect": {
|
|
44
|
+
"type": "string",
|
|
45
|
+
"required": false
|
|
46
|
+
},
|
|
47
|
+
"showHelpIcon": {
|
|
48
|
+
"type": "string",
|
|
49
|
+
"required": false
|
|
50
|
+
},
|
|
51
|
+
"value": {
|
|
52
|
+
"type": "string",
|
|
53
|
+
"required": false
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
"html": {
|
|
57
|
+
"default": "<div class=\"ncua-file-input\"></div>"
|
|
58
|
+
},
|
|
59
|
+
"bemClasses": [
|
|
60
|
+
"ncua-file-input",
|
|
61
|
+
"ncua-file-input__file-image",
|
|
62
|
+
"ncua-file-input__file-tag-container",
|
|
63
|
+
"ncua-file-input__file-tags",
|
|
64
|
+
"ncua-file-input__hint-item",
|
|
65
|
+
"ncua-file-input__hint-list",
|
|
66
|
+
"ncua-file-input__input-container",
|
|
67
|
+
"ncua-file-input__label",
|
|
68
|
+
"ncua-input__help-icon"
|
|
69
|
+
],
|
|
70
|
+
"usage": {
|
|
71
|
+
"import": "import { FileInput } from '@ncds/ui-admin';",
|
|
72
|
+
"react": {
|
|
73
|
+
"default": "<FileInput />"
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|