fone-design-system_v2 1.0.315 → 1.0.317

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,3 +1,4 @@
+import { SxProps, Theme } from '@mui/material/styles';
 import { LabelProps } from '../Label';
 import * as React from "react";
 type SizeType = "small" | "medium" | "large" | string;
@@ -9,11 +10,17 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     size?: SizeType;
     labelSize?: LabelProps["size"];
     labelPlacement?: "start" | "end" | "top" | "bottom";
+    /** 라벨 텍스트 색상 (예: "black", "#333", "rgb(...)") */
+    labelColor?: string;
+    /** 라벨 글자 두께 (예: 400, 600, "bold") */
+    labelWeight?: React.CSSProperties["fontWeight"];
+    /** 라벨에 직접 적용할 추가 스타일 (fontSize 등 임의 CSS) */
+    labelSx?: SxProps<Theme>;
     /**
      * "primary" 같은 키면 theme.palette에서 자동으로 가져옴
      * string(예: "#123", "var(--...)" )이면 그대로 사용
      */
-    color?: "primary" | "secondary" | "success" | "error" | "warning" | "info" | "default" | string;
+    color?: "primary" | "secondary" | "success" | "error" | "warning" | "info" | "default" | (string & {});
     checked?: boolean;
     defaultChecked?: boolean;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,9 +1,24 @@
 import { default as React } from 'react';
 import { DatePickerProps as AntdDatePickerProps } from 'antd/es/date-picker';
 import { Dayjs } from 'dayjs';
-export interface DatePickerProps extends Omit<AntdDatePickerProps, "onChange" | "value"> {
+/**
+ * 상태별 스타일 처리 방식 (TimePicker와 동일)
+ * - 인라인 `style`은 specificity가 가장 높아 hover/active(클래스)로 덮을 수 없다.
+ *   그래서 default(`style`)도 인라인으로 넘기지 않고 클래스 CSS로 주입해
+ *   "base → hover → active" 순서로 덮어쓰기가 되도록 한다.
+ * - border/background 같은 box 속성은 컨테이너(.ant-picker)에 적용하고,
+ *   fontSize/fontWeight/color 같은 텍스트 속성은 입력(input)이 컨테이너 값을
+ *   상속(inherit)하게 만들어 한 번의 스타일 객체로 같이 처리한다.
+ */
+export interface DatePickerProps extends Omit<AntdDatePickerProps, "onChange" | "value" | "style"> {
     value?: Dayjs | null;
     onChange?: ((date: Dayjs, dateString: string | string[]) => void) | undefined;
+    /** 기본(base) 스타일. border/background/fontSize/color 등 자유롭게 지정 */
+    style?: React.CSSProperties;
+    /** hover 상태에서 base 위에 덮어쓸 스타일 */
+    hoverStyle?: React.CSSProperties;
+    /** active(focus) 상태에서 base/hover 위에 덮어쓸 스타일 */
+    activeStyle?: React.CSSProperties;
 }
 declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<any>>;
 export default DatePicker;

package/dist/components/Table2/Table2.d.ts

@@ -1,3 +1,3 @@
 import { Table2Props } from './types';
-declare const Table2: <T extends object>({ data, columns, onChange, checkbox, no, radio, selectedCell, focusedCell, onRowClick, onRowDoubleClick, isLoading, rowCountChangeScrollPosition, scrollTo, isEditMode, rowClickTriggerIdx, resetTriggerOnDataChange, noTriggerOnDataChange, reorderMode, onReorder, onCellClick, getRowProps, rowHeight, headerRowHeight, sx, emptyText, emptyIcon, emptySlot, }: Table2Props) => import("react/jsx-runtime").JSX.Element;
+declare const Table2: <T extends object>({ data, columns, onChange, checkbox, no, radio, selectedCell, focusedCell, onRowClick, onRowDoubleClick, isLoading, rowCountChangeScrollPosition, scrollTo, isEditMode, rowClickTriggerIdx, resetTriggerOnDataChange, noTriggerOnDataChange, reorderMode, onReorder, onCellClick, getRowProps, rowHeight, headerRowHeight, headerStyle, sx, emptyText, emptyIcon, emptySlot, }: Table2Props) => import("react/jsx-runtime").JSX.Element;
 export default Table2;

package/dist/components/Table2/headers/Header.d.ts

@@ -1,9 +1,10 @@
-import { default as React } from 'react';
+import { default as React, CSSProperties } from 'react';
 import { Table as ReactTable } from '@tanstack/react-table';
 interface Props<T extends object = any> {
     table: ReactTable<T>;
     clickedRowIndex: number;
     headerRowHeight?: number;
+    headerStyle?: CSSProperties;
 }
 declare const Header: React.ForwardRefExoticComponent<Props<any> & React.RefAttributes<HTMLTableSectionElement>>;
 export default Header;

package/dist/components/Table2/rows/Rows.d.ts

@@ -32,6 +32,7 @@ interface Props<T extends object = any> {
     tableSx?: CSSProperties;
     rowHeight: number;
     headerRowHeight: number;
+    headerStyle?: CSSProperties;
     rowCountChangeScrollPosition?: "top" | "bottom" | number | "preserve";
     focusedCellInfo: {
         rowIndex: number;

package/dist/components/Table2/types/table.types.d.ts

@@ -150,6 +150,8 @@ export interface Table2Props {
     rowHeight?: number;
     /** thead 행 높이를 설정합니다. */
     headerRowHeight?: number;
+    /** thead 행 스타일을 오버라이드합니다. */
+    headerStyle?: CSSProperties;
     /** 각 행에 대한 추가 속성을 설정할 수 있는 콜백 함수를 제공합니다. */
     getRowProps?: (params: {
         row: any;

package/dist/components/TimePicker/TimePicker.d.ts

@@ -1,4 +1,32 @@
 import { default as React } from 'react';
 import { TimePickerProps } from 'antd';
-declare const TimePicker: React.FC<TimePickerProps>;
+/**
+ * 상태별 스타일 처리 방식
+ * - 인라인 `style`은 specificity가 가장 높아 hover/active(클래스)로 덮을 수 없다.
+ *   그래서 default(`style`)도 인라인으로 넘기지 않고 클래스 CSS로 주입해
+ *   "base → hover → active" 순서로 덮어쓰기가 되도록 한다.
+ * - border/background 같은 box 속성은 컨테이너(.ant-picker)에 적용하고,
+ *   fontSize/fontWeight/color 같은 텍스트 속성은 입력(input)이 컨테이너 값을
+ *   상속(inherit)하게 만들어 한 번의 스타일 객체로 같이 처리한다.
+ *
+ * (대안) antd 네이티브 방식인 ConfigProvider 테마 토큰:
+ *   <ConfigProvider
+ *     theme={{ components: { DatePicker: {
+ *       hoverBorderColor: "#9ca3af",
+ *       activeBorderColor: "#2563eb",
+ *       activeShadow: "0 0 0 2px rgba(37,99,235,0.2)",
+ *     } } }}
+ *   >
+ *     <TimePicker />
+ *   </ConfigProvider>
+ */
+export interface DsTimePickerProps extends TimePickerProps {
+    /** 기본(base) 스타일. border/background/fontSize/color 등 자유롭게 지정 */
+    style?: React.CSSProperties;
+    /** hover 상태에서 base 위에 덮어쓸 스타일 */
+    hoverStyle?: React.CSSProperties;
+    /** active(focus) 상태에서 base/hover 위에 덮어쓸 스타일 */
+    activeStyle?: React.CSSProperties;
+}
+declare const TimePicker: React.FC<DsTimePickerProps>;
 export default TimePicker;