@x-plat/design-system 0.5.2 → 0.5.4

package/guidelines/Guidelines.md

@@ -7,17 +7,24 @@ React 기반 디자인 시스템 라이브러리이다. Figma Make Kit과 1:1
 ## 핵심 규칙
 
 1. **컴포넌트에 `color`, `className`, `style` prop이 없다.** 색상과 스타일은 내부 semantic 토큰으로 고정한다.
-2. **레이아웃 조절은 래퍼 `<div>`로 감싸서 래퍼에만 스타일을 적용한다.**
+2. **컴포넌트는 반드시 GridItem 또는 래퍼로 감싸서 사용한다.** 컴포넌트는 `width: 100%`로 부모를 채우므로, 부모(GridItem/래퍼)에서 너비를 제어한다.
 3. **CSS로 DS 컴포넌트 스타일을 오버라이드하지 않는다.**
 
 ```tsx
-// 올바른 방법
+// 올바른 방법: GridItem으로 감싸서 너비 제어
+<FullGrid>
+  <GridItem column={{ default: 6 }}>
+    <Button type="primary">저장</Button>
+  </GridItem>
+</FullGrid>
+
+// 또는 래퍼 div
 <div className="button-wrapper">
   <Button type="primary">저장</Button>
 </div>
 
-// 금지
-<Button style={{ marginBottom: "1rem" }}>저장</Button>
+// 금지: 컴포넌트에 직접 스타일
+<Button style={{ width: "200px" }}>저장</Button>
 ```
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@x-plat/design-system",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "XPLAT UI Design System",
   "author": "XPLAT WOONG",
   "main": "dist/index.cjs",
@@ -48,7 +48,6 @@
   "files": [
     "dist",
     "global.d.ts",
-    ".npmrc",
     "guidelines"
   ],
   "scripts": {