@lawkit/ui 0.1.72 → 0.1.74

package/dist/tokens/src/contracts/theme-contract.css.d.ts

@@ -63,4 +63,16 @@ export declare const themeVars: {
         raised: `var(--${string})`;
         modal: `var(--${string})`;
     };
+    duration: {
+        fast: `var(--${string})`;
+        base: `var(--${string})`;
+        slow: `var(--${string})`;
+        slower: `var(--${string})`;
+    };
+    easing: {
+        standard: `var(--${string})`;
+        linear: `var(--${string})`;
+        decelerate: `var(--${string})`;
+        emphasized: `var(--${string})`;
+    };
 };

package/dist/tokens/src/foundation/duration-scale.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultDurationTokens: {
+    readonly fast: "100ms";
+    readonly base: "150ms";
+    readonly slow: "200ms";
+    readonly slower: "300ms";
+};

package/dist/tokens/src/foundation/easing-scale.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultEasingTokens: {
+    readonly standard: "ease";
+    readonly linear: "linear";
+    readonly decelerate: "ease-out";
+    readonly emphasized: "ease-in-out";
+};

package/dist/tokens/src/index.d.ts

@@ -4,6 +4,8 @@ export type { LdsSpacingTokens } from './foundation/spacing-scale';
 export { spacingScale, defaultSpacingTokens } from './foundation/spacing-scale';
 export { defaultRadiusTokens } from './foundation/radius-scale';
 export { defaultShadowTokens } from './foundation/shadow-scale';
+export { defaultDurationTokens } from './foundation/duration-scale';
+export { defaultEasingTokens } from './foundation/easing-scale';
 export { fontFamilyTokens, fontSizeScale, lineHeightScale, fontWeightScale, letterSpacingScale } from './foundation/typography-scale';
 export { semanticColorRoles } from './semantic/color-roles';
 export { textStyles } from './semantic/text-styles';

package/dist/tokens/src/themes/light-theme.css.d.ts

@@ -20,5 +20,17 @@ export declare const defaultThemeValues: {
         readonly raised: "0 6px 16px rgba(17, 24, 39, 0.08)";
         readonly modal: "0 4px 15px rgba(44, 63, 88, 0.35)";
     };
+    duration: {
+        readonly fast: "100ms";
+        readonly base: "150ms";
+        readonly slow: "200ms";
+        readonly slower: "300ms";
+    };
+    easing: {
+        readonly standard: "ease";
+        readonly linear: "linear";
+        readonly decelerate: "ease-out";
+        readonly emphasized: "ease-in-out";
+    };
 };
 export declare const lightThemeClass: string;

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

@@ -1,3 +1,4 @@
+export declare const EXIT_MS: number;
 export declare const card: import('@vanilla-extract/recipes').RuntimeFn<{
     position: {
         "bottom-right": {
@@ -7,4 +8,11 @@ export declare const card: import('@vanilla-extract/recipes').RuntimeFn<{
             left: `var(--${string})`;
         };
     };
+    closing: {
+        true: {
+            opacity: number;
+            transform: "translateY(16px)";
+        };
+        false: {};
+    };
 }>;

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

@@ -1 +1,10 @@
-export declare const surface: string;
+export declare const EXIT_MS: number;
+export declare const surface: import('@vanilla-extract/recipes').RuntimeFn<{
+    closing: {
+        true: {
+            opacity: number;
+            transform: "translateY(24px)";
+        };
+        false: {};
+    };
+}>;

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

@@ -8,7 +8,9 @@ export interface FullScreenModalProps extends Omit<HTMLAttributes<HTMLDivElement
     title?: ReactNode;
     /** 푸터 콘텐츠 */
     footer?: ReactNode;
-    /** Escape 키 닫기 비활성 */
+    /** Escape 키 닫기 (기본 true) — Drawer/FloatingModal과 같은 이름입니다 */
+    closeOnEscape?: boolean;
+    /** @deprecated `closeOnEscape={false}`를 대신 쓰세요 */
     disableEscapeClose?: boolean;
     /** 모달 본문 */
     children?: ReactNode;
@@ -20,4 +22,4 @@ export interface FullScreenModalProps extends Omit<HTMLAttributes<HTMLDivElement
  * 상단 고정 헤더(타이틀 + 닫기) + 스크롤 바디 + 하단 푸터로 구성됩니다.
  * backdrop 없이 전체가 표면입니다.
  */
-export declare function FullScreenModal({ open, onClose, title, footer, disableEscapeClose, children, className, ...rest }: FullScreenModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function FullScreenModal({ open, onClose, title, footer, closeOnEscape, disableEscapeClose, children, className, ...rest }: FullScreenModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,4 +1,12 @@
-export declare const overlay: string;
+export declare const EXIT_MS: number;
+export declare const overlay: import('@vanilla-extract/recipes').RuntimeFn<{
+    closing: {
+        true: {
+            opacity: number;
+        };
+        false: {};
+    };
+}>;
 export declare const card: import('@vanilla-extract/recipes').RuntimeFn<{
     size: {
         small: {
@@ -14,6 +22,13 @@ export declare const card: import('@vanilla-extract/recipes').RuntimeFn<{
             maxWidth: number;
         };
     };
+    closing: {
+        true: {
+            opacity: number;
+            transform: "scale(0.96)";
+        };
+        false: {};
+    };
 }>;
 export declare const header: string;
 export declare const headerTitle: string;

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

@@ -13,7 +13,9 @@ export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"
     footer?: ReactNode;
     /** backdrop 클릭 닫기 비활성 */
     disableBackdropClose?: boolean;
-    /** Escape 키 닫기 비활성 */
+    /** Escape 키 닫기 (기본 true) — Drawer/FloatingModal과 같은 이름입니다 */
+    closeOnEscape?: boolean;
+    /** @deprecated `closeOnEscape={false}`를 대신 쓰세요 */
     disableEscapeClose?: boolean;
     /** 모달 본문 */
     children?: ReactNode;
@@ -31,4 +33,4 @@ export declare function ModalFooter({ children, className, }: {
     children: ReactNode;
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function Modal({ open, onClose, size, title, footer, disableBackdropClose, disableEscapeClose, children, className, ...rest }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Modal({ open, onClose, size, title, footer, disableBackdropClose, closeOnEscape, disableEscapeClose, children, className, ...rest }: ModalProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,5 +1,21 @@
-export declare const overlay: string;
-export declare const card: string;
+export declare const EXIT_MS: number;
+export declare const overlay: import('@vanilla-extract/recipes').RuntimeFn<{
+    closing: {
+        true: {
+            opacity: number;
+        };
+        false: {};
+    };
+}>;
+export declare const card: import('@vanilla-extract/recipes').RuntimeFn<{
+    closing: {
+        true: {
+            opacity: number;
+            transform: "scale(0.96)";
+        };
+        false: {};
+    };
+}>;
 export declare const iconWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     intent: {
         warning: {

package/dist/ui-v3/src/lib/useScrollLock.d.ts

@@ -1,9 +1,9 @@
 /**
- * body 스크롤락 획득/복원 훅.
+ * body 스크롤락 획득/복원 훅. 참조 카운트 방식.
  *
- * 기존 Modal/SweetAlert/FullScreenModal/Drawer의 패턴 그대로:
- * 활성화 시 `document.body.style.overflow`를 `"hidden"`으로 바꾸고,
- * 해제 시 이전 인라인 값으로 복원한다.
- * (중첩 시 안쪽 오버레이가 바깥의 `"hidden"`을 이전 값으로 복원 — 기존 동작 동일)
+ * 여러 오버레이가 동시에 활성화돼 있어도 마지막 락이 해제될 때만
+ * `document.body.style.overflow`를 원래 값으로 복원한다.
+ * (예: Modal 위에 SweetAlert 확인창을 띄운 뒤 Modal이 먼저 닫혀도,
+ *  SweetAlert가 아직 열려 있으면 스크롤이 풀리지 않는다.)
  */
 export declare function useScrollLock(enabled: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lawkit/ui",
-  "version": "0.1.72",
+  "version": "0.1.74",
   "type": "module",
   "description": "LDS Design System — React component library with design tokens",
   "main": "./dist/index.js",