@idbrnd/design-system 4.6.0 → 4.7.0

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.0&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
 

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;

package/dist/index.js

@@ -1715,15 +1715,21 @@ function K0() {
     N1 = null, g2(), j2();
   }, c8));
 }
-function C8() {
+function C8(e) {
   O2(), j2(), f2 = window.setTimeout(() => {
     K0(), O2();
-  }, s8);
+  }, e);
 }
 function d8() {
   return typeof window > "u" || typeof document > "u" ? !1 : (W9 || (c2 = document.createElement("div"), c2.setAttribute("data-idb-toast-root", "true"), document.body.appendChild(c2), W9 = Q0.createRoot(c2), g2()), !0);
 }
-function J0({ message: e, variant: t = "basic", customStyle: o, icon: l }) {
+function J0({
+  message: e,
+  variant: t = "basic",
+  customStyle: o,
+  icon: l,
+  duration: s = s8
+}) {
   e != null && d8() && (N1 = {
     message: e,
     variant: t,
@@ -1731,7 +1737,7 @@ function J0({ message: e, variant: t = "basic", customStyle: o, icon: l }) {
     icon: l,
     isExiting: !1,
     renderKey: a8++
-  }, g2(), C8());
+  }, g2(), C8(s));
 }
 function RC() {
   K0();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idbrnd/design-system",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",