@lawkit/ui 0.1.37 → 0.1.39

package/dist/ui-v3/src/components/Toast/Toast.css.d.ts

@@ -1,13 +1,5 @@
-export declare const root: import('@vanilla-extract/recipes').RuntimeFn<{
-    exiting: {
-        false: {
-            animation: `${string} 300ms ease`;
-        };
-        true: {
-            animation: `${string} 400ms ease forwards`;
-        };
-    };
-}>;
+export declare const progressColorVar: `var(--${string})`;
+export declare const root: string;
 export declare const top: string;
 export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
     intent: {
@@ -47,51 +39,27 @@ export declare const progressFill: import('@vanilla-extract/recipes').RuntimeFn<
         };
     };
 }>;
-export declare const countdownTrack: string;
-export declare const countdownFill: import('@vanilla-extract/recipes').RuntimeFn<{
+export declare const toastOverride: import('@vanilla-extract/recipes').RuntimeFn<{
     intent: {
         info: {
-            backgroundColor: `var(--${string})`;
+            vars: {
+                [progressColorVar]: `var(--${string})`;
+            };
         };
         success: {
-            backgroundColor: "#28c76f";
+            vars: {
+                [progressColorVar]: "#28c76f";
+            };
         };
         warning: {
-            backgroundColor: "#f0af23";
+            vars: {
+                [progressColorVar]: "#f0af23";
+            };
         };
         error: {
-            backgroundColor: "#ea5455";
-        };
-    };
-}>;
-export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
-    position: {
-        "top-right": {
-            top: `var(--${string})`;
-            right: `var(--${string})`;
-        };
-        "top-left": {
-            top: `var(--${string})`;
-            left: `var(--${string})`;
-        };
-        "top-center": {
-            top: `var(--${string})`;
-            left: "50%";
-            transform: "translateX(-50%)";
-        };
-        "bottom-right": {
-            bottom: `var(--${string})`;
-            right: `var(--${string})`;
-        };
-        "bottom-left": {
-            bottom: `var(--${string})`;
-            left: `var(--${string})`;
-        };
-        "bottom-center": {
-            bottom: `var(--${string})`;
-            left: "50%";
-            transform: "translateX(-50%)";
+            vars: {
+                [progressColorVar]: "#ea5455";
+            };
         };
     };
 }>;
-export declare const toastItem: string;

package/dist/ui-v3/src/components/Toast/index.d.ts

@@ -26,27 +26,27 @@ export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * **Toast**
  *
- * 알림 토스트 메시지.
+ * 알림 토스트 메시지. react-toastify를 내부 엔진으로 사용.
  *
  * - `intent`: info / success / warning / error
  * - `title` + `description`: 1줄 또는 2줄
  * - `showProgress` + `progress`: 하단 프로그레스 바 (수동 제어)
  * - `duration`: 자동 닫기 (기본 5000ms, 0이면 비활성)
  * - `pauseOnHover`: 호버 시 자동 닫기 일시정지 (기본 true)
- * - 자동 닫기 시 하단에 카운트다운 게이지 바 표시
- * - 닫힐 때 슬라이드 아웃 애니메이션
+ * - 자동 닫기 시 react-toastify 카운트다운 바 (intent 색상)
  */
-export declare function Toast({ intent, icon, title, time, description, showProgress, progress, duration, pauseOnHover, onClose, className, ...rest }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export declare function Toast({ intent, icon, title, time, description, showProgress, progress, duration, pauseOnHover, onClose, }: ToastProps): null;
 export interface ToastContainerProps {
     /** 화면 위치 */
     position?: ToastPosition;
-    /** 토스트 목록 */
-    children: ReactNode;
+    /** 토스트 트리거 컴포넌트 목록 */
+    children?: ReactNode;
 }
 /**
  * **ToastContainer**
  *
  * 토스트를 화면 고정 위치에 렌더링하는 컨테이너.
+ * react-toastify의 ToastContainer를 래핑한다.
  *
  * ```tsx
  * <ToastContainer position="top-right">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lawkit/ui",
-  "version": "0.1.37",
+  "version": "0.1.39",
   "type": "module",
   "description": "LDS Design System — React component library with design tokens",
   "main": "./dist/index.js",
@@ -41,7 +41,8 @@
     "react-dom": "^18.2.0 || ^19.0.0"
   },
   "dependencies": {
-    "@tanstack/react-table": "^8.21.3"
+    "@tanstack/react-table": "^8.21.3",
+    "react-toastify": "^11.1.0"
   },
   "devDependencies": {
     "@storybook/react": "^10.2.17",