@idbrnd/design-system 4.6.0 → 4.7.1

package/README.md

@@ -1,6 +1,6 @@
 # @idbrnd/design-system
 
-![Version](https://img.shields.io/static/v1?label=version&message=4.6.0&color=blue&style=flat-square) <!-- x-release-please-version -->
+![Version](https://img.shields.io/static/v1?label=version&message=4.7.1&color=blue&style=flat-square) <!-- x-release-please-version -->
 ![React](https://img.shields.io/badge/React-18.3.1-61DAFB?style=flat-square&logo=react&logoColor=white)
 ![Vite](https://img.shields.io/badge/Vite-7.3.0-646CFF?style=flat-square&logo=vite&logoColor=white)
 ![TypeScript](https://img.shields.io/badge/TypeScript-5.9.3-3178C6?style=flat-square&logo=typescript&logoColor=white)
@@ -618,6 +618,7 @@ import { showToast, dismissToast } from "@idbrnd/design-system";
 showToast({ variant: "positive", message: "저장되었습니다." });
 showToast({ variant: "negative", message: "오류가 발생했습니다." });
 showToast({ variant: "basic", message: "알림 메시지입니다." });
+showToast({ variant: "basic", message: "읽을 내용이 긴 메시지입니다.", duration: 5000 });
 
 dismissToast();
 ```
@@ -628,6 +629,7 @@ dismissToast();
 | `variant`     | `"basic"` \| `"positive"` \| `"negative"` | 색상 변형 (기본값 `"basic"`)                           |
 | `icon`        | `ReactNode`                               | 사용자 지정 아이콘. 미지정 시 variant 기본 아이콘 사용 |
 | `customStyle` | `CSSProperties`                           | 추가 인라인 스타일                                     |
+| `duration`    | `number`                                  | 자동 닫힘까지의 시간(밀리초) (기본값 `3000`)           |
 
 ### Snackbar
 
@@ -2138,7 +2140,7 @@ const table = useReactTable({
 // 로딩 스켈레톤
 <Table table={table} loading skeletonRowCount={10} />
 
-// 빈 상태
+// 빈 상태 (emptyContent, emptyTitle, emptyDescription을 모두 생략하면 빈 행을 그리지 않는다)
 <Table
   table={table}
   emptyTitle="데이터가 없습니다"

package/dist/components/Feedback/Toast/Toast.d.ts

@@ -5,6 +5,8 @@ export interface ToastShowOptions {
     variant?: ToastVariant;
     customStyle?: CSSProperties;
     icon?: ReactNode;
+    /** 자동 닫힘까지의 시간(밀리초). 생략하면 기본 3초 */
+    duration?: number;
 }
-export declare function showToast({ message, variant, customStyle, icon }: ToastShowOptions): void;
+export declare function showToast({ message, variant, customStyle, icon, duration }: ToastShowOptions): void;
 export declare function dismissToast(): void;