@ncds/ui-admin-mcp 1.0.0-alpha.2 → 1.0.0-alpha.21

package/data/badge-group.json

@@ -3,7 +3,7 @@
   "exportName": "BadgeGroup",
   "importPath": "@ncds/ui-admin",
   "jsRequired": false,
-  "category": "feedback",
+  "category": "feedback-and-status",
   "description": "BadgeGroup은 Badge 컴포넌트를 그룹화하여 표시하는 컴포넌트입니다. 주로 Badge와 함께 추가적인 라벨과 아이콘을 표시하여 액션유도할 수 있는 아이템으로 활용할 수 있습니다.",
   "aliases": [
     "BadgeGroup",
@@ -58,7 +58,66 @@
     },
     "groupIcon": {
       "type": "object",
-      "required": false
+      "required": false,
+      "rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
+      "properties": {
+        "type": {
+          "type": "string",
+          "required": true,
+          "rawType": "\"icon\""
+        },
+        "icon": {
+          "type": "function",
+          "required": false,
+          "semantic": "icon-component"
+        },
+        "color": {
+          "type": "enum",
+          "required": false,
+          "values": [
+            "black",
+            "blue500",
+            "blue600",
+            "currentColor",
+            "gray100",
+            "gray200",
+            "gray300",
+            "gray400",
+            "gray500",
+            "gray600",
+            "gray700",
+            "green500",
+            "green600",
+            "orange500",
+            "orange600",
+            "pink100",
+            "pink600",
+            "red500",
+            "red600",
+            "secondary-gray-blue-100",
+            "secondary-gray-blue-200",
+            "secondary-gray-blue-300",
+            "secondary-gray-blue-400",
+            "secondary-gray-blue-450",
+            "secondary-gray-blue-50",
+            "secondary-gray-blue-500",
+            "secondary-gray-blue-600",
+            "secondary-gray-blue-700",
+            "violet300",
+            "violet600",
+            "white",
+            "yellow600"
+          ]
+        },
+        "size": {
+          "type": "number",
+          "required": false
+        },
+        "children": {
+          "type": "ReactNode",
+          "required": false
+        }
+      }
     },
     "groupLabel": {
       "type": "string",
@@ -74,7 +133,66 @@
     },
     "leadingIcon": {
       "type": "object",
-      "required": false
+      "required": false,
+      "rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
+      "properties": {
+        "type": {
+          "type": "string",
+          "required": true,
+          "rawType": "\"icon\""
+        },
+        "icon": {
+          "type": "function",
+          "required": false,
+          "semantic": "icon-component"
+        },
+        "color": {
+          "type": "enum",
+          "required": false,
+          "values": [
+            "black",
+            "blue500",
+            "blue600",
+            "currentColor",
+            "gray100",
+            "gray200",
+            "gray300",
+            "gray400",
+            "gray500",
+            "gray600",
+            "gray700",
+            "green500",
+            "green600",
+            "orange500",
+            "orange600",
+            "pink100",
+            "pink600",
+            "red500",
+            "red600",
+            "secondary-gray-blue-100",
+            "secondary-gray-blue-200",
+            "secondary-gray-blue-300",
+            "secondary-gray-blue-400",
+            "secondary-gray-blue-450",
+            "secondary-gray-blue-50",
+            "secondary-gray-blue-500",
+            "secondary-gray-blue-600",
+            "secondary-gray-blue-700",
+            "violet300",
+            "violet600",
+            "white",
+            "yellow600"
+          ]
+        },
+        "size": {
+          "type": "number",
+          "required": false
+        },
+        "children": {
+          "type": "ReactNode",
+          "required": false
+        }
+      }
     },
     "size": {
       "type": "enum",
@@ -92,7 +210,66 @@
     },
     "trailingIcon": {
       "type": "object",
-      "required": false
+      "required": false,
+      "rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
+      "properties": {
+        "type": {
+          "type": "string",
+          "required": true,
+          "rawType": "\"icon\""
+        },
+        "icon": {
+          "type": "function",
+          "required": false,
+          "semantic": "icon-component"
+        },
+        "color": {
+          "type": "enum",
+          "required": false,
+          "values": [
+            "black",
+            "blue500",
+            "blue600",
+            "currentColor",
+            "gray100",
+            "gray200",
+            "gray300",
+            "gray400",
+            "gray500",
+            "gray600",
+            "gray700",
+            "green500",
+            "green600",
+            "orange500",
+            "orange600",
+            "pink100",
+            "pink600",
+            "red500",
+            "red600",
+            "secondary-gray-blue-100",
+            "secondary-gray-blue-200",
+            "secondary-gray-blue-300",
+            "secondary-gray-blue-400",
+            "secondary-gray-blue-450",
+            "secondary-gray-blue-50",
+            "secondary-gray-blue-500",
+            "secondary-gray-blue-600",
+            "secondary-gray-blue-700",
+            "violet300",
+            "violet600",
+            "white",
+            "yellow600"
+          ]
+        },
+        "size": {
+          "type": "number",
+          "required": false
+        },
+        "children": {
+          "type": "ReactNode",
+          "required": false
+        }
+      }
     }
   },
   "html": {},

package/data/badge.json

@@ -3,7 +3,7 @@
   "exportName": "Badge",
   "importPath": "@ncds/ui-admin",
   "jsRequired": false,
-  "category": "feedback",
+  "category": "feedback-and-status",
   "description": "Badge는 상태나 중요성 및 이벤트 강조를 나타내는 레이블이며 빠른 인식을 제공해야 합니다.",
   "aliases": [
     "Badge",
@@ -19,27 +19,41 @@
     "dot",
     "강조",
     "읽기전용",
+    "Icon_new",
+    "icon-new",
+    "new-badge",
+    "new-mark",
+    "newMark",
+    "NEW 뱃지",
+    "NEW 배지",
+    "N 뱃지",
+    "N 배지",
+    "N 표시",
+    "New표시",
+    "신규표시",
+    "신규 뱃지",
+    "신규 마크",
+    "신규 아이콘",
+    "new 아이콘",
     "NCDS"
   ],
   "hasChildren": false,
-  "whenToUse": [
-    "읽기 전용 상태 표시 레이블",
-    "정보의 상태/중요도/이벤트를 시각적으로 빠르게 전달"
-  ],
+  "whenToUse": [],
   "forbiddenRules": [
     "클릭 액션 부여 금지",
     "과도한 컬러 남용 금지",
     "의미 없는 Badge 사용 금지",
-    "텍스트 과다 금지(2~4자 권장)",
+    "텍스트 과다 금지",
     "이미지 삽입 금지",
-    "임의 아이콘 금지(SideSlotType 구조체만 사용)",
-    "컬러 의미 혼용 금지"
+    "임의 아이콘 금지",
+    "컬러 의미 혼용 금지",
+    "상태 표시에 Tag 사용 금지",
+    "테이블 내 xs 외 사이즈 사용 금지"
   ],
   "seeAlso": [
+    "icon",
     "horizontal-tab",
-    "vertical-tab",
-    "badge-group",
-    "tag"
+    "vertical-tab"
   ],
   "props": {
     "className": {
@@ -66,7 +80,66 @@
     },
     "leadingIcon": {
       "type": "object",
-      "required": false
+      "required": false,
+      "rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
+      "properties": {
+        "type": {
+          "type": "string",
+          "required": true,
+          "rawType": "\"icon\""
+        },
+        "icon": {
+          "type": "function",
+          "required": false,
+          "semantic": "icon-component"
+        },
+        "color": {
+          "type": "enum",
+          "required": false,
+          "values": [
+            "black",
+            "blue500",
+            "blue600",
+            "currentColor",
+            "gray100",
+            "gray200",
+            "gray300",
+            "gray400",
+            "gray500",
+            "gray600",
+            "gray700",
+            "green500",
+            "green600",
+            "orange500",
+            "orange600",
+            "pink100",
+            "pink600",
+            "red500",
+            "red600",
+            "secondary-gray-blue-100",
+            "secondary-gray-blue-200",
+            "secondary-gray-blue-300",
+            "secondary-gray-blue-400",
+            "secondary-gray-blue-450",
+            "secondary-gray-blue-50",
+            "secondary-gray-blue-500",
+            "secondary-gray-blue-600",
+            "secondary-gray-blue-700",
+            "violet300",
+            "violet600",
+            "white",
+            "yellow600"
+          ]
+        },
+        "size": {
+          "type": "number",
+          "required": false
+        },
+        "children": {
+          "type": "ReactNode",
+          "required": false
+        }
+      }
     },
     "size": {
       "type": "enum",
@@ -76,11 +149,70 @@
         "sm",
         "xs"
       ],
-      "default": "sm"
+      "default": "xs"
     },
     "trailingIcon": {
       "type": "object",
-      "required": false
+      "required": false,
+      "rawType": "import(\"/Users/nhn/Project/ncds/packages/ui-admin/src/types/side-slot\").SideSlotType | undefined",
+      "properties": {
+        "type": {
+          "type": "string",
+          "required": true,
+          "rawType": "\"icon\""
+        },
+        "icon": {
+          "type": "function",
+          "required": false,
+          "semantic": "icon-component"
+        },
+        "color": {
+          "type": "enum",
+          "required": false,
+          "values": [
+            "black",
+            "blue500",
+            "blue600",
+            "currentColor",
+            "gray100",
+            "gray200",
+            "gray300",
+            "gray400",
+            "gray500",
+            "gray600",
+            "gray700",
+            "green500",
+            "green600",
+            "orange500",
+            "orange600",
+            "pink100",
+            "pink600",
+            "red500",
+            "red600",
+            "secondary-gray-blue-100",
+            "secondary-gray-blue-200",
+            "secondary-gray-blue-300",
+            "secondary-gray-blue-400",
+            "secondary-gray-blue-450",
+            "secondary-gray-blue-50",
+            "secondary-gray-blue-500",
+            "secondary-gray-blue-600",
+            "secondary-gray-blue-700",
+            "violet300",
+            "violet600",
+            "white",
+            "yellow600"
+          ]
+        },
+        "size": {
+          "type": "number",
+          "required": false
+        },
+        "children": {
+          "type": "ReactNode",
+          "required": false
+        }
+      }
     },
     "type": {
       "type": "enum",

package/data/block-container.json

@@ -0,0 +1,95 @@
+{
+  "name": "block-container",
+  "exportName": "BlockContainer",
+  "importPath": "@ncds/ui-admin",
+  "jsRequired": false,
+  "category": "layout",
+  "description": "Block은 하나의 UX 목적을 수행하는 독립된 레이아웃 단위입니다.",
+  "aliases": [
+    "Block",
+    "BlockContainer",
+    "블록",
+    "블록컨테이너",
+    "Block Header",
+    "Block Body",
+    "Default Block",
+    "Interactive Block",
+    "Collapsible Block",
+    "Split Layout",
+    "병렬배치",
+    "레이아웃",
+    "그룹화",
+    "위계",
+    "고정블록",
+    "block-fixed-sm",
+    "block-fixed-md",
+    "block-fixed-lg",
+    "Tree Block",
+    "Stepper",
+    "Preview",
+    "NCDS"
+  ],
+  "hasChildren": true,
+  "whenToUse": [
+    "하나의 블록은 하나의 UX 목적만 가진다"
+  ],
+  "forbiddenRules": [
+    "하나의 Block에 두 개 이상의 목적 혼합 금지",
+    "Block 내부에 또 다른 카드 스타일 중첩 지양",
+    "Block Border 색상 변경 금지",
+    "임의 Shadow 추가 금지",
+    "블록 간 구분선 사용 금지",
+    "블록 고정 높이 사용 금지",
+    "Block Header 생략 금지"
+  ],
+  "seeAlso": [
+    "block-header",
+    "tooltip",
+    "form",
+    "table",
+    "tab",
+    "card",
+    "inline-guide"
+  ],
+  "htmlElement": "section",
+  "usageExamples": {
+    "default": {
+      "children": "BlockHeader + BlockContainer.Body 구성"
+    }
+  },
+  "props": {
+    "children": {
+      "type": "ReactNode",
+      "required": true
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "subComponents": {
+    "BlockContainer.Body": {
+      "props": {
+        "children": {
+          "type": "ReactNode",
+          "required": true
+        },
+        "className": {
+          "type": "string",
+          "required": false
+        }
+      }
+    }
+  },
+  "html": {},
+  "bemClasses": [
+    "ncua-block-container",
+    "ncua-block-container__body"
+  ],
+  "usage": {
+    "import": "import { BlockContainer } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<BlockContainer children=\"예시\" />"
+    }
+  }
+}