@uniai-fe/uds-primitives 0.0.13 → 0.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/uds-primitives",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "UNIAI Design System; Primitives Components Package",
   "type": "module",
   "private": false,
@@ -91,8 +91,8 @@
     "@uniai-fe/util-functions": "workspace:*",
     "eslint": "^9.39.2",
     "prettier": "^3.7.4",
-    "react-hook-form": "^7.68.0",
-    "sass": "^1.97.0",
+    "react-hook-form": "^7.69.0",
+    "sass": "^1.97.1",
     "typescript": "~5.9.3"
   }
 }

package/src/components/input/markup/text/Base.tsx

@@ -79,9 +79,9 @@ const Text = forwardRef<HTMLInputElement, InputProps>(
       block = false,
       left,
       right,
-      clearIcon,
-      successIcon,
-      errorIcon,
+      clear,
+      success,
+      error,
       label,
       helper,
       hideHelper,
@@ -167,13 +167,13 @@ const Text = forwardRef<HTMLInputElement, InputProps>(
 
     const statusSlot = useMemo(() => {
       if (resolvedState === "success") {
-        return successIcon ?? defaultStatusIcon;
+        return success ?? defaultStatusIcon;
       }
       if (resolvedState === "error") {
-        return errorIcon ?? defaultStatusIcon;
+        return error ?? defaultStatusIcon;
       }
       return null;
-    }, [defaultStatusIcon, errorIcon, resolvedState, successIcon]);
+    }, [defaultStatusIcon, error, resolvedState, success]);
 
     const defaultClearIcon = useMemo(() => {
       if (visualState === "active") {
@@ -182,7 +182,7 @@ const Text = forwardRef<HTMLInputElement, InputProps>(
       return null;
     }, [visualState]);
 
-    const effectiveClearIcon = clearIcon ?? defaultClearIcon;
+    const effectiveClearIcon = clear ?? defaultClearIcon;
     const showClearIcon = Boolean(
       effectiveClearIcon && hasValue && resolvedState !== "disabled",
     );

package/src/components/input/types/index.ts

@@ -30,12 +30,12 @@ type NativeInputProps = ComponentPropsWithoutRef<"input">;
 /**
  * 좌우 슬롯과 status 아이콘 정의.
  */
-export interface InputSlots {
+export interface InputIcon {
   left?: ReactNode;
   right?: ReactNode;
-  clearIcon?: ReactNode;
-  successIcon?: ReactNode;
-  errorIcon?: ReactNode;
+  clear?: ReactNode;
+  success?: ReactNode;
+  error?: ReactNode;
 }
 
 /**
@@ -51,7 +51,7 @@ export interface InputFeedback {
  * 텍스트 입력의 핵심 props. native input 속성에서 size는 제외하고 left/right 등 슬롯을 별도로 정의한다.
  */
 export interface InputProps
-  extends Omit<NativeInputProps, "size">, InputSlots, InputFeedback {
+  extends Omit<NativeInputProps, "size">, InputIcon, InputFeedback {
   /** semantic color/token 세트 */
   priority?: InputPriority;
   /** 높이/타이포 세트 */