@teamturing/react-kit 2.16.2 → 2.17.0

package/dist/core/Datagrid/DatagridSubheader.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { SxProp } from '../../utils/styled-system';
+type Props = {} & SxProp;
+declare const DatagridSubheader: ({ ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
+export default DatagridSubheader;
+export type { Props as DatagridSubheaderProps };

package/dist/core/Datagrid/index.d.ts

@@ -7,6 +7,7 @@ import { DatagridRowProps } from './DatagridRow';
 type Props = {} & HTMLAttributes<HTMLDivElement> & SxProp;
 declare const _default: (({ children, sx, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element) & {
     Header: ({ leadingVisual: LeadingVisual, trailingAction, ...props }: DatagridHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Subheader: ({ ...props }: PropsWithChildren<SxProp>) => import("react/jsx-runtime").JSX.Element;
     Body: ({ ...props }: PropsWithChildren<SxProp>) => import("react/jsx-runtime").JSX.Element;
     Row: ({ gapX, alignItems, justifyContent, sx, children, ...props }: PropsWithChildren<DatagridRowProps>) => import("react/jsx-runtime").JSX.Element;
     Cell: ({ children, ...props }: PropsWithChildren<Pick<import("../Grid").GridUnitProps, "size" | "sx">>) => import("react/jsx-runtime").JSX.Element;

package/dist/core/Overlay/index.d.ts

@@ -1,20 +1,21 @@
 import { HTMLAttributes, RefObject } from 'react';
-import { ResponsiveValue } from 'styled-system';
-type OverlaySizeType = 's' | 'm' | 'l';
+import { MaxHeightProps, ResponsiveValue } from 'styled-system';
+import { SxProp } from '../../utils/styled-system';
+type OverlaySizeType = 's' | 'm' | 'l' | 'auto';
 type Props = {
     isOpen?: boolean;
     onDismiss?: () => void;
     size?: ResponsiveValue<OverlaySizeType>;
     ignoreOutsideClickRefs?: RefObject<HTMLElement>[];
     dismissFocusRef?: RefObject<HTMLElement>;
-} & HTMLAttributes<HTMLElement>;
+} & MaxHeightProps & SxProp & HTMLAttributes<HTMLElement>;
 declare const _default: import("react").ForwardRefExoticComponent<{
     isOpen?: boolean | undefined;
     onDismiss?: (() => void) | undefined;
     size?: ResponsiveValue<OverlaySizeType> | undefined;
     ignoreOutsideClickRefs?: RefObject<HTMLElement>[] | undefined;
     dismissFocusRef?: RefObject<HTMLElement> | undefined;
-} & HTMLAttributes<HTMLElement> & {
+} & MaxHeightProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>> & SxProp & HTMLAttributes<HTMLElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/core/Pill/index.d.ts

@@ -1,55 +1,71 @@
-import { ComponentType, ElementType, ReactNode, SVGProps } from 'react';
+import { ComponentType, ElementType, HTMLAttributes, ReactNode, SVGProps, MouseEvent as ReactMouseEvent, KeyboardEvent as ReactKeyboardEvent } from 'react';
 import { ResponsiveValue } from 'styled-system';
 import { SxProp } from '../../utils/styled-system';
 type Props = {
-    text?: string;
     /**
      * 크기를 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    size?: ResponsiveValue<'l' | 'm' | 's'>;
+    size?: ResponsiveValue<'m'>;
     /**
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
      */
-    variant?: ResponsiveValue<'secondary'>;
+    variant?: ResponsiveValue<'outlined'>;
+    /**
+     *
+     */
+    disabled?: boolean;
     /**
      * text 앞에 보여질 시각적 요소를 정의합니다. Icon, Image 등이 될 수 있습니다.
      */
     leadingVisual?: ElementType | ReactNode;
     /**
-     * 없앨 수 있을 때 onRemove를 넘기면 삭제 버튼이 trailingVisual 자리에 생깁니다.
+     * text 뒤에 보여질 시각적 요소를 정의합니다. Icon, Image 등이 될 수 있습니다.
+     */
+    trailingVisual?: ElementType | ReactNode;
+    /**
+     * 없앨 수 있을 때 onRemove를 넘기면 삭제 버튼이 생깁니다.
      */
-    onRemove?: () => void;
+    onRemove?: (event: ReactMouseEvent<HTMLDivElement> | ReactKeyboardEvent<HTMLDivElement>) => void;
     /**
      * onRemove가 undefined가 아닐 때 나오는 삭제 버튼의 아이콘을 정의합니다.
      */
     removeIcon?: ComponentType<SVGProps<SVGSVGElement>>;
-} & SxProp;
+} & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, 'onClick'>;
 declare const _default: import("react").ForwardRefExoticComponent<{
-    text?: string | undefined;
     /**
      * 크기를 정의합니다.
      * 반응형 디자인이 적용됩니다.
      */
-    size?: ResponsiveValue<"m" | "s" | "l"> | undefined;
+    size?: ResponsiveValue<"m"> | undefined;
     /**
      * 색을 정의합니다.
      * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
      */
-    variant?: ResponsiveValue<"secondary"> | undefined;
+    variant?: ResponsiveValue<"outlined"> | undefined;
+    /**
+     *
+     */
+    disabled?: boolean | undefined;
     /**
      * text 앞에 보여질 시각적 요소를 정의합니다. Icon, Image 등이 될 수 있습니다.
      */
     leadingVisual?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | null | undefined;
     /**
-     * 없앨 수 있을 때 onRemove를 넘기면 삭제 버튼이 trailingVisual 자리에 생깁니다.
+     * text 뒤에 보여질 시각적 요소를 정의합니다. Icon, Image 등이 될 수 있습니다.
+     */
+    trailingVisual?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | null | undefined;
+    /**
+     * 없앨 수 있을 때 onRemove를 넘기면 삭제 버튼이 생깁니다.
      */
-    onRemove?: (() => void) | undefined;
+    onRemove?: ((event: ReactKeyboardEvent<HTMLDivElement> | ReactMouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
     /**
      * onRemove가 undefined가 아닐 때 나오는 삭제 버튼의 아이콘을 정의합니다.
      */
     removeIcon?: ComponentType<SVGProps<SVGSVGElement>> | undefined;
-} & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
+} & SxProp & Pick<HTMLAttributes<HTMLSpanElement>, "onClick"> & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 export default _default;
 export type { Props as PillProps };

package/dist/core/TextInput/TextInputTrailingAction.d.ts

@@ -0,0 +1,11 @@
+import { ComponentType, SVGProps } from 'react';
+import { SxProp } from '../../utils/styled-system';
+import { UnstyledButtonProps } from '../_UnstyledButton';
+type Props = {
+    icon: ComponentType<SVGProps<SVGSVGElement>>;
+} & UnstyledButtonProps;
+declare const _default: import("react").ForwardRefExoticComponent<{
+    icon: ComponentType<SVGProps<SVGSVGElement>>;
+} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & SxProp & import("react").RefAttributes<HTMLButtonElement>>;
+export default _default;
+export type { Props as TextInputTrailingActionProps };

package/dist/core/TextInput/index.d.ts

@@ -17,23 +17,27 @@ type Props = {
      */
     trailingAction?: React.ReactElement<HTMLProps<HTMLButtonElement>>;
 } & InputHTMLAttributes<HTMLInputElement>;
-declare const TextInput: import("react").ForwardRefExoticComponent<{
+declare const _default: import("react").ForwardRefExoticComponent<{
     /**
      * TODO asdf
      */
-    validationStatus?: 'error' | 'success' | undefined;
+    validationStatus?: "error" | "success" | undefined;
     /**
      * 입력 창 앞에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
      */
-    leadingVisual?: ElementType | ReactNode;
+    leadingVisual?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | null | undefined;
     /**
      * 입력 창 뒤에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
      */
-    trailingVisual?: ElementType | ReactNode;
+    trailingVisual?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | null | undefined;
     /**
      * 입력 창 뒤에 사용작용할 요소를 정의합니다.
      */
     trailingAction?: import("react").ReactElement<HTMLProps<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> | undefined;
-} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export default TextInput;
+} & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>> & {
+    TrailingAction: import("react").ForwardRefExoticComponent<{
+        icon: import("react").ComponentType<import("react").SVGProps<SVGSVGElement>>;
+    } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../..").SxProp & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export default _default;
 export type { Props as TextInputProps };