@ncds/ui-admin-mcp 1.0.0-alpha.2 → 1.0.0-alpha.21
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/README.md +3 -3
- package/bin/components.bundle.js +18 -9
- package/bin/definitions/external/editor.d.ts +50 -0
- package/bin/definitions/external/editor.js +53 -0
- package/bin/definitions/external/step-guide.d.ts +61 -0
- package/bin/definitions/external/step-guide.js +52 -0
- package/bin/definitions/instructions.md +194 -10
- package/bin/definitions/js-api.json +352 -0
- package/bin/definitions/rules.json +36 -4
- package/bin/definitions/tool-definitions.json +33 -9
- package/bin/overrides/composition.json +2473 -0
- package/bin/server.d.ts +5 -0
- package/bin/server.js +97 -33
- package/bin/server.mjs +0 -0
- package/bin/tools/external/editor.d.ts +18 -0
- package/bin/tools/external/editor.js +88 -0
- package/bin/tools/external/step-guide.d.ts +19 -0
- package/bin/tools/external/step-guide.js +79 -0
- package/bin/tools/getComponentProps.d.ts +3 -0
- package/bin/tools/getComponentProps.js +12 -3
- package/bin/tools/listCompositionOverrides.d.ts +61 -0
- package/bin/tools/listCompositionOverrides.js +156 -0
- package/bin/tools/listSidecarOverrides.d.ts +54 -0
- package/bin/tools/listSidecarOverrides.js +96 -0
- package/bin/tools/ping.d.ts +1 -1
- package/bin/tools/renderToHtml.d.ts +38 -7
- package/bin/tools/renderToHtml.js +785 -110
- package/bin/tools/searchComponent.d.ts +5 -0
- package/bin/tools/searchComponent.js +3 -3
- package/bin/tools/validateHtml.d.ts +8 -6
- package/bin/tools/validateHtml.js +74 -6
- package/bin/types.d.ts +60 -1
- package/bin/utils/bemValidator.d.ts +16 -8
- package/bin/utils/bemValidator.js +16 -4
- package/bin/utils/compliance.d.ts +7 -6
- package/bin/utils/compliance.js +8 -4
- package/bin/utils/dataLoader.d.ts +43 -14
- package/bin/utils/dataLoader.js +125 -22
- package/bin/utils/domEnvironment.js +51 -0
- package/bin/utils/fuzzyMatch.d.ts +4 -0
- package/bin/utils/fuzzyMatch.js +13 -3
- package/bin/utils/logger.d.ts +5 -5
- package/bin/utils/logger.js +5 -5
- package/bin/utils/response.d.ts +4 -2
- package/bin/utils/response.js +15 -4
- package/bin/utils/tokenValidator.d.ts +4 -3
- package/bin/utils/tokenValidator.js +13 -11
- package/bin/version.d.ts +4 -2
- package/bin/version.js +4 -2
- package/data/_icons.json +357 -2
- package/data/_meta.json +4 -5
- package/data/_tokens.json +8 -8
- package/data/badge-group.json +181 -4
- package/data/badge.json +146 -14
- package/data/block-container.json +95 -0
- package/data/block-header.json +208 -0
- package/data/bread-crumb.json +38 -2
- package/data/button-group.json +59 -0
- package/data/button.json +124 -1
- package/data/carousel-arrow.json +6 -11
- package/data/carousel-number-group.json +2 -12
- package/data/checkbox.json +1 -1
- package/data/combo-box.json +36 -8
- package/data/data-grid.json +240 -0
- package/data/date-picker.json +22 -2
- package/data/divider.json +1 -1
- package/data/dot.json +2 -2
- package/data/dropdown.json +187 -20
- package/data/editor.json +85 -0
- package/data/empty-state.json +168 -3
- package/data/featured-icon.json +20 -5
- package/data/file-input.json +176 -10
- package/data/horizontal-tab.json +219 -3
- package/data/image-file-input.json +177 -10
- package/data/input-base.json +165 -4
- package/data/modal.json +266 -5
- package/data/notification.json +56 -40
- package/data/number-input.json +164 -4
- package/data/page-title.json +135 -0
- package/data/pagination.json +8 -4
- package/data/password-input.json +252 -13
- package/data/progress-bar.json +28 -8
- package/data/progress-circle.json +9 -6
- package/data/radio.json +4 -3
- package/data/range-date-picker-with-buttons.json +187 -7
- package/data/range-date-picker.json +186 -6
- package/data/select-box.json +52 -16
- package/data/select.json +35 -25
- package/data/slider.json +1 -1
- package/data/spinner.json +3 -4
- package/data/step-guide.json +130 -0
- package/data/switch.json +66 -6
- package/data/table.json +293 -0
- package/data/tag.json +68 -6
- package/data/textarea.json +1 -1
- package/data/toggle.json +2 -2
- package/data/tooltip.json +20 -3
- package/data/vertical-tab.json +220 -3
- package/package.json +28 -26
- package/templates/README.md +1 -1
- package/bin/instructions.d.ts +0 -1
- package/bin/instructions.js +0 -14
- package/bin/tools/getComponentHtml.d.ts +0 -3
- package/bin/tools/getComponentHtml.js +0 -30
package/data/horizontal-tab.json
CHANGED
|
@@ -58,9 +58,226 @@
|
|
|
58
58
|
"default": false
|
|
59
59
|
},
|
|
60
60
|
"menus": {
|
|
61
|
-
"type": "
|
|
61
|
+
"type": "object",
|
|
62
62
|
"required": false,
|
|
63
|
-
"rawType": "import(\"/Users/
|
|
63
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/tab/TabButton\").TabButtonProps[] | undefined",
|
|
64
|
+
"properties": {
|
|
65
|
+
"id": {
|
|
66
|
+
"type": "string",
|
|
67
|
+
"required": false
|
|
68
|
+
},
|
|
69
|
+
"label": {
|
|
70
|
+
"type": "string",
|
|
71
|
+
"required": false
|
|
72
|
+
},
|
|
73
|
+
"size": {
|
|
74
|
+
"type": "enum",
|
|
75
|
+
"required": false,
|
|
76
|
+
"values": [
|
|
77
|
+
"lg",
|
|
78
|
+
"md",
|
|
79
|
+
"sm"
|
|
80
|
+
]
|
|
81
|
+
},
|
|
82
|
+
"tabButtonType": {
|
|
83
|
+
"type": "enum",
|
|
84
|
+
"required": false,
|
|
85
|
+
"values": [
|
|
86
|
+
"button-primary",
|
|
87
|
+
"button-white",
|
|
88
|
+
"line-vertical",
|
|
89
|
+
"underline",
|
|
90
|
+
"underline-fill"
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
"isActive": {
|
|
94
|
+
"type": "boolean",
|
|
95
|
+
"required": false
|
|
96
|
+
},
|
|
97
|
+
"badgeInfo": {
|
|
98
|
+
"type": "object",
|
|
99
|
+
"required": false,
|
|
100
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/components/feedback-and-status/badge/Badge\").BadgeProps | undefined",
|
|
101
|
+
"properties": {
|
|
102
|
+
"label": {
|
|
103
|
+
"type": "string",
|
|
104
|
+
"required": true
|
|
105
|
+
},
|
|
106
|
+
"type": {
|
|
107
|
+
"type": "enum",
|
|
108
|
+
"required": false,
|
|
109
|
+
"values": [
|
|
110
|
+
"pill-dark-color",
|
|
111
|
+
"pill-outline"
|
|
112
|
+
]
|
|
113
|
+
},
|
|
114
|
+
"color": {
|
|
115
|
+
"type": "enum",
|
|
116
|
+
"required": false,
|
|
117
|
+
"values": [
|
|
118
|
+
"blue",
|
|
119
|
+
"disabled",
|
|
120
|
+
"error",
|
|
121
|
+
"neutral",
|
|
122
|
+
"pink",
|
|
123
|
+
"success",
|
|
124
|
+
"warning"
|
|
125
|
+
]
|
|
126
|
+
},
|
|
127
|
+
"className": {
|
|
128
|
+
"type": "string",
|
|
129
|
+
"required": false
|
|
130
|
+
},
|
|
131
|
+
"leadingIcon": {
|
|
132
|
+
"type": "object",
|
|
133
|
+
"required": false,
|
|
134
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
|
|
135
|
+
"properties": {
|
|
136
|
+
"type": {
|
|
137
|
+
"type": "string",
|
|
138
|
+
"required": true,
|
|
139
|
+
"rawType": "\"icon\""
|
|
140
|
+
},
|
|
141
|
+
"icon": {
|
|
142
|
+
"type": "function",
|
|
143
|
+
"required": false,
|
|
144
|
+
"semantic": "icon-component"
|
|
145
|
+
},
|
|
146
|
+
"color": {
|
|
147
|
+
"type": "enum",
|
|
148
|
+
"required": false,
|
|
149
|
+
"values": [
|
|
150
|
+
"black",
|
|
151
|
+
"blue500",
|
|
152
|
+
"blue600",
|
|
153
|
+
"currentColor",
|
|
154
|
+
"gray100",
|
|
155
|
+
"gray200",
|
|
156
|
+
"gray300",
|
|
157
|
+
"gray400",
|
|
158
|
+
"gray500",
|
|
159
|
+
"gray600",
|
|
160
|
+
"gray700",
|
|
161
|
+
"green500",
|
|
162
|
+
"green600",
|
|
163
|
+
"orange500",
|
|
164
|
+
"orange600",
|
|
165
|
+
"pink100",
|
|
166
|
+
"pink600",
|
|
167
|
+
"red500",
|
|
168
|
+
"red600",
|
|
169
|
+
"secondary-gray-blue-100",
|
|
170
|
+
"secondary-gray-blue-200",
|
|
171
|
+
"secondary-gray-blue-300",
|
|
172
|
+
"secondary-gray-blue-400",
|
|
173
|
+
"secondary-gray-blue-450",
|
|
174
|
+
"secondary-gray-blue-50",
|
|
175
|
+
"secondary-gray-blue-500",
|
|
176
|
+
"secondary-gray-blue-600",
|
|
177
|
+
"secondary-gray-blue-700",
|
|
178
|
+
"violet300",
|
|
179
|
+
"violet600",
|
|
180
|
+
"white",
|
|
181
|
+
"yellow600"
|
|
182
|
+
]
|
|
183
|
+
},
|
|
184
|
+
"size": {
|
|
185
|
+
"type": "number",
|
|
186
|
+
"required": false
|
|
187
|
+
},
|
|
188
|
+
"children": {
|
|
189
|
+
"type": "ReactNode",
|
|
190
|
+
"required": false
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
},
|
|
194
|
+
"trailingIcon": {
|
|
195
|
+
"type": "object",
|
|
196
|
+
"required": false,
|
|
197
|
+
"rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
|
|
198
|
+
"properties": {
|
|
199
|
+
"type": {
|
|
200
|
+
"type": "string",
|
|
201
|
+
"required": true,
|
|
202
|
+
"rawType": "\"icon\""
|
|
203
|
+
},
|
|
204
|
+
"icon": {
|
|
205
|
+
"type": "function",
|
|
206
|
+
"required": false,
|
|
207
|
+
"semantic": "icon-component"
|
|
208
|
+
},
|
|
209
|
+
"color": {
|
|
210
|
+
"type": "enum",
|
|
211
|
+
"required": false,
|
|
212
|
+
"values": [
|
|
213
|
+
"black",
|
|
214
|
+
"blue500",
|
|
215
|
+
"blue600",
|
|
216
|
+
"currentColor",
|
|
217
|
+
"gray100",
|
|
218
|
+
"gray200",
|
|
219
|
+
"gray300",
|
|
220
|
+
"gray400",
|
|
221
|
+
"gray500",
|
|
222
|
+
"gray600",
|
|
223
|
+
"gray700",
|
|
224
|
+
"green500",
|
|
225
|
+
"green600",
|
|
226
|
+
"orange500",
|
|
227
|
+
"orange600",
|
|
228
|
+
"pink100",
|
|
229
|
+
"pink600",
|
|
230
|
+
"red500",
|
|
231
|
+
"red600",
|
|
232
|
+
"secondary-gray-blue-100",
|
|
233
|
+
"secondary-gray-blue-200",
|
|
234
|
+
"secondary-gray-blue-300",
|
|
235
|
+
"secondary-gray-blue-400",
|
|
236
|
+
"secondary-gray-blue-450",
|
|
237
|
+
"secondary-gray-blue-50",
|
|
238
|
+
"secondary-gray-blue-500",
|
|
239
|
+
"secondary-gray-blue-600",
|
|
240
|
+
"secondary-gray-blue-700",
|
|
241
|
+
"violet300",
|
|
242
|
+
"violet600",
|
|
243
|
+
"white",
|
|
244
|
+
"yellow600"
|
|
245
|
+
]
|
|
246
|
+
},
|
|
247
|
+
"size": {
|
|
248
|
+
"type": "number",
|
|
249
|
+
"required": false
|
|
250
|
+
},
|
|
251
|
+
"children": {
|
|
252
|
+
"type": "ReactNode",
|
|
253
|
+
"required": false
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
},
|
|
257
|
+
"size": {
|
|
258
|
+
"type": "enum",
|
|
259
|
+
"required": false,
|
|
260
|
+
"values": [
|
|
261
|
+
"md",
|
|
262
|
+
"sm",
|
|
263
|
+
"xs"
|
|
264
|
+
]
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
},
|
|
268
|
+
"className": {
|
|
269
|
+
"type": "string",
|
|
270
|
+
"required": false
|
|
271
|
+
},
|
|
272
|
+
"children": {
|
|
273
|
+
"type": "ReactNode",
|
|
274
|
+
"required": false
|
|
275
|
+
},
|
|
276
|
+
"onClick": {
|
|
277
|
+
"type": "function",
|
|
278
|
+
"required": false
|
|
279
|
+
}
|
|
280
|
+
},
|
|
64
281
|
"default": "[]"
|
|
65
282
|
},
|
|
66
283
|
"size": {
|
|
@@ -90,7 +307,6 @@
|
|
|
90
307
|
"ncua-horizontal-tab",
|
|
91
308
|
"ncua-horizontal-tab--button-primary",
|
|
92
309
|
"ncua-horizontal-tab--button-white",
|
|
93
|
-
"ncua-horizontal-tab--fullWidth",
|
|
94
310
|
"ncua-horizontal-tab--lg",
|
|
95
311
|
"ncua-horizontal-tab--md",
|
|
96
312
|
"ncua-horizontal-tab--sm",
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
"exportName": "ImageFileInput",
|
|
4
4
|
"importPath": "@ncds/ui-admin",
|
|
5
5
|
"jsRequired": true,
|
|
6
|
-
"category": "input",
|
|
7
|
-
"description": "상품 이미지 등 시각적으로 참조되어야 하는 이미지 업로드 영역에 사용되는
|
|
6
|
+
"category": "forms-and-input",
|
|
7
|
+
"description": "ImageFileInput은 상품 이미지 등 시각적으로 참조되어야 하는 이미지 업로드 영역에 사용되는 컴포넌트입니다.",
|
|
8
8
|
"aliases": [
|
|
9
9
|
"이미지파일인풋",
|
|
10
10
|
"ImageFileInput",
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
"썸네일",
|
|
13
13
|
"미리보기",
|
|
14
14
|
"이미지첨부",
|
|
15
|
+
"컴포넌트",
|
|
15
16
|
"파일찾기",
|
|
16
17
|
"업로드",
|
|
17
18
|
"accept",
|
|
@@ -26,9 +27,7 @@
|
|
|
26
27
|
],
|
|
27
28
|
"hasChildren": false,
|
|
28
29
|
"whenToUse": [
|
|
29
|
-
"썸네일 중심 UI를 기본으로
|
|
30
|
-
"이미지 업로드와 미리보기가 필요한 경우",
|
|
31
|
-
"일반 파일이 아닌 이미지 전용 업로드 영역"
|
|
30
|
+
"ImageFileInput은 썸네일 중심 UI를 기본으로 하며, 이미지 비율 왜곡 없이 중앙 정렬하고, 삭제는 Hover 시에만 노출합니다"
|
|
32
31
|
],
|
|
33
32
|
"forbiddenRules": [
|
|
34
33
|
"단일 영역에서 다중 이미지 누적 금지",
|
|
@@ -39,7 +38,9 @@
|
|
|
39
38
|
"제한 정책 안내 없이 업로드 허용 금지"
|
|
40
39
|
],
|
|
41
40
|
"seeAlso": [
|
|
42
|
-
"file-input"
|
|
41
|
+
"file-input",
|
|
42
|
+
"button",
|
|
43
|
+
"tooltip"
|
|
43
44
|
],
|
|
44
45
|
"props": {
|
|
45
46
|
"accept": {
|
|
@@ -59,8 +60,12 @@
|
|
|
59
60
|
"type": "boolean",
|
|
60
61
|
"required": false
|
|
61
62
|
},
|
|
63
|
+
"fullWidth": {
|
|
64
|
+
"type": "boolean",
|
|
65
|
+
"required": false
|
|
66
|
+
},
|
|
62
67
|
"hintItems": {
|
|
63
|
-
"type": "
|
|
68
|
+
"type": "object",
|
|
64
69
|
"required": false,
|
|
65
70
|
"rawType": "string[] | undefined"
|
|
66
71
|
},
|
|
@@ -83,7 +88,81 @@
|
|
|
83
88
|
},
|
|
84
89
|
"leadingElement": {
|
|
85
90
|
"type": "object",
|
|
86
|
-
"required": false
|
|
91
|
+
"required": false,
|
|
92
|
+
"properties": {
|
|
93
|
+
"type": {
|
|
94
|
+
"type": "string",
|
|
95
|
+
"required": true,
|
|
96
|
+
"rawType": "\"text\""
|
|
97
|
+
},
|
|
98
|
+
"text": {
|
|
99
|
+
"type": "string",
|
|
100
|
+
"required": false
|
|
101
|
+
},
|
|
102
|
+
"icon": {
|
|
103
|
+
"type": "function",
|
|
104
|
+
"required": false,
|
|
105
|
+
"semantic": "icon-component"
|
|
106
|
+
},
|
|
107
|
+
"size": {
|
|
108
|
+
"type": "number",
|
|
109
|
+
"required": false
|
|
110
|
+
},
|
|
111
|
+
"color": {
|
|
112
|
+
"type": "enum",
|
|
113
|
+
"required": false,
|
|
114
|
+
"values": [
|
|
115
|
+
"black",
|
|
116
|
+
"blue500",
|
|
117
|
+
"blue600",
|
|
118
|
+
"currentColor",
|
|
119
|
+
"gray100",
|
|
120
|
+
"gray200",
|
|
121
|
+
"gray300",
|
|
122
|
+
"gray400",
|
|
123
|
+
"gray500",
|
|
124
|
+
"gray600",
|
|
125
|
+
"gray700",
|
|
126
|
+
"green500",
|
|
127
|
+
"green600",
|
|
128
|
+
"orange500",
|
|
129
|
+
"orange600",
|
|
130
|
+
"pink100",
|
|
131
|
+
"pink600",
|
|
132
|
+
"red500",
|
|
133
|
+
"red600",
|
|
134
|
+
"secondary-gray-blue-100",
|
|
135
|
+
"secondary-gray-blue-200",
|
|
136
|
+
"secondary-gray-blue-300",
|
|
137
|
+
"secondary-gray-blue-400",
|
|
138
|
+
"secondary-gray-blue-450",
|
|
139
|
+
"secondary-gray-blue-50",
|
|
140
|
+
"secondary-gray-blue-500",
|
|
141
|
+
"secondary-gray-blue-600",
|
|
142
|
+
"secondary-gray-blue-700",
|
|
143
|
+
"violet300",
|
|
144
|
+
"violet600",
|
|
145
|
+
"white",
|
|
146
|
+
"yellow600"
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
"className": {
|
|
150
|
+
"type": "string",
|
|
151
|
+
"required": false
|
|
152
|
+
},
|
|
153
|
+
"children": {
|
|
154
|
+
"type": "ReactNode",
|
|
155
|
+
"required": false
|
|
156
|
+
},
|
|
157
|
+
"placement": {
|
|
158
|
+
"type": "enum",
|
|
159
|
+
"required": false,
|
|
160
|
+
"values": [
|
|
161
|
+
"inside",
|
|
162
|
+
"outside"
|
|
163
|
+
]
|
|
164
|
+
}
|
|
165
|
+
}
|
|
87
166
|
},
|
|
88
167
|
"maxFileCount": {
|
|
89
168
|
"type": "number",
|
|
@@ -97,6 +176,11 @@
|
|
|
97
176
|
"type": "number",
|
|
98
177
|
"required": false
|
|
99
178
|
},
|
|
179
|
+
"multiple": {
|
|
180
|
+
"type": "boolean",
|
|
181
|
+
"required": false,
|
|
182
|
+
"default": false
|
|
183
|
+
},
|
|
100
184
|
"onChange": {
|
|
101
185
|
"type": "function",
|
|
102
186
|
"required": false
|
|
@@ -147,14 +231,96 @@
|
|
|
147
231
|
},
|
|
148
232
|
"trailingElement": {
|
|
149
233
|
"type": "object",
|
|
150
|
-
"required": false
|
|
234
|
+
"required": false,
|
|
235
|
+
"properties": {
|
|
236
|
+
"type": {
|
|
237
|
+
"type": "string",
|
|
238
|
+
"required": true,
|
|
239
|
+
"rawType": "\"icon\""
|
|
240
|
+
},
|
|
241
|
+
"icon": {
|
|
242
|
+
"type": "function",
|
|
243
|
+
"required": false,
|
|
244
|
+
"semantic": "icon-component"
|
|
245
|
+
},
|
|
246
|
+
"size": {
|
|
247
|
+
"type": "number",
|
|
248
|
+
"required": false
|
|
249
|
+
},
|
|
250
|
+
"color": {
|
|
251
|
+
"type": "enum",
|
|
252
|
+
"required": false,
|
|
253
|
+
"values": [
|
|
254
|
+
"black",
|
|
255
|
+
"blue500",
|
|
256
|
+
"blue600",
|
|
257
|
+
"currentColor",
|
|
258
|
+
"gray100",
|
|
259
|
+
"gray200",
|
|
260
|
+
"gray300",
|
|
261
|
+
"gray400",
|
|
262
|
+
"gray500",
|
|
263
|
+
"gray600",
|
|
264
|
+
"gray700",
|
|
265
|
+
"green500",
|
|
266
|
+
"green600",
|
|
267
|
+
"orange500",
|
|
268
|
+
"orange600",
|
|
269
|
+
"pink100",
|
|
270
|
+
"pink600",
|
|
271
|
+
"red500",
|
|
272
|
+
"red600",
|
|
273
|
+
"secondary-gray-blue-100",
|
|
274
|
+
"secondary-gray-blue-200",
|
|
275
|
+
"secondary-gray-blue-300",
|
|
276
|
+
"secondary-gray-blue-400",
|
|
277
|
+
"secondary-gray-blue-450",
|
|
278
|
+
"secondary-gray-blue-50",
|
|
279
|
+
"secondary-gray-blue-500",
|
|
280
|
+
"secondary-gray-blue-600",
|
|
281
|
+
"secondary-gray-blue-700",
|
|
282
|
+
"violet300",
|
|
283
|
+
"violet600",
|
|
284
|
+
"white",
|
|
285
|
+
"yellow600"
|
|
286
|
+
]
|
|
287
|
+
},
|
|
288
|
+
"className": {
|
|
289
|
+
"type": "string",
|
|
290
|
+
"required": false
|
|
291
|
+
},
|
|
292
|
+
"children": {
|
|
293
|
+
"type": "ReactNode",
|
|
294
|
+
"required": false
|
|
295
|
+
},
|
|
296
|
+
"placement": {
|
|
297
|
+
"type": "enum",
|
|
298
|
+
"required": false,
|
|
299
|
+
"values": [
|
|
300
|
+
"inside",
|
|
301
|
+
"outside"
|
|
302
|
+
]
|
|
303
|
+
},
|
|
304
|
+
"label": {
|
|
305
|
+
"type": "string",
|
|
306
|
+
"required": false
|
|
307
|
+
},
|
|
308
|
+
"isSubmit": {
|
|
309
|
+
"type": "boolean",
|
|
310
|
+
"required": false
|
|
311
|
+
},
|
|
312
|
+
"onClick": {
|
|
313
|
+
"type": "function",
|
|
314
|
+
"required": false
|
|
315
|
+
}
|
|
316
|
+
}
|
|
151
317
|
},
|
|
152
318
|
"validation": {
|
|
153
319
|
"type": "boolean",
|
|
154
320
|
"required": false
|
|
155
321
|
},
|
|
156
322
|
"value": {
|
|
157
|
-
"type": "
|
|
323
|
+
"type": "object",
|
|
158
324
|
"required": false,
|
|
159
325
|
"rawType": "File[] | undefined"
|
|
160
326
|
}
|
|
@@ -172,6 +338,7 @@
|
|
|
172
338
|
"ncua-image-file-input__empty-slot-wrapper",
|
|
173
339
|
"ncua-image-file-input__preview-container",
|
|
174
340
|
"ncua-image-file-input__previews",
|
|
341
|
+
"ncua-image-file-input__slot-tooltip",
|
|
175
342
|
"ncua-input__help-icon"
|
|
176
343
|
],
|
|
177
344
|
"usage": {
|
package/data/input-base.json
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
"exportName": "InputBase",
|
|
4
4
|
"importPath": "@ncds/ui-admin",
|
|
5
5
|
"jsRequired": false,
|
|
6
|
-
"category": "input",
|
|
6
|
+
"category": "forms-and-input",
|
|
7
7
|
"description": "Input은 사용자에게 텍스트 데이터를 입력받는 UI 요소로, 다양한 사이즈와 상태를 지원하며 입력 필드 앞뒤로 아이콘, 텍스트, 버튼 등의 요소를 배치할 수 있습니다.",
|
|
8
8
|
"aliases": [
|
|
9
9
|
"인풋",
|
|
10
|
-
"
|
|
10
|
+
"Input",
|
|
11
11
|
"InputBase",
|
|
12
12
|
"PasswordInput",
|
|
13
13
|
"텍스트입력",
|
|
@@ -58,6 +58,11 @@
|
|
|
58
58
|
"type": "boolean",
|
|
59
59
|
"required": false
|
|
60
60
|
},
|
|
61
|
+
"fullWidth": {
|
|
62
|
+
"type": "boolean",
|
|
63
|
+
"required": false,
|
|
64
|
+
"default": false
|
|
65
|
+
},
|
|
61
66
|
"hintText": {
|
|
62
67
|
"type": "string",
|
|
63
68
|
"required": false
|
|
@@ -68,7 +73,81 @@
|
|
|
68
73
|
},
|
|
69
74
|
"leadingElement": {
|
|
70
75
|
"type": "object",
|
|
71
|
-
"required": false
|
|
76
|
+
"required": false,
|
|
77
|
+
"properties": {
|
|
78
|
+
"type": {
|
|
79
|
+
"type": "string",
|
|
80
|
+
"required": true,
|
|
81
|
+
"rawType": "\"text\""
|
|
82
|
+
},
|
|
83
|
+
"text": {
|
|
84
|
+
"type": "string",
|
|
85
|
+
"required": false
|
|
86
|
+
},
|
|
87
|
+
"icon": {
|
|
88
|
+
"type": "function",
|
|
89
|
+
"required": false,
|
|
90
|
+
"semantic": "icon-component"
|
|
91
|
+
},
|
|
92
|
+
"size": {
|
|
93
|
+
"type": "number",
|
|
94
|
+
"required": false
|
|
95
|
+
},
|
|
96
|
+
"color": {
|
|
97
|
+
"type": "enum",
|
|
98
|
+
"required": false,
|
|
99
|
+
"values": [
|
|
100
|
+
"black",
|
|
101
|
+
"blue500",
|
|
102
|
+
"blue600",
|
|
103
|
+
"currentColor",
|
|
104
|
+
"gray100",
|
|
105
|
+
"gray200",
|
|
106
|
+
"gray300",
|
|
107
|
+
"gray400",
|
|
108
|
+
"gray500",
|
|
109
|
+
"gray600",
|
|
110
|
+
"gray700",
|
|
111
|
+
"green500",
|
|
112
|
+
"green600",
|
|
113
|
+
"orange500",
|
|
114
|
+
"orange600",
|
|
115
|
+
"pink100",
|
|
116
|
+
"pink600",
|
|
117
|
+
"red500",
|
|
118
|
+
"red600",
|
|
119
|
+
"secondary-gray-blue-100",
|
|
120
|
+
"secondary-gray-blue-200",
|
|
121
|
+
"secondary-gray-blue-300",
|
|
122
|
+
"secondary-gray-blue-400",
|
|
123
|
+
"secondary-gray-blue-450",
|
|
124
|
+
"secondary-gray-blue-50",
|
|
125
|
+
"secondary-gray-blue-500",
|
|
126
|
+
"secondary-gray-blue-600",
|
|
127
|
+
"secondary-gray-blue-700",
|
|
128
|
+
"violet300",
|
|
129
|
+
"violet600",
|
|
130
|
+
"white",
|
|
131
|
+
"yellow600"
|
|
132
|
+
]
|
|
133
|
+
},
|
|
134
|
+
"className": {
|
|
135
|
+
"type": "string",
|
|
136
|
+
"required": false
|
|
137
|
+
},
|
|
138
|
+
"children": {
|
|
139
|
+
"type": "ReactNode",
|
|
140
|
+
"required": false
|
|
141
|
+
},
|
|
142
|
+
"placement": {
|
|
143
|
+
"type": "enum",
|
|
144
|
+
"required": false,
|
|
145
|
+
"values": [
|
|
146
|
+
"inside",
|
|
147
|
+
"outside"
|
|
148
|
+
]
|
|
149
|
+
}
|
|
150
|
+
}
|
|
72
151
|
},
|
|
73
152
|
"maxLength": {
|
|
74
153
|
"type": "number",
|
|
@@ -101,7 +180,89 @@
|
|
|
101
180
|
},
|
|
102
181
|
"trailingElement": {
|
|
103
182
|
"type": "object",
|
|
104
|
-
"required": false
|
|
183
|
+
"required": false,
|
|
184
|
+
"properties": {
|
|
185
|
+
"type": {
|
|
186
|
+
"type": "string",
|
|
187
|
+
"required": true,
|
|
188
|
+
"rawType": "\"icon\""
|
|
189
|
+
},
|
|
190
|
+
"icon": {
|
|
191
|
+
"type": "function",
|
|
192
|
+
"required": false,
|
|
193
|
+
"semantic": "icon-component"
|
|
194
|
+
},
|
|
195
|
+
"size": {
|
|
196
|
+
"type": "number",
|
|
197
|
+
"required": false
|
|
198
|
+
},
|
|
199
|
+
"color": {
|
|
200
|
+
"type": "enum",
|
|
201
|
+
"required": false,
|
|
202
|
+
"values": [
|
|
203
|
+
"black",
|
|
204
|
+
"blue500",
|
|
205
|
+
"blue600",
|
|
206
|
+
"currentColor",
|
|
207
|
+
"gray100",
|
|
208
|
+
"gray200",
|
|
209
|
+
"gray300",
|
|
210
|
+
"gray400",
|
|
211
|
+
"gray500",
|
|
212
|
+
"gray600",
|
|
213
|
+
"gray700",
|
|
214
|
+
"green500",
|
|
215
|
+
"green600",
|
|
216
|
+
"orange500",
|
|
217
|
+
"orange600",
|
|
218
|
+
"pink100",
|
|
219
|
+
"pink600",
|
|
220
|
+
"red500",
|
|
221
|
+
"red600",
|
|
222
|
+
"secondary-gray-blue-100",
|
|
223
|
+
"secondary-gray-blue-200",
|
|
224
|
+
"secondary-gray-blue-300",
|
|
225
|
+
"secondary-gray-blue-400",
|
|
226
|
+
"secondary-gray-blue-450",
|
|
227
|
+
"secondary-gray-blue-50",
|
|
228
|
+
"secondary-gray-blue-500",
|
|
229
|
+
"secondary-gray-blue-600",
|
|
230
|
+
"secondary-gray-blue-700",
|
|
231
|
+
"violet300",
|
|
232
|
+
"violet600",
|
|
233
|
+
"white",
|
|
234
|
+
"yellow600"
|
|
235
|
+
]
|
|
236
|
+
},
|
|
237
|
+
"className": {
|
|
238
|
+
"type": "string",
|
|
239
|
+
"required": false
|
|
240
|
+
},
|
|
241
|
+
"children": {
|
|
242
|
+
"type": "ReactNode",
|
|
243
|
+
"required": false
|
|
244
|
+
},
|
|
245
|
+
"placement": {
|
|
246
|
+
"type": "enum",
|
|
247
|
+
"required": false,
|
|
248
|
+
"values": [
|
|
249
|
+
"inside",
|
|
250
|
+
"outside"
|
|
251
|
+
]
|
|
252
|
+
},
|
|
253
|
+
"label": {
|
|
254
|
+
"type": "string",
|
|
255
|
+
"required": false
|
|
256
|
+
},
|
|
257
|
+
"isSubmit": {
|
|
258
|
+
"type": "boolean",
|
|
259
|
+
"required": false
|
|
260
|
+
},
|
|
261
|
+
"onClick": {
|
|
262
|
+
"type": "function",
|
|
263
|
+
"required": false
|
|
264
|
+
}
|
|
265
|
+
}
|
|
105
266
|
},
|
|
106
267
|
"validation": {
|
|
107
268
|
"type": "boolean",
|