@likelion-design/ui 1.0.22 → 1.0.23

package/dist/index.d.mts

@@ -775,6 +775,8 @@ interface SelectMenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "on
     };
     /** 선택된 항목 suffix 아이콘 (기본 체크 아이콘, 함수로 커스터마이즈 가능) */
     suffixIcon?: React.ReactNode | ((item: SelectMenuItem) => React.ReactNode);
+    /** 메뉴에 표시할 최대 행 수. 초과 시 스크롤 */
+    maxRows?: number;
 }
 /** SelectMenu는 옵션 리스트를 표시하고 값을 선택하는 메뉴 컴포넌트다. */
 declare const SelectMenu: React.ForwardRefExoticComponent<SelectMenuProps & React.RefAttributes<HTMLDivElement>>;
@@ -856,16 +858,16 @@ interface SelectHeaderProps {
     menuItemTextProps?: SelectMenuProps["itemTextProps"];
     /** SelectMenu에 전달: 선택된 항목 suffix 아이콘 */
     menuSuffixIcon?: SelectMenuProps["suffixIcon"];
-    /** 헤더와 메뉴 사이 간격 (px, 기본 8) */
-    menuGap?: number;
     /** SelectMenu에 전달: className */
     menuClassName?: string;
     /** SelectMenu에 전달: style */
     menuStyle?: React.CSSProperties;
+    /** SelectMenu에 전달: 최대 표시 행 수 */
+    menuMaxRows?: number;
 }
 /** SelectHeader 컴포넌트는 선택된 값을 표시하고 드롭다운을 여는 헤더 컴포넌트다. items를 주면 클릭 시 메뉴가 열린다. */
 declare const SelectHeader: {
-    ({ type, title, required, value: valueProp, placeholder, disabled, error, description, accentIcon, onClick, onClear, prefixIcon, icon, className, id, items, defaultValue, onChange, multiple, showClear, wrapperClassName, wrapperStyle, width, size, menuItemTextProps, menuSuffixIcon, menuGap, menuClassName, menuStyle, }: SelectHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ type, title, required, value: valueProp, placeholder, disabled, error, description, accentIcon, onClick, onClear, prefixIcon, icon, className, id, items, defaultValue, onChange, multiple, showClear, wrapperClassName, wrapperStyle, width, size, menuItemTextProps, menuSuffixIcon, menuClassName, menuStyle, menuMaxRows, }: SelectHeaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -931,11 +933,13 @@ type SelectMenuPassThrough = {
     itemTextProps?: SelectMenuProps["itemTextProps"];
     /** 선택된 항목의 suffix 아이콘 (기본: 체크 아이콘). false면 숨김 */
     suffixIcon?: SelectMenuProps["suffixIcon"];
+    /** 메뉴에 표시할 최대 행 수. 초과 시 스크롤 */
+    maxRows?: number;
 };
 type SelectBoxProps = SelectBoxSpecificProps & SelectHeaderPassThrough & SelectMenuPassThrough;
 /** SelectBox는 SelectHeader와 SelectMenu를 하나로 통합한 컴포넌트로, 미리 정의된 목록에서 항목을 선택하도록 돕습니다. */
 declare const SelectBox: {
-    ({ size, disabled, error, success, loading, label, required, placeholder, items, value, defaultValue, onChange, multiple, description, prefixIcon, className, style, classNames, styles, width, headerType, onClear, showClear, wrapperStyle, onClick, id, itemTextProps, suffixIcon, ...restHeaderProps }: SelectBoxProps): react_jsx_runtime.JSX.Element;
+    ({ size, disabled, error, success, loading, label, required, placeholder, items, value, defaultValue, onChange, multiple, description, prefixIcon, className, style, classNames, styles, width, headerType, onClear, showClear, wrapperStyle, onClick, id, itemTextProps, suffixIcon, maxRows, ...restHeaderProps }: SelectBoxProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1497,6 +1501,8 @@ interface TextFieldBaseProps {
      * @default true
      */
     showCount?: boolean;
+    /** 비활성화 상태 */
+    disabled?: boolean;
     /** Help text 아이콘 (true면 기본 아이콘, 노드면 커스텀) */
     accentIcon?: boolean | React.ReactNode;
     onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;

package/dist/index.d.ts

@@ -775,6 +775,8 @@ interface SelectMenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "on
     };
     /** 선택된 항목 suffix 아이콘 (기본 체크 아이콘, 함수로 커스터마이즈 가능) */
     suffixIcon?: React.ReactNode | ((item: SelectMenuItem) => React.ReactNode);
+    /** 메뉴에 표시할 최대 행 수. 초과 시 스크롤 */
+    maxRows?: number;
 }
 /** SelectMenu는 옵션 리스트를 표시하고 값을 선택하는 메뉴 컴포넌트다. */
 declare const SelectMenu: React.ForwardRefExoticComponent<SelectMenuProps & React.RefAttributes<HTMLDivElement>>;
@@ -856,16 +858,16 @@ interface SelectHeaderProps {
     menuItemTextProps?: SelectMenuProps["itemTextProps"];
     /** SelectMenu에 전달: 선택된 항목 suffix 아이콘 */
     menuSuffixIcon?: SelectMenuProps["suffixIcon"];
-    /** 헤더와 메뉴 사이 간격 (px, 기본 8) */
-    menuGap?: number;
     /** SelectMenu에 전달: className */
     menuClassName?: string;
     /** SelectMenu에 전달: style */
     menuStyle?: React.CSSProperties;
+    /** SelectMenu에 전달: 최대 표시 행 수 */
+    menuMaxRows?: number;
 }
 /** SelectHeader 컴포넌트는 선택된 값을 표시하고 드롭다운을 여는 헤더 컴포넌트다. items를 주면 클릭 시 메뉴가 열린다. */
 declare const SelectHeader: {
-    ({ type, title, required, value: valueProp, placeholder, disabled, error, description, accentIcon, onClick, onClear, prefixIcon, icon, className, id, items, defaultValue, onChange, multiple, showClear, wrapperClassName, wrapperStyle, width, size, menuItemTextProps, menuSuffixIcon, menuGap, menuClassName, menuStyle, }: SelectHeaderProps): react_jsx_runtime.JSX.Element;
+    ({ type, title, required, value: valueProp, placeholder, disabled, error, description, accentIcon, onClick, onClear, prefixIcon, icon, className, id, items, defaultValue, onChange, multiple, showClear, wrapperClassName, wrapperStyle, width, size, menuItemTextProps, menuSuffixIcon, menuClassName, menuStyle, menuMaxRows, }: SelectHeaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -931,11 +933,13 @@ type SelectMenuPassThrough = {
     itemTextProps?: SelectMenuProps["itemTextProps"];
     /** 선택된 항목의 suffix 아이콘 (기본: 체크 아이콘). false면 숨김 */
     suffixIcon?: SelectMenuProps["suffixIcon"];
+    /** 메뉴에 표시할 최대 행 수. 초과 시 스크롤 */
+    maxRows?: number;
 };
 type SelectBoxProps = SelectBoxSpecificProps & SelectHeaderPassThrough & SelectMenuPassThrough;
 /** SelectBox는 SelectHeader와 SelectMenu를 하나로 통합한 컴포넌트로, 미리 정의된 목록에서 항목을 선택하도록 돕습니다. */
 declare const SelectBox: {
-    ({ size, disabled, error, success, loading, label, required, placeholder, items, value, defaultValue, onChange, multiple, description, prefixIcon, className, style, classNames, styles, width, headerType, onClear, showClear, wrapperStyle, onClick, id, itemTextProps, suffixIcon, ...restHeaderProps }: SelectBoxProps): react_jsx_runtime.JSX.Element;
+    ({ size, disabled, error, success, loading, label, required, placeholder, items, value, defaultValue, onChange, multiple, description, prefixIcon, className, style, classNames, styles, width, headerType, onClear, showClear, wrapperStyle, onClick, id, itemTextProps, suffixIcon, maxRows, ...restHeaderProps }: SelectBoxProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1497,6 +1501,8 @@ interface TextFieldBaseProps {
      * @default true
      */
     showCount?: boolean;
+    /** 비활성화 상태 */
+    disabled?: boolean;
     /** Help text 아이콘 (true면 기본 아이콘, 노드면 커스텀) */
     accentIcon?: boolean | React.ReactNode;
     onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;