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

package/data/badge-group.json

@@ -0,0 +1,81 @@
+{
+  "name": "badge-group",
+  "description": "NCDS Badge Group 컴포넌트",
+  "aliases": [],
+  "props": {
+    "color": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "error",
+        "neutral",
+        "success",
+        "warning"
+      ],
+      "default": "neutral"
+    },
+    "groupClassName": {
+      "type": "string",
+      "required": false
+    },
+    "groupIcon": {
+      "type": "string",
+      "required": false
+    },
+    "groupLabel": {
+      "type": "string",
+      "required": true
+    },
+    "href": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "sm",
+        "xs"
+      ],
+      "default": "sm"
+    },
+    "target": {
+      "type": "string",
+      "required": false,
+      "default": "_blank"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-badge\"></div>",
+    "color:error": "<div class=\"ncua-badge ncua-badge--error\"></div>",
+    "color:neutral": "<div class=\"ncua-badge ncua-badge--neutral\"></div>",
+    "color:success": "<div class=\"ncua-badge ncua-badge--success\"></div>",
+    "color:warning": "<div class=\"ncua-badge ncua-badge--warning\"></div>",
+    "size:sm": "<div class=\"ncua-badge ncua-badge--sm\"></div>",
+    "size:xs": "<div class=\"ncua-badge ncua-badge--xs\"></div>"
+  },
+  "bemClasses": [
+    "ncua-badge",
+    "ncua-badge--error",
+    "ncua-badge--neutral",
+    "ncua-badge--sm",
+    "ncua-badge--success",
+    "ncua-badge--warning",
+    "ncua-badge--xs",
+    "ncua-badge-group",
+    "ncua-badge-group__label",
+    "ncua-badge__label"
+  ],
+  "usage": {
+    "import": "import { BadgeGroup } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<BadgeGroup groupLabel=\"\" />",
+      "color:error": "<BadgeGroup color=\"error\" groupLabel=\"\" />",
+      "color:neutral": "<BadgeGroup color=\"neutral\" groupLabel=\"\" />",
+      "color:success": "<BadgeGroup color=\"success\" groupLabel=\"\" />",
+      "color:warning": "<BadgeGroup color=\"warning\" groupLabel=\"\" />",
+      "size:sm": "<BadgeGroup size=\"sm\" groupLabel=\"\" />",
+      "size:xs": "<BadgeGroup size=\"xs\" groupLabel=\"\" />"
+    }
+  }
+}

package/data/badge.json

@@ -0,0 +1,101 @@
+{
+  "name": "badge",
+  "description": "NCDS Badge 컴포넌트",
+  "aliases": [],
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "color": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "blue",
+        "disabled",
+        "error",
+        "neutral",
+        "pink",
+        "success",
+        "warning"
+      ],
+      "default": "neutral"
+    },
+    "label": {
+      "type": "string",
+      "required": true
+    },
+    "leadingIcon": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "md",
+        "sm",
+        "xs"
+      ],
+      "default": "sm"
+    },
+    "trailingIcon": {
+      "type": "string",
+      "required": false
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "pill-dark-color",
+        "pill-outline"
+      ],
+      "default": "pill-outline"
+    }
+  },
+  "html": {
+    "default": "<span class=\"ncua-badge ncua-badge--pill-outline ncua-badge--neutral ncua-badge--sm\"><span class=\"ncua-badge__label\"></span></span>",
+    "type:pill-outline": "<span class=\"ncua-badge ncua-badge--pill-outline ncua-badge--neutral ncua-badge--sm\"><span class=\"ncua-badge__label\"></span></span>",
+    "type:pill-dark-color": "<span class=\"ncua-badge ncua-badge--pill-dark-color ncua-badge--neutral ncua-badge--sm\"><span class=\"ncua-badge__label\"></span></span>",
+    "color:error": "<span class=\"ncua-badge ncua-badge--pill-outline ncua-badge--error ncua-badge--sm\"><span class=\"ncua-badge__label\"></span></span>",
+    "color:success": "<span class=\"ncua-badge ncua-badge--pill-outline ncua-badge--success ncua-badge--sm\"><span class=\"ncua-badge__label\"></span></span>",
+    "size:xs": "<span class=\"ncua-badge ncua-badge--pill-outline ncua-badge--neutral ncua-badge--xs\"><span class=\"ncua-badge__label\"></span></span>",
+    "size:md": "<span class=\"ncua-badge ncua-badge--pill-outline ncua-badge--neutral ncua-badge--md\"><span class=\"ncua-badge__label\"></span></span>"
+  },
+  "bemClasses": [
+    "ncua-badge",
+    "ncua-badge--blue",
+    "ncua-badge--disabled",
+    "ncua-badge--error",
+    "ncua-badge--md",
+    "ncua-badge--neutral",
+    "ncua-badge--pill-dark-color",
+    "ncua-badge--pill-outline",
+    "ncua-badge--pink",
+    "ncua-badge--sm",
+    "ncua-badge--success",
+    "ncua-badge--warning",
+    "ncua-badge--xs",
+    "ncua-badge-group",
+    "ncua-badge-group__label",
+    "ncua-badge__label"
+  ],
+  "usage": {
+    "import": "import { Badge } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Badge label=\"\" />",
+      "color:blue": "<Badge color=\"blue\" label=\"\" />",
+      "color:disabled": "<Badge color=\"disabled\" label=\"\" />",
+      "color:error": "<Badge color=\"error\" label=\"\" />",
+      "color:neutral": "<Badge color=\"neutral\" label=\"\" />",
+      "color:pink": "<Badge color=\"pink\" label=\"\" />",
+      "color:success": "<Badge color=\"success\" label=\"\" />",
+      "color:warning": "<Badge color=\"warning\" label=\"\" />",
+      "size:md": "<Badge size=\"md\" label=\"\" />",
+      "size:sm": "<Badge size=\"sm\" label=\"\" />",
+      "size:xs": "<Badge size=\"xs\" label=\"\" />",
+      "type:pill-dark-color": "<Badge type=\"pill-dark-color\" label=\"\" />",
+      "type:pill-outline": "<Badge type=\"pill-outline\" label=\"\" />"
+    }
+  }
+}

package/data/bread-crumb.json

@@ -0,0 +1,22 @@
+{
+  "name": "bread-crumb",
+  "description": "NCDS Bread Crumb 컴포넌트",
+  "aliases": [],
+  "props": {},
+  "html": {
+    "default": "<div class=\"ncua-breadcrumb\"></div>"
+  },
+  "bemClasses": [
+    "ncua-breadcrumb",
+    "ncua-breadcrumb__item",
+    "ncua-breadcrumb__list",
+    "ncua-breadcrumb__list-item",
+    "ncua-breadcrumb__list-item--active"
+  ],
+  "usage": {
+    "import": "import { BreadCrumb } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<BreadCrumb />"
+    }
+  }
+}

package/data/breadcrumb.json

@@ -0,0 +1,31 @@
+{
+  "name": "breadcrumb",
+  "description": "NCDS Breadcrumb 컴포넌트",
+  "aliases": [],
+  "props": {
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "items": {
+      "type": "string",
+      "required": true
+    }
+  },
+  "html": {
+    "default": "<nav aria-label=\"breadcrumb\" class=\"ncua-breadcrumb\"><ol class=\"ncua-breadcrumb__list\"><li class=\"ncua-breadcrumb__list-item\"><a href=\"#\" class=\"ncua-breadcrumb__item\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"none\" color=\"gray500\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 10.565c0-.574 0-.861.074-1.126a2 2 0 0 1 .318-.65c.163-.22.39-.397.843-.75l6.783-5.275c.351-.273.527-.41.72-.462a1 1 0 0 1 .523 0c.194.052.37.189.721.462l6.783 5.275c.453.353.68.53.843.75.145.195.252.416.318.65.074.265.074.552.074 1.126V17.8c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C19.48 21 18.92 21 17.8 21H6.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C3 19.48 3 18.92 3 17.8z\"></path></svg></a></li><li class=\"ncua-breadcrumb__list-item ncua-breadcrumb__list-item--active\"><span class=\"ncua-breadcrumb__item\"></span></li></ol></nav>"
+  },
+  "bemClasses": [
+    "ncua-breadcrumb",
+    "ncua-breadcrumb__item",
+    "ncua-breadcrumb__list",
+    "ncua-breadcrumb__list-item",
+    "ncua-breadcrumb__list-item--active"
+  ],
+  "usage": {
+    "import": "import { Breadcrumb } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Breadcrumb items=\"\" />"
+    }
+  }
+}

package/data/button-group.json

@@ -0,0 +1,70 @@
+{
+  "name": "button-group",
+  "description": "NCDS Button Group 컴포넌트",
+  "aliases": [],
+  "props": {
+    "children": {
+      "type": "ReactNode",
+      "required": true
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "disabled": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "hasBorder": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "onlyIcon": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "md",
+        "sm",
+        "xs",
+        "xxs"
+      ],
+      "default": "xs"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-btn\"></div>",
+    "size:md": "<div class=\"ncua-btn ncua-btn--md\"></div>",
+    "size:sm": "<div class=\"ncua-btn ncua-btn--sm\"></div>",
+    "size:xs": "<div class=\"ncua-btn ncua-btn--xs\"></div>",
+    "size:xxs": "<div class=\"ncua-btn ncua-btn--xxs\"></div>"
+  },
+  "bemClasses": [
+    "ncua-btn",
+    "ncua-btn--md",
+    "ncua-btn--sm",
+    "ncua-btn--xs",
+    "ncua-btn--xxs",
+    "ncua-btn__label",
+    "ncua-button-close-x",
+    "ncua-button-group",
+    "ncua-button-group__item",
+    "ncua-button-stepper"
+  ],
+  "usage": {
+    "import": "import { ButtonGroup } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<ButtonGroup children=\"예시\" />",
+      "size:md": "<ButtonGroup size=\"md\" children=\"예시\" />",
+      "size:sm": "<ButtonGroup size=\"sm\" children=\"예시\" />",
+      "size:xs": "<ButtonGroup size=\"xs\" children=\"예시\" />",
+      "size:xxs": "<ButtonGroup size=\"xxs\" children=\"예시\" />"
+    }
+  }
+}

package/data/button.json

@@ -0,0 +1,119 @@
+{
+  "name": "button",
+  "description": "NCDS Button 컴포넌트",
+  "aliases": [],
+  "props": {
+    "children": {
+      "type": "string",
+      "required": false
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "disabled": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "hierarchy": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "destructive",
+        "primary",
+        "secondary",
+        "secondary-gray",
+        "tertiary",
+        "tertiary-gray",
+        "text",
+        "text-gray",
+        "text-red"
+      ]
+    },
+    "label": {
+      "type": "ReactNode",
+      "required": true
+    },
+    "leadingIcon": {
+      "type": "string",
+      "required": false
+    },
+    "onlyIcon": {
+      "type": "string",
+      "required": false,
+      "default": false
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "md",
+        "sm",
+        "xs",
+        "xxs"
+      ],
+      "default": "xs"
+    },
+    "trailingIcon": {
+      "type": "string",
+      "required": false
+    },
+    "underline": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<button class=\"ncua-btn ncua-btn--md ncua-btn--secondary-gray\"><span class=\"ncua-btn__label\">버튼</span></button>",
+    "hierarchy:primary": "<button class=\"ncua-btn ncua-btn--md ncua-btn--primary\"><span class=\"ncua-btn__label\">버튼</span></button>",
+    "hierarchy:secondary": "<button class=\"ncua-btn ncua-btn--md ncua-btn--secondary\"><span class=\"ncua-btn__label\">버튼</span></button>",
+    "hierarchy:secondary-gray": "<button class=\"ncua-btn ncua-btn--md ncua-btn--secondary-gray\"><span class=\"ncua-btn__label\">버튼</span></button>",
+    "hierarchy:tertiary": "<button class=\"ncua-btn ncua-btn--md ncua-btn--tertiary\"><span class=\"ncua-btn__label\">버튼</span></button>",
+    "hierarchy:destructive": "<button class=\"ncua-btn ncua-btn--md ncua-btn--destructive\"><span class=\"ncua-btn__label\">버튼</span></button>",
+    "hierarchy:text": "<button class=\"ncua-btn ncua-btn--md ncua-btn--text\"><span class=\"ncua-btn__label\">버튼</span></button>",
+    "size:sm": "<button class=\"ncua-btn ncua-btn--sm ncua-btn--secondary-gray\"><span class=\"ncua-btn__label\">버튼</span></button>",
+    "size:xs": "<button class=\"ncua-btn ncua-btn--xs ncua-btn--secondary-gray\"><span class=\"ncua-btn__label\">버튼</span></button>",
+    "size:xxs": "<button class=\"ncua-btn ncua-btn--xxs ncua-btn--secondary-gray\"><span class=\"ncua-btn__label\">버튼</span></button>"
+  },
+  "bemClasses": [
+    "ncua-btn",
+    "ncua-btn--destructive",
+    "ncua-btn--md",
+    "ncua-btn--primary",
+    "ncua-btn--secondary",
+    "ncua-btn--secondary-gray",
+    "ncua-btn--sm",
+    "ncua-btn--tertiary",
+    "ncua-btn--tertiary-gray",
+    "ncua-btn--text",
+    "ncua-btn--text-gray",
+    "ncua-btn--text-red",
+    "ncua-btn--xs",
+    "ncua-btn--xxs",
+    "ncua-btn__label",
+    "ncua-button-close-x",
+    "ncua-button-group",
+    "ncua-button-group__item",
+    "ncua-button-stepper"
+  ],
+  "usage": {
+    "import": "import { Button } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Button label=\"예시\" />",
+      "hierarchy:destructive": "<Button hierarchy=\"destructive\" label=\"예시\" />",
+      "hierarchy:primary": "<Button hierarchy=\"primary\" label=\"예시\" />",
+      "hierarchy:secondary": "<Button hierarchy=\"secondary\" label=\"예시\" />",
+      "hierarchy:secondary-gray": "<Button hierarchy=\"secondary-gray\" label=\"예시\" />",
+      "hierarchy:tertiary": "<Button hierarchy=\"tertiary\" label=\"예시\" />",
+      "hierarchy:tertiary-gray": "<Button hierarchy=\"tertiary-gray\" label=\"예시\" />",
+      "hierarchy:text": "<Button hierarchy=\"text\" label=\"예시\" />",
+      "hierarchy:text-gray": "<Button hierarchy=\"text-gray\" label=\"예시\" />",
+      "hierarchy:text-red": "<Button hierarchy=\"text-red\" label=\"예시\" />",
+      "size:md": "<Button size=\"md\" label=\"예시\" />",
+      "size:sm": "<Button size=\"sm\" label=\"예시\" />",
+      "size:xs": "<Button size=\"xs\" label=\"예시\" />",
+      "size:xxs": "<Button size=\"xxs\" label=\"예시\" />"
+    }
+  }
+}

package/data/carousel-arrow.json

@@ -0,0 +1,65 @@
+{
+  "name": "carousel-arrow",
+  "description": "NCDS Carousel Arrow 컴포넌트",
+  "aliases": [],
+  "props": {
+    "chevron": {
+      "type": "enum",
+      "required": true,
+      "values": [
+        "left",
+        "right"
+      ]
+    },
+    "className": {
+      "type": "string",
+      "required": false
+    },
+    "onClick": {
+      "type": "string",
+      "required": false
+    },
+    "size": {
+      "type": "string",
+      "required": true,
+      "default": "sm"
+    },
+    "type": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "default",
+        "line"
+      ],
+      "default": "default"
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-carousel-arrow\"></div>",
+    "chevron:left": "<div class=\"ncua-carousel-arrow ncua-carousel-arrow--left\"></div>",
+    "chevron:right": "<div class=\"ncua-carousel-arrow ncua-carousel-arrow--right\"></div>",
+    "type:default": "<div class=\"ncua-carousel-arrow ncua-carousel-arrow--default\"></div>",
+    "type:line": "<div class=\"ncua-carousel-arrow ncua-carousel-arrow--line\"></div>"
+  },
+  "bemClasses": [
+    "ncua-carousel-arrow",
+    "ncua-carousel-arrow--default",
+    "ncua-carousel-arrow--left",
+    "ncua-carousel-arrow--line",
+    "ncua-carousel-arrow--right",
+    "ncua-carousel-arrow__icon",
+    "ncua-carousel-number-group",
+    "ncua-carousel-number-group__number",
+    "ncua-carousel-number-group__total"
+  ],
+  "usage": {
+    "import": "import { CarouselArrow } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<CarouselArrow chevron=\"left\" size=\"\" />",
+      "chevron:left": "<CarouselArrow chevron=\"left\" size=\"\" />",
+      "chevron:right": "<CarouselArrow chevron=\"right\" size=\"\" />",
+      "type:default": "<CarouselArrow type=\"default\" chevron=\"left\" size=\"\" />",
+      "type:line": "<CarouselArrow type=\"line\" chevron=\"left\" size=\"\" />"
+    }
+  }
+}

package/data/carousel-number-group.json

@@ -0,0 +1,62 @@
+{
+  "name": "carousel-number-group",
+  "description": "NCDS Carousel Number Group 컴포넌트",
+  "aliases": [],
+  "props": {
+    "color": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "dark",
+        "light"
+      ],
+      "default": "light"
+    },
+    "currentPage": {
+      "type": "number",
+      "required": true
+    },
+    "framed": {
+      "type": "string",
+      "required": false,
+      "default": true
+    },
+    "size": {
+      "type": "enum",
+      "required": false,
+      "values": [
+        "sm"
+      ],
+      "default": "sm"
+    },
+    "totalPage": {
+      "type": "number",
+      "required": true
+    }
+  },
+  "html": {
+    "default": "<div class=\"ncua-carousel-arrow\"></div>",
+    "color:dark": "<div class=\"ncua-carousel-arrow ncua-carousel-arrow--dark\"></div>",
+    "color:light": "<div class=\"ncua-carousel-arrow ncua-carousel-arrow--light\"></div>",
+    "size:sm": "<div class=\"ncua-carousel-arrow ncua-carousel-arrow--sm\"></div>"
+  },
+  "bemClasses": [
+    "ncua-carousel-arrow",
+    "ncua-carousel-arrow--dark",
+    "ncua-carousel-arrow--light",
+    "ncua-carousel-arrow--sm",
+    "ncua-carousel-arrow__icon",
+    "ncua-carousel-number-group",
+    "ncua-carousel-number-group__number",
+    "ncua-carousel-number-group__total"
+  ],
+  "usage": {
+    "import": "import { CarouselNumberGroup } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<CarouselNumberGroup currentPage={0} totalPage={0} />",
+      "color:dark": "<CarouselNumberGroup color=\"dark\" currentPage={0} totalPage={0} />",
+      "color:light": "<CarouselNumberGroup color=\"light\" currentPage={0} totalPage={0} />",
+      "size:sm": "<CarouselNumberGroup size=\"sm\" currentPage={0} totalPage={0} />"
+    }
+  }
+}

package/data/carousel.json

@@ -0,0 +1,22 @@
+{
+  "name": "carousel",
+  "description": "NCDS Carousel 컴포넌트",
+  "aliases": [],
+  "props": {},
+  "html": {
+    "default": "<div class=\"ncua-carousel-arrow\"></div>"
+  },
+  "bemClasses": [
+    "ncua-carousel-arrow",
+    "ncua-carousel-arrow__icon",
+    "ncua-carousel-number-group",
+    "ncua-carousel-number-group__number",
+    "ncua-carousel-number-group__total"
+  ],
+  "usage": {
+    "import": "import { Carousel } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Carousel />"
+    }
+  }
+}

package/data/checkbox.json

@@ -0,0 +1,31 @@
+{
+  "name": "checkbox",
+  "description": "NCDS Checkbox 컴포넌트",
+  "aliases": [],
+  "props": {
+    "supportText": {
+      "type": "string",
+      "required": false
+    },
+    "text": {
+      "type": "string",
+      "required": false
+    }
+  },
+  "html": {
+    "default": "<label class=\"ncua-checkbox-field ncua-checkbox-field--xs\"><span class=\"ncua-checkbox-input ncua-checkbox-input--xs ncua-checkbox-field__input\"><input type=\"checkbox\" label=\"체크박스\"/></span></label>"
+  },
+  "bemClasses": [
+    "ncua-checkbox-field",
+    "ncua-checkbox-field__input",
+    "ncua-checkbox-field__support-text",
+    "ncua-checkbox-field__text",
+    "ncua-checkbox-input"
+  ],
+  "usage": {
+    "import": "import { Checkbox } from '@ncds/ui-admin';",
+    "react": {
+      "default": "<Checkbox />"
+    }
+  }
+}