@sungbinhwang-beaverworksinc/design-system-csms

비버웍스 CSMS 3.0(운영관리) 디자인 시스템 — 발주관리 룩앤필 React 컴포넌트 라이브러리.

비버웍스 BO 디자인 시스템(@sungbinhwang-beaverworksinc/design-system)을 토대로, 운영관리 3.0 발주관리 화면의 룩앤필(중립 소프트 헤더 · radius 8/12/14 · 발주 그림자)로 스킨한 별도 패키지입니다. 색은 전부 --csms3-* CSS 변수로 다크모드 안전, 모든 값은 토큰을 참조합니다.

설치

npm install @sungbinhwang-beaverworksinc/design-system-csms

peer: react >=18, react-dom >=18, antd >=5, @ant-design/icons >=5.

사용

import '@sungbinhwang-beaverworksinc/design-system-csms/styles.css'
import { Button, Table, Modal, InfoSection, InboxItem, CenterSection } from '@sungbinhwang-beaverworksinc/design-system-csms'

구성

• 기존 컴포넌트 스킨: Button · Card · Table · Modal · Input · Tabs · Tag · Badge · Tooltip · Pagination · Dropdown · DatePicker · Dialog · Toast · Skeleton · SelectControl 등 (발주 룩)
• 업무 컴포넌트(신규): StatusPill · SectionHeader · Card.Kpi(KpiStatCard) · InfoSection · MiniItem · InboxItem · CenterSection · RecommendationCard

빌드

npm install
npm run build   # tsup + styles.css(번들) + 토큰 CSS 변수 주입

검증

발주관리 프로토타입과의 시각·토큰 크로스체크 하니스는 모노레포(beaverworks_ds)의 scripts/csms3-crosscheck/에서 관리합니다.