fone-design-system_v2 1.0.69 → 1.0.70

package/dist/DesignSystemProvider.d.ts

@@ -1,12 +1,19 @@
 import { default as React } from 'react';
 import { GlobalStylesProps } from '@mui/material';
+import { Theme, ThemeOptions } from '@mui/material/styles';
 type DSStyles = GlobalStylesProps["styles"];
+type ThemeOverridesInput = ThemeOptions | ((baseTheme: Theme) => ThemeOptions);
 type Props = {
     children: React.ReactNode;
     htmlFontSize?: string;
     globalStyles?: DSStyles | DSStyles[];
     /** true면 기본 GlobalStyles를 렌더하지 않음 */
     disableBaseGlobalStyles?: boolean;
+    /**
+     * consumer(Taskhub)가 DS theme 위에 덧입힐 오버라이드
+     * - 겹치는 것만 덮이고 나머지는 DS theme 유지됨
+     */
+    themeOverrides?: ThemeOverridesInput;
 };
-export declare function DesignSystemProvider({ children, htmlFontSize, globalStyles, disableBaseGlobalStyles, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function DesignSystemProvider({ children, htmlFontSize, globalStyles, disableBaseGlobalStyles, themeOverrides, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,42 +1,7 @@
 import { default as React } from 'react';
 import { ButtonProps as MuiButtonProps } from '@mui/material';
-export interface ButtonProps extends Omit<MuiButtonProps<"button">, "color" | "size"> {
-    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;
+export interface ButtonProps extends MuiButtonProps<"button"> {
+    iconOnly?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;