@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.
Files changed (72) hide show
  1. package/bin/server.d.ts +1 -0
  2. package/bin/server.js +67 -0
  3. package/bin/server.mjs +8 -0
  4. package/bin/tools/getComponentHtml.d.ts +3 -0
  5. package/bin/tools/getComponentHtml.js +30 -0
  6. package/bin/tools/getComponentProps.d.ts +3 -0
  7. package/bin/tools/getComponentProps.js +16 -0
  8. package/bin/tools/listComponents.d.ts +3 -0
  9. package/bin/tools/listComponents.js +15 -0
  10. package/bin/tools/ping.d.ts +11 -0
  11. package/bin/tools/ping.js +30 -0
  12. package/bin/tools/searchComponent.d.ts +3 -0
  13. package/bin/tools/searchComponent.js +20 -0
  14. package/bin/tools/validateHtml.d.ts +10 -0
  15. package/bin/tools/validateHtml.js +142 -0
  16. package/bin/types.d.ts +28 -0
  17. package/bin/types.js +5 -0
  18. package/bin/utils/dataLoader.d.ts +11 -0
  19. package/bin/utils/dataLoader.js +68 -0
  20. package/bin/utils/logger.d.ts +18 -0
  21. package/bin/utils/logger.js +27 -0
  22. package/bin/utils/response.d.ts +23 -0
  23. package/bin/utils/response.js +31 -0
  24. package/bin/version.d.ts +1 -0
  25. package/bin/version.js +4 -0
  26. package/data/_meta.json +7 -0
  27. package/data/badge-group.json +81 -0
  28. package/data/badge.json +101 -0
  29. package/data/bread-crumb.json +22 -0
  30. package/data/breadcrumb.json +31 -0
  31. package/data/button-group.json +70 -0
  32. package/data/button.json +119 -0
  33. package/data/carousel-arrow.json +65 -0
  34. package/data/carousel-number-group.json +62 -0
  35. package/data/carousel.json +22 -0
  36. package/data/checkbox.json +31 -0
  37. package/data/combobox.json +117 -0
  38. package/data/date-picker.json +80 -0
  39. package/data/divider.json +66 -0
  40. package/data/dot.json +67 -0
  41. package/data/dropdown.json +84 -0
  42. package/data/empty-state.json +34 -0
  43. package/data/featured-icon.json +98 -0
  44. package/data/file-input.json +76 -0
  45. package/data/horizontal-tab.json +80 -0
  46. package/data/image-file-input.json +97 -0
  47. package/data/input.json +107 -0
  48. package/data/modal.json +91 -0
  49. package/data/notification.json +126 -0
  50. package/data/number-input.json +134 -0
  51. package/data/pagination.json +68 -0
  52. package/data/password-input.json +47 -0
  53. package/data/progress-bar.json +56 -0
  54. package/data/progress-circle.json +63 -0
  55. package/data/radio.json +31 -0
  56. package/data/range-date-picker-with-buttons.json +64 -0
  57. package/data/range-date-picker.json +58 -0
  58. package/data/select-dropdown.json +32 -0
  59. package/data/select.json +77 -0
  60. package/data/selectbox.json +139 -0
  61. package/data/slider.json +62 -0
  62. package/data/spinner.json +60 -0
  63. package/data/switch.json +71 -0
  64. package/data/tab.json +140 -0
  65. package/data/tag.json +69 -0
  66. package/data/textarea.json +91 -0
  67. package/data/toggle.json +62 -0
  68. package/data/tooltip.json +148 -0
  69. package/data/vertical-tab.json +71 -0
  70. package/package.json +35 -0
  71. package/templates/.mcp.json.example +8 -0
  72. 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
+ }