fone-design-system_v2 1.0.73 → 1.0.75

package/dist/components/Button/Button.d.ts

@@ -1,13 +1,42 @@
 import { default as React } from 'react';
-import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
-type MuiColor = NonNullable<MuiButtonProps["color"]>;
-type MuiSize = NonNullable<MuiButtonProps["size"]>;
-type DSButtonSize = MuiSize | "xxsmall" | "xsmall";
-type DSButtonColor = MuiColor | string;
+import { ButtonProps as MuiButtonProps } from '@mui/material';
 export interface ButtonProps extends Omit<MuiButtonProps<"button">, "color" | "size"> {
-    color?: DSButtonColor;
-    size?: DSButtonSize;
-    iconOnly?: boolean;
+    className?: any;
+    /** 자식 요소<br/>: 버튼 내에 포함될 내용 */
+    children?: React.ReactNode;
+    /** 색상 설정<br/>: 버튼 색상 */
+    color?: string | "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+    /** 루트 요소 타입 설정<br/>: HTML 요소 또는 다른 컴포넌트를 루트 노드로 사용 */
+    component?: React.ElementType;
+    /** 비활성화 여부<br/>: true일 경우 버튼이 비활성화 */
+    disabled?: boolean;
+    /** 그림자 제거<br/>: true일 경우 버튼의 그림자 효과 제거 */
+    disableElevation?: boolean;
+    /** 키보드 포커스 리플 제거<br/>: true일 경우 키보드 포커스 리플 효과 비활성화 */
+    disableFocusRipple?: boolean;
+    /** 리플 효과 제거<br/>: true일 경우 리플 효과 비활성화 */
+    disableRipple?: boolean;
+    /** 끝 아이콘<br/>: 버튼의 자식 요소 뒤에 배치될 아이콘 */
+    endIcon?: React.ReactNode;
+    /** 전체 너비<br/>: true일 경우 버튼이 부모 컨테이너의 전체 너비를 차지 */
+    fullWidth?: boolean;
+    /** 링크 URL 설정<br/>: 버튼 클릭 시 이동할 링크 URL */
+    href?: string;
+    /** 로딩 상태<br/>: true일 경우 로딩 인디케이터가 표시되며 버튼이 비활성화됨 */
+    loading?: boolean;
+    /** 로딩 인디케이터<br/>: 로딩 상태일 때 표시될 인디케이터 */
+    loadingIndicator?: React.ReactNode;
+    /** 로딩 인디케이터 위치<br/>: 'start', 'center', 'end' 중 위치 설정 */
+    loadingPosition?: "center" | "end" | "start";
+    /** 버튼 크기 설정<br/>: 'small', 'medium', 'large' 또는 사용자 지정 값 @default large */
+    size?: "xxsmall" | "xsmall" | "small" | "medium" | "large" | string;
+    /** 시작 아이콘<br/>: 버튼의 자식 요소 앞에 배치될 아이콘 */
+    startIcon?: React.ReactNode;
+    /** 버튼 스타일 종류<br/>: 'contained', 'outlined', 'text' 중 선택 */
+    variant?: "text" | "outlined" | "contained";
+    form?: string;
+    type?: "submit" | "button" | "reset";
+    iconOnly?: boolean | undefined;
 }
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;