@ncds/ui-admin-mcp 1.6.4-alpha.2

package/data/horizontal-tab.json

@@ -0,0 +1,80 @@
+{
+  "name": "horizontal-tab",
+  "description": "NCDS Horizontal Tab 컴포넌트",
+  "aliases": [],
+  "props": {
+    "activeTab": {
+      "type": "string",
+      "required": false
+    },
+    "fullWidth": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "menus": {
+      "type": "string",
+      "required": false,
+      "default": "[]"
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "lg",
+        "md",
+        "sm"
+      ],
+      "default": "sm"
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "button-primary",
+        "button-white",
+        "underline",
+        "underline-fill"
+      ],
+      "default": "button-primary"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-horizontal-tab\"></div>",
+    "size:lg": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--lg\"></div>",
+    "size:md": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--md\"></div>",
+    "size:sm": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--sm\"></div>",
+    "type:button-primary": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--button-primary\"></div>",
+    "type:button-white": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--button-white\"></div>",
+    "type:underline": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--underline\"></div>",
+    "type:underline-fill": "<div class=\"ncua-horizontal-tab ncua-horizontal-tab--underline-fill\"></div>"
+  },
+  "bemClasses": [
+    "ncua-horizontal-tab",
+    "ncua-horizontal-tab--button-primary",
+    "ncua-horizontal-tab--button-white",
+    "ncua-horizontal-tab--fullWidth",
+    "ncua-horizontal-tab--lg",
+    "ncua-horizontal-tab--md",
+    "ncua-horizontal-tab--sm",
+    "ncua-horizontal-tab--underline",
+    "ncua-horizontal-tab--underline-fill",
+    "ncua-horizontal-tab__item",
+    "ncua-tab-button",
+    "ncua-tab-close",
+    "ncua-vertical-tab"
+  ],
+  "usage": {
+    "import": "import { HorizontalTab } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<HorizontalTab />",
+      "size:lg": "<HorizontalTab size=\"lg\" />",
+      "size:md": "<HorizontalTab size=\"md\" />",
+      "size:sm": "<HorizontalTab size=\"sm\" />",
+      "type:button-primary": "<HorizontalTab type=\"button-primary\" />",
+      "type:button-white": "<HorizontalTab type=\"button-white\" />",
+      "type:underline": "<HorizontalTab type=\"underline\" />",
+      "type:underline-fill": "<HorizontalTab type=\"underline-fill\" />"
+    }
+  }
+}

package/data/image-file-input.json

@@ -0,0 +1,97 @@
+{
+  "name": "image-file-input",
+  "description": "NCDS Image File Input 컴포넌트",
+  "aliases": [],
+  "props": {
+    "accept": {
+      "type": "string",
+      "required": false
+    },
+    "buttonLabel": {
+      "type": "string",
+      "required": false,
+      "default": "파일 찾기"
+    },
+    "hintItems": {
+      "type": "string",
+      "required": false
+    },
+    "hintText": {
+      "type": "string",
+      "required": false
+    },
+    "imagePreviewTooltipLabel": {
+      "type": "string",
+      "required": false,
+      "default": "이미지 업로드"
+    },
+    "isRequired": {
+      "type": "string",
+      "required": false
+    },
+    "maxFileCount": {
+      "type": "string",
+      "required": false
+    },
+    "maxFileSize": {
+      "type": "string",
+      "required": false
+    },
+    "onChange": {
+      "type": "string",
+      "required": false
+    },
+    "onFail": {
+      "type": "string",
+      "required": false
+    },
+    "onFileSelect": {
+      "type": "string",
+      "required": false
+    },
+    "showFileInput": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "showFileTagList": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "showHelpIcon": {
+      "type": "string",
+      "required": false
+    },
+    "showHintText": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "value": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-file-input\"></div>"
+  },
+  "bemClasses": [
+    "ncua-file-input",
+    "ncua-file-input__hint-item",
+    "ncua-file-input__hint-list",
+    "ncua-file-input__input-container",
+    "ncua-file-input__label",
+    "ncua-image-file-input",
+    "ncua-image-file-input__empty-slot-wrapper",
+    "ncua-image-file-input__preview-container",
+    "ncua-image-file-input__previews",
+    "ncua-input__help-icon"
+  ],
+  "usage": {
+    "import": "import { ImageFileInput } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<ImageFileInput />"
+    }
+  }
+}

package/data/input.json

@@ -0,0 +1,107 @@
+{
+  "name": "input",
+  "description": "NCDS Input 컴포넌트",
+  "aliases": [],
+  "props": {
+    "destructive": {
+      "type": "string",
+      "required": false
+    },
+    "disabled": {
+      "type": "string",
+      "required": false
+    },
+    "hintText": {
+      "type": "string",
+      "required": false
+    },
+    "label": {
+      "type": "string",
+      "required": false
+    },
+    "leadingElement": {
+      "type": "string",
+      "required": false
+    },
+    "maxLength": {
+      "type": "string",
+      "required": false
+    },
+    "required": {
+      "type": "string",
+      "required": false
+    },
+    "showHelpIcon": {
+      "type": "string",
+      "required": false
+    },
+    "showTextCount": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "sm",
+        "xs"
+      ],
+      "default": "xs"
+    },
+    "trailingElement": {
+      "type": "string",
+      "required": false
+    },
+    "validation": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-input ncua-input--xs\"><div class=\"ncua-input__content-wrap\"><div class=\"ncua-input__content\"><div class=\"ncua-input__field ncua-input__field--xs\"><input type=\"text\" placeholder=\"텍스트를 입력하세요\"/></div></div></div></div>",
+    "size:sm": "<div class=\"ncua-input ncua-input--sm\"><div class=\"ncua-input__content-wrap\"><div class=\"ncua-input__content\"><div class=\"ncua-input__field ncua-input__field--sm\"><input type=\"text\" placeholder=\"텍스트를 입력하세요\"/></div></div></div></div>",
+    "size:md": "<div class=\"ncua-input ncua-input--md\"><div class=\"ncua-input__content-wrap\"><div class=\"ncua-input__content\"><div class=\"ncua-input__field ncua-input__field--md\"><input type=\"text\" placeholder=\"텍스트를 입력하세요\"/></div></div></div></div>"
+  },
+  "bemClasses": [
+    "ncua-input",
+    "ncua-input--sm",
+    "ncua-input--textarea",
+    "ncua-input--xs",
+    "ncua-input__",
+    "ncua-input__button",
+    "ncua-input__clear",
+    "ncua-input__clear-icon",
+    "ncua-input__content",
+    "ncua-input__content-wrap",
+    "ncua-input__destructive-icon",
+    "ncua-input__field",
+    "ncua-input__field-text-count",
+    "ncua-input__field-text-count-current",
+    "ncua-input__help-icon",
+    "ncua-input__hint-text",
+    "ncua-input__icon-wrap",
+    "ncua-input__icon-wrap ncua-input__right-icon",
+    "ncua-input__label",
+    "ncua-input__leading-text",
+    "ncua-input__leading-text-wrap",
+    "ncua-input__number",
+    "ncua-input__password-icon",
+    "ncua-input__right-icon",
+    "ncua-input__stepper-button-group",
+    "ncua-input__text-count",
+    "ncua-input__text-count-text",
+    "ncua-input__text-count-text-count",
+    "ncua-input__text-count-wrap",
+    "ncua-input__textarea",
+    "ncua-input__trailing-button",
+    "ncua-input__validation-icon"
+  ],
+  "usage": {
+    "import": "import { Input } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Input />",
+      "size:sm": "<Input size=\"sm\" />",
+      "size:xs": "<Input size=\"xs\" />"
+    }
+  }
+}

package/data/modal.json

@@ -0,0 +1,91 @@
+{
+  "name": "modal",
+  "description": "NCDS Modal 컴포넌트",
+  "aliases": [],
+  "props": {
+    "children": {
+      "type": "ReactNode",
+      "required": true
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "closeOnBackdropClick": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "closeOnEsc": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "isOpen": {
+      "type": "boolean",
+      "required": true
+    },
+    "onClose": {
+      "type": "string",
+      "required": true
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "2xl",
+        "lg",
+        "md",
+        "sm",
+        "xl"
+      ],
+      "default": "md"
+    },
+    "zIndex": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-modal\"></div>",
+    "size:2xl": "<div class=\"ncua-modal ncua-modal--2xl\"></div>",
+    "size:lg": "<div class=\"ncua-modal ncua-modal--lg\"></div>",
+    "size:md": "<div class=\"ncua-modal ncua-modal--md\"></div>",
+    "size:sm": "<div class=\"ncua-modal ncua-modal--sm\"></div>",
+    "size:xl": "<div class=\"ncua-modal ncua-modal--xl\"></div>"
+  },
+  "bemClasses": [
+    "ncua-modal",
+    "ncua-modal--2xl",
+    "ncua-modal--lg",
+    "ncua-modal--md",
+    "ncua-modal--sm",
+    "ncua-modal--xl",
+    "ncua-modal-backdrop",
+    "ncua-modal__actions",
+    "ncua-modal__actions-checkbox",
+    "ncua-modal__actions-checkbox-content",
+    "ncua-modal__actions-divider",
+    "ncua-modal__actions-wrapper",
+    "ncua-modal__actions-wrapper--checkbox",
+    "ncua-modal__close-button",
+    "ncua-modal__content",
+    "ncua-modal__header",
+    "ncua-modal__header--close-button",
+    "ncua-modal__header-divider",
+    "ncua-modal__title",
+    "ncua-modal__title-subtitle",
+    "ncua-modal__title-text"
+  ],
+  "usage": {
+    "import": "import { Modal } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Modal children=\"예시\" isOpen onClose=\"\" />",
+      "size:2xl": "<Modal size=\"2xl\" children=\"예시\" isOpen onClose=\"\" />",
+      "size:lg": "<Modal size=\"lg\" children=\"예시\" isOpen onClose=\"\" />",
+      "size:md": "<Modal size=\"md\" children=\"예시\" isOpen onClose=\"\" />",
+      "size:sm": "<Modal size=\"sm\" children=\"예시\" isOpen onClose=\"\" />",
+      "size:xl": "<Modal size=\"xl\" children=\"예시\" isOpen onClose=\"\" />"
+    }
+  }
+}

package/data/notification.json

@@ -0,0 +1,126 @@
+{
+  "name": "notification",
+  "description": "NCDS Notification 컴포넌트",
+  "aliases": [],
+  "props": {
+    "actions": {
+      "type": "string",
+      "required": false
+    },
+    "autoClose": {
+      "type": "string",
+      "required": false,
+      "default": 0
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "color": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "error",
+        "info",
+        "neutral",
+        "success",
+        "warning"
+      ],
+      "default": "neutral"
+    },
+    "icon": {
+      "type": "string",
+      "required": false
+    },
+    "onClose": {
+      "type": "string",
+      "required": false
+    },
+    "onHidePermanently": {
+      "type": "string",
+      "required": false
+    },
+    "supportingText": {
+      "type": "string",
+      "required": false
+    },
+    "title": {
+      "type": "ReactNode",
+      "required": true
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "floating",
+        "full-width",
+        "message"
+      ],
+      "default": "floating"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-floating-notification ncua-floating-notification--neutral\" role=\"alert\" message=\"알림 메시지\"><div class=\"ncua-floating-notification__content\"><div class=\"ncua-floating-notification__container\"><div class=\"ncua-featured-icon ncua-featured-icon--dark-circle ncua-featured-icon--neutral ncua-featured-icon--sm\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"none\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.377 15.616 2.72 21.273m8.974-14.631-1.56 1.56a2 2 0 0 1-.264.242 1 1 0 0 1-.207.111c-.082.032-.17.05-.347.085l-3.665.733c-.952.19-1.428.286-1.65.537a1 1 0 0 0-.243.8c.046.333.39.677 1.076 1.363l7.086 7.086c.686.687 1.03 1.03 1.362 1.076a1 1 0 0 0 .801-.242c.251-.223.346-.7.537-1.651l.733-3.665c.035-.176.053-.265.085-.347a1 1 0 0 1 .11-.207c.051-.072.115-.136.242-.263l1.561-1.561c.082-.082.122-.122.167-.158q.06-.047.126-.085c.05-.029.103-.051.208-.097l2.495-1.069c.727-.312 1.091-.467 1.256-.72a1 1 0 0 0 .144-.747c-.06-.295-.34-.575-.9-1.135l-5.142-5.143c-.56-.56-.84-.84-1.135-.9a1 1 0 0 0-.748.145c-.252.165-.407.529-.72 1.256l-1.068 2.495a2 2 0 0 1-.097.208 1 1 0 0 1-.085.126 2 2 0 0 1-.158.167\"></path></svg></div><div class=\"ncua-floating-notification__text-container\"><div class=\"ncua-floating-notification__title-wrapper\"><span class=\"ncua-floating-notification__title\"></span></div></div></div></div></div>"
+  },
+  "bemClasses": [
+    "ncua-floating-notification",
+    "ncua-floating-notification--error",
+    "ncua-floating-notification--floating",
+    "ncua-floating-notification--full-width",
+    "ncua-floating-notification--info",
+    "ncua-floating-notification--message",
+    "ncua-floating-notification--neutral",
+    "ncua-floating-notification--success",
+    "ncua-floating-notification--warning",
+    "ncua-floating-notification__actions",
+    "ncua-floating-notification__close-button",
+    "ncua-floating-notification__container",
+    "ncua-floating-notification__content",
+    "ncua-floating-notification__supporting-text",
+    "ncua-floating-notification__text-container",
+    "ncua-floating-notification__title",
+    "ncua-floating-notification__title-wrapper",
+    "ncua-full-width-notification",
+    "ncua-full-width-notification__actions",
+    "ncua-full-width-notification__actions-container",
+    "ncua-full-width-notification__close-button",
+    "ncua-full-width-notification__container",
+    "ncua-full-width-notification__content",
+    "ncua-full-width-notification__content-wrapper",
+    "ncua-full-width-notification__icon",
+    "ncua-full-width-notification__link",
+    "ncua-full-width-notification__supporting-text",
+    "ncua-full-width-notification__text-container",
+    "ncua-full-width-notification__title",
+    "ncua-message-notification",
+    "ncua-message-notification__actions",
+    "ncua-message-notification__actions-container",
+    "ncua-message-notification__close-button",
+    "ncua-message-notification__container",
+    "ncua-message-notification__content",
+    "ncua-message-notification__content-wrapper",
+    "ncua-message-notification__footer-container",
+    "ncua-message-notification__hide-link",
+    "ncua-message-notification__icon",
+    "ncua-message-notification__supporting-text",
+    "ncua-message-notification__text-container",
+    "ncua-message-notification__title",
+    "ncua-notification__action-button",
+    "ncua-notification__action-button--link",
+    "ncua-notification__action-button--text"
+  ],
+  "usage": {
+    "import": "import { Notification } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Notification title=\"예시\" />",
+      "color:error": "<Notification color=\"error\" title=\"예시\" />",
+      "color:info": "<Notification color=\"info\" title=\"예시\" />",
+      "color:neutral": "<Notification color=\"neutral\" title=\"예시\" />",
+      "color:success": "<Notification color=\"success\" title=\"예시\" />",
+      "color:warning": "<Notification color=\"warning\" title=\"예시\" />",
+      "type:floating": "<Notification type=\"floating\" title=\"예시\" />",
+      "type:full-width": "<Notification type=\"full-width\" title=\"예시\" />",
+      "type:message": "<Notification type=\"message\" title=\"예시\" />"
+    }
+  }
+}

package/data/number-input.json

@@ -0,0 +1,134 @@
+{
+  "name": "number-input",
+  "description": "NCDS Number Input 컴포넌트",
+  "aliases": [],
+  "props": {
+    "destructive": {
+      "type": "string",
+      "required": false
+    },
+    "disabled": {
+      "type": "string",
+      "required": false
+    },
+    "hintText": {
+      "type": "string",
+      "required": false
+    },
+    "label": {
+      "type": "string",
+      "required": false
+    },
+    "leadingElement": {
+      "type": "string",
+      "required": false
+    },
+    "maxLength": {
+      "type": "string",
+      "required": false
+    },
+    "maxValue": {
+      "type": "string",
+      "required": false
+    },
+    "minValue": {
+      "type": "string",
+      "required": false
+    },
+    "required": {
+      "type": "string",
+      "required": false
+    },
+    "showHelpIcon": {
+      "type": "string",
+      "required": false
+    },
+    "showTextCount": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "sm",
+        "xs"
+      ],
+      "default": "xs"
+    },
+    "step": {
+      "type": "string",
+      "required": false,
+      "default": 1
+    },
+    "stepperPosition": {
+      "type": "enum",
+      "required": true,
+      "values": [
+        "leading",
+        "trailing"
+      ]
+    },
+    "trailingElement": {
+      "type": "string",
+      "required": false
+    },
+    "validation": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-input\"></div>",
+    "size:sm": "<div class=\"ncua-input ncua-input--sm\"></div>",
+    "size:xs": "<div class=\"ncua-input ncua-input--xs\"></div>",
+    "stepperPosition:leading": "<div class=\"ncua-input ncua-input--leading\"></div>",
+    "stepperPosition:trailing": "<div class=\"ncua-input ncua-input--trailing\"></div>"
+  },
+  "bemClasses": [
+    "ncua-input",
+    "ncua-input--leading",
+    "ncua-input--sm",
+    "ncua-input--textarea",
+    "ncua-input--trailing",
+    "ncua-input--xs",
+    "ncua-input__",
+    "ncua-input__button",
+    "ncua-input__clear",
+    "ncua-input__clear-icon",
+    "ncua-input__content",
+    "ncua-input__content-wrap",
+    "ncua-input__destructive-icon",
+    "ncua-input__field",
+    "ncua-input__field-text-count",
+    "ncua-input__field-text-count-current",
+    "ncua-input__help-icon",
+    "ncua-input__hint-text",
+    "ncua-input__icon-wrap",
+    "ncua-input__icon-wrap ncua-input__right-icon",
+    "ncua-input__label",
+    "ncua-input__leading-text",
+    "ncua-input__leading-text-wrap",
+    "ncua-input__number",
+    "ncua-input__password-icon",
+    "ncua-input__right-icon",
+    "ncua-input__stepper-button-group",
+    "ncua-input__text-count",
+    "ncua-input__text-count-text",
+    "ncua-input__text-count-text-count",
+    "ncua-input__text-count-wrap",
+    "ncua-input__textarea",
+    "ncua-input__trailing-button",
+    "ncua-input__validation-icon"
+  ],
+  "usage": {
+    "import": "import { NumberInput } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<NumberInput stepperPosition=\"leading\" />",
+      "size:sm": "<NumberInput size=\"sm\" stepperPosition=\"leading\" />",
+      "size:xs": "<NumberInput size=\"xs\" stepperPosition=\"leading\" />",
+      "stepperPosition:leading": "<NumberInput stepperPosition=\"leading\" />",
+      "stepperPosition:trailing": "<NumberInput stepperPosition=\"trailing\" />"
+    }
+  }
+}