maru_design2 2.17.1 → 2.18.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## [2.18.0](https://github.com/42maru-ai/maru-design2/compare/v2.17.1...v2.18.0) (2024-11-20)
+
+
+### Features
+
+* :bento: Icon - ADD new icons & UPDATE parser [#359](https://github.com/42maru-ai/maru-design2/issues/359) ([d85576b](https://github.com/42maru-ai/maru-design2/commit/d85576b1908e3dfd320ac6d242b485b292f1e320))
+* :sparkles: Button - ADD icon props ([f04aa38](https://github.com/42maru-ai/maru-design2/commit/f04aa3891a515bb5403ce5cb6798446a223f758d))
+* :sparkles: Chip - ADD onXIconClick [#292](https://github.com/42maru-ai/maru-design2/issues/292) ([2d8866e](https://github.com/42maru-ai/maru-design2/commit/2d8866e4ecd983ca533161e06afe27b113f51362))
+* :sparkles: Table - ADD arrowButton [#342](https://github.com/42maru-ai/maru-design2/issues/342) ([2257737](https://github.com/42maru-ai/maru-design2/commit/22577373936e98ed3eeced82b121b4f23465c638))
+* :sparkles: Table - ADD iconTooltip to format col header [#340](https://github.com/42maru-ai/maru-design2/issues/340) ([36ca853](https://github.com/42maru-ai/maru-design2/commit/36ca853595fbbb6184e965de823fc57408c2c7d8))
+* :sparkles: Table - ADD radio [#349](https://github.com/42maru-ai/maru-design2/issues/349) ([00bb2ea](https://github.com/42maru-ai/maru-design2/commit/00bb2ea408d4b22dd9d2d8eb63d4377ac96995bb))
+* :sparkles: Textarea - ADD textarea [#348](https://github.com/42maru-ai/maru-design2/issues/348) ([9c5ef5a](https://github.com/42maru-ai/maru-design2/commit/9c5ef5a4dee1ba087903758a539ba6556848590b))
+
+
+### Bug Fixes
+
+* :bug: Dropdown - DELETE dangerously html render [#362](https://github.com/42maru-ai/maru-design2/issues/362) ([f80022c](https://github.com/42maru-ai/maru-design2/commit/f80022cc87b19ac554b5ee51b3b821c157191644))
+* :bug: Font - pretendard weight [#347](https://github.com/42maru-ai/maru-design2/issues/347) ([f763253](https://github.com/42maru-ai/maru-design2/commit/f763253fa92c109bda69e4d1df4caecd50af2606))
+* :bug: Icon - Fix bugs by rename ([a17fdf3](https://github.com/42maru-ai/maru-design2/commit/a17fdf3c40feea6e2fb564c50c24252ce43f1a10))
+* :bug: Icon - UPDATE hoverColor default [#346](https://github.com/42maru-ai/maru-design2/issues/346) ([1188c6f](https://github.com/42maru-ai/maru-design2/commit/1188c6f3593bd06a20b168e625f89db77d0c54f8))
+* :bug: Input - FIX pasword clear function [#338](https://github.com/42maru-ai/maru-design2/issues/338) ([9be47d6](https://github.com/42maru-ai/maru-design2/commit/9be47d6e6235f726a282cf9cebc7ed2a562e0698))
+* :bug: Table - body init height calc [#334](https://github.com/42maru-ai/maru-design2/issues/334) ([0e262e0](https://github.com/42maru-ai/maru-design2/commit/0e262e0a5c697e6d0231b7d3639c22bcbb567b3e))
+* :lipstick: Dropdown - UPDATE clear style [#344](https://github.com/42maru-ai/maru-design2/issues/344) ([5ba57d5](https://github.com/42maru-ai/maru-design2/commit/5ba57d569e9d1d4cc406484e8d0b9031d8d4d43b))
+* :lipstick: Input - UPDATE style [#335](https://github.com/42maru-ai/maru-design2/issues/335) ([1b2660a](https://github.com/42maru-ai/maru-design2/commit/1b2660a5caf573cd0fa3cf274275deaa428872eb))
+
 ## [2.17.1](https://github.com/42maru-ai/maru-design2/compare/v2.17.0...v2.17.1) (2024-10-17)
 
 

package/dist/components/atoms/chip/Chip.d.ts

@@ -21,5 +21,9 @@ export interface ChipProps {
      */
     variant?: TChipVariant;
     className?: string;
+    /**
+     * 설정하면 X아이콘 생기며, 해당 아이콘에 클릭 이벤트를 할당함.
+     */
+    onXIconClick?: () => void;
 }
-export declare function Chip({ children, color, size, variant, className, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chip({ children, color, size, variant, className, onXIconClick, }: ChipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/icon/Icon.d.ts

@@ -13,4 +13,4 @@ export interface IconProps {
      */
     hoverColor?: string;
 }
-export declare function Icon({ name, color, hoverColor, }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Icon({ name, color, hoverColor }: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/icon/iconmap.d.ts

@@ -19,6 +19,8 @@ export declare const iconmap: {
             cy: string;
             r: string;
             fill: string;
+            stroke?: string;
+            strokeWidth?: string;
         }[];
         rects: {
             x: string;
@@ -32,19 +34,15 @@ export declare const iconmap: {
     };
 };
 export declare const ICONS: {
-    readonly AddLine_s16: "AddLine_s16";
-    readonly AlertCircleBg_s16: "AlertCircleBg_s16";
+    readonly AlertCircleBg_s1610: "AlertCircleBg_s1610";
+    readonly AlertCircle_s1413: "AlertCircle_s1413";
     readonly AlertCircle_s1615: "AlertCircle_s1615";
-    readonly AlertTriangleBg_s24: "AlertTriangleBg_s24";
+    readonly AlertTriangleBg_s2410: "AlertTriangleBg_s2410";
     readonly AlertTriangle_s1615: "AlertTriangle_s1615";
-    readonly ArrowLeftCircleBg_s2415: "ArrowLeftCircleBg_s2415";
-    readonly ArrowLeftCircle_s1812: "ArrowLeftCircle_s1812";
-    readonly ArrowLeftCircle_s2415: "ArrowLeftCircle_s2415";
-    readonly ArrowRightCircleBg_s2415: "ArrowRightCircleBg_s2415";
-    readonly ArrowRightCircle_s1812: "ArrowRightCircle_s1812";
-    readonly ArrowRightCircle_s2415: "ArrowRightCircle_s2415";
+    readonly ArrowDownCircle_s1413: "ArrowDownCircle_s1413";
     readonly ArrowRight_s1415: "ArrowRight_s1415";
     readonly ArrowRight_s1613: "ArrowRight_s1613";
+    readonly ArrowRight_s1813: "ArrowRight_s1813";
     readonly ArrowRight_s2420: "ArrowRight_s2420";
     readonly Atom01_s1615: "Atom01_s1615";
     readonly BarChart10_s2420: "BarChart10_s2420";
@@ -58,24 +56,32 @@ export declare const ICONS: {
     readonly CalendarDate_s2420: "CalendarDate_s2420";
     readonly Calendar_s1615: "Calendar_s1615";
     readonly CheckCircleBg_s1612: "CheckCircleBg_s1612";
-    readonly CheckCircleBg_s24: "CheckCircleBg_s24";
+    readonly CheckCircleBg_s2410: "CheckCircleBg_s2410";
     readonly CheckCircle_s1413: "CheckCircle_s1413";
     readonly CheckCircle_s1613: "CheckCircle_s1613";
-    readonly CheckboxIndeterminate_s16: "CheckboxIndeterminate_s16";
-    readonly CheckboxIndeterminate_s18: "CheckboxIndeterminate_s18";
-    readonly CheckboxOff_s16: "CheckboxOff_s16";
-    readonly CheckboxOff_s18: "CheckboxOff_s18";
-    readonly CheckboxOff_s24: "CheckboxOff_s24";
-    readonly CheckboxOn_s16: "CheckboxOn_s16";
-    readonly CheckboxOn_s18: "CheckboxOn_s18";
-    readonly CheckboxOn_s24: "CheckboxOn_s24";
+    readonly CheckboxIndeterminate_s1610: "CheckboxIndeterminate_s1610";
+    readonly CheckboxIndeterminate_s1810: "CheckboxIndeterminate_s1810";
+    readonly CheckboxOff_s1610: "CheckboxOff_s1610";
+    readonly CheckboxOff_s1810: "CheckboxOff_s1810";
+    readonly CheckboxOff_s2410: "CheckboxOff_s2410";
+    readonly CheckboxOn_s1610: "CheckboxOn_s1610";
+    readonly CheckboxOn_s1810: "CheckboxOn_s1810";
+    readonly CheckboxOn_s2410: "CheckboxOn_s2410";
     readonly ChevronDown_s1615: "ChevronDown_s1615";
     readonly ChevronDown_s2420: "ChevronDown_s2420";
+    readonly ChevronLeftCircleBg_s2415: "ChevronLeftCircleBg_s2415";
+    readonly ChevronLeftCircle_s1810: "ChevronLeftCircle_s1810";
+    readonly ChevronLeftCircle_s1812: "ChevronLeftCircle_s1812";
+    readonly ChevronLeftCircle_s2415: "ChevronLeftCircle_s2415";
     readonly ChevronLeftDouble_s1615: "ChevronLeftDouble_s1615";
     readonly ChevronLeft_s1615: "ChevronLeft_s1615";
     readonly ChevronLeft_s2020: "ChevronLeft_s2020";
     readonly ChevronLeft_s2420: "ChevronLeft_s2420";
     readonly ChevronLeft_s4030: "ChevronLeft_s4030";
+    readonly ChevronRightCircleBg_s2415: "ChevronRightCircleBg_s2415";
+    readonly ChevronRightCircle_s1810: "ChevronRightCircle_s1810";
+    readonly ChevronRightCircle_s1812: "ChevronRightCircle_s1812";
+    readonly ChevronRightCircle_s2415: "ChevronRightCircle_s2415";
     readonly ChevronRightDouble_s1615: "ChevronRightDouble_s1615";
     readonly ChevronRight_s1615: "ChevronRight_s1615";
     readonly ChevronRight_s2020: "ChevronRight_s2020";
@@ -89,6 +95,7 @@ export declare const ICONS: {
     readonly ClipboardPlus_s2415: "ClipboardPlus_s2415";
     readonly Clipboard_s1615: "Clipboard_s1615";
     readonly CodeSnippet02_s2420: "CodeSnippet02_s2420";
+    readonly Connection_s1810: "Connection_s1810";
     readonly Copy03_s1615: "Copy03_s1615";
     readonly Copy_s1413: "Copy_s1413";
     readonly Copy_s1613: "Copy_s1613";
@@ -98,6 +105,7 @@ export declare const ICONS: {
     readonly CornerUpRight_s1815: "CornerUpRight_s1815";
     readonly CurrencyDollar_s2420: "CurrencyDollar_s2420";
     readonly Cursor04_s1815: "Cursor04_s1815";
+    readonly CursorBox_s1613: "CursorBox_s1613";
     readonly CursorBox_s1815: "CursorBox_s1815";
     readonly Database01_s1615: "Database01_s1615";
     readonly Database02_s1615: "Database02_s1615";
@@ -108,42 +116,53 @@ export declare const ICONS: {
     readonly Database03_s2415: "Database03_s2415";
     readonly Database03_s2420: "Database03_s2420";
     readonly DatabasePlus_s1612: "DatabasePlus_s1612";
+    readonly DatabasePlus_s1810: "DatabasePlus_s1810";
     readonly DatabasePlus_s1812: "DatabasePlus_s1812";
+    readonly DatabasePreview_s1810: "DatabasePreview_s1810";
     readonly Dataflow01_s1615: "Dataflow01_s1615";
     readonly Dataflow01_s2015: "Dataflow01_s2015";
     readonly Dataflow01_s2415: "Dataflow01_s2415";
     readonly Dataflow01_s2420: "Dataflow01_s2420";
     readonly Dataflow04_s1615: "Dataflow04_s1615";
+    readonly Dataflow04_s2415: "Dataflow04_s2415";
+    readonly Dataflow05_s1815: "Dataflow05_s1815";
+    readonly Diagram_s2014: "Diagram_s2014";
     readonly Dotpoints01_s2420: "Dotpoints01_s2420";
     readonly DotsGrid_s1815: "DotsGrid_s1815";
     readonly DotsGrid_s2420: "DotsGrid_s2420";
     readonly DotsGrid_s3220: "DotsGrid_s3220";
+    readonly DotsVertical02_s1612: "DotsVertical02_s1612";
     readonly DotsVertical_s1815: "DotsVertical_s1815";
     readonly DotsVertical_s2415: "DotsVertical_s2415";
-    readonly DownCircle_s1413: "DownCircle_s1413";
-    readonly Down_s16: "Down_s16";
+    readonly Down_s1610: "Down_s1610";
     readonly Download01_s1313: "Download01_s1313";
     readonly Download01_s1413: "Download01_s1413";
     readonly Download01_s1613: "Download01_s1613";
-    readonly Downstream_s14: "Downstream_s14";
-    readonly Downstream_s24: "Downstream_s24";
-    readonly DragSelect_s1613: "DragSelect_s1613";
+    readonly Downstream_s1410: "Downstream_s1410";
+    readonly Downstream_s2410: "Downstream_s2410";
     readonly Drag_s1613: "Drag_s1613";
     readonly Edit03_s1413: "Edit03_s1413";
     readonly Edit03_s1613: "Edit03_s1613";
     readonly Expand_s1815: "Expand_s1815";
-    readonly EyeOff_s16: "EyeOff_s16";
-    readonly Eye_s16: "Eye_s16";
+    readonly EyeOff_s1610: "EyeOff_s1610";
+    readonly Eye_s1610: "Eye_s1610";
     readonly File02_s1615: "File02_s1615";
     readonly File06_s1615: "File06_s1615";
     readonly File06_s2420: "File06_s2420";
-    readonly FileCheck02_s14: "FileCheck02_s14";
+    readonly FileChart_s1810: "FileChart_s1810";
+    readonly FileCheck02_s1410: "FileCheck02_s1410";
     readonly FileCheck02_s1615: "FileCheck02_s1615";
     readonly FileCheck03_s1615: "FileCheck03_s1615";
+    readonly FileCheck04_s1413: "FileCheck04_s1413";
+    readonly FileCode_s1810: "FileCode_s1810";
+    readonly FileDot_s1810: "FileDot_s1810";
     readonly FilePlus02_s1615: "FilePlus02_s1615";
+    readonly FilePlus_s1810: "FilePlus_s1810";
     readonly FilePlus_s1812: "FilePlus_s1812";
     readonly FileQuestion02_s1615: "FileQuestion02_s1615";
+    readonly FileRefresh_s1810: "FileRefresh_s1810";
     readonly FileRefresh_s1812: "FileRefresh_s1812";
+    readonly FileSlash_s1413: "FileSlash_s1413";
     readonly FileX02_s1615: "FileX02_s1615";
     readonly FileX02_s3220: "FileX02_s3220";
     readonly File_s1611: "File_s1611";
@@ -151,20 +170,21 @@ export declare const ICONS: {
     readonly File_s2420: "File_s2420";
     readonly File_s3020: "File_s3020";
     readonly FilterLines_s1815: "FilterLines_s1815";
+    readonly FolderSetting_s2013: "FolderSetting_s2013";
     readonly FolderUpload_s1615: "FolderUpload_s1615";
     readonly FolderUpload_s1815: "FolderUpload_s1815";
     readonly FolderUpload_s2420: "FolderUpload_s2420";
+    readonly Folder_s1810: "Folder_s1810";
     readonly Folder_s2415: "Folder_s2415";
     readonly Folder_s2420: "Folder_s2420";
     readonly Folder_s2820: "Folder_s2820";
     readonly Globe01_s1615: "Globe01_s1615";
-    readonly Grabber_s1612: "Grabber_s1612";
     readonly GraduationHat01_s1615: "GraduationHat01_s1615";
     readonly GraduationHat01_s2415: "GraduationHat01_s2415";
     readonly GraduationHat01_s2420: "GraduationHat01_s2420";
-    readonly HomeOutline24_s24: "HomeOutline24_s24";
-    readonly Information_s16: "Information_s16";
-    readonly K_s18: "K_s18";
+    readonly HomeOutline24_s2410: "HomeOutline24_s2410";
+    readonly Home_s2015: "Home_s2015";
+    readonly Information_s1610: "Information_s1610";
     readonly LineChartDown01_s2420: "LineChartDown01_s2420";
     readonly Loading02_s1415: "Loading02_s1415";
     readonly Loading02_s1615: "Loading02_s1615";
@@ -181,11 +201,11 @@ export declare const ICONS: {
     readonly MessageText_s1815: "MessageText_s1815";
     readonly MessageX_s1615: "MessageX_s1615";
     readonly Move_s1613: "Move_s1613";
-    readonly Network03_s14: "Network03_s14";
-    readonly Network03_s24: "Network03_s24";
+    readonly Network03_s1410: "Network03_s1410";
+    readonly Network03_s2410: "Network03_s2410";
     readonly Network03_s2415: "Network03_s2415";
-    readonly Network04_s14: "Network04_s14";
-    readonly Network04_s24: "Network04_s24";
+    readonly Network04_s1410: "Network04_s1410";
+    readonly Network04_s2410: "Network04_s2410";
     readonly Pause_s1615: "Pause_s1615";
     readonly Pause_s2420: "Pause_s2420";
     readonly PieChart01_s2420: "PieChart01_s2420";
@@ -193,10 +213,18 @@ export declare const ICONS: {
     readonly PieChart03_s2420: "PieChart03_s2420";
     readonly PlayCircleLeft_s2420: "PlayCircleLeft_s2420";
     readonly PlayCircleRight_s2420: "PlayCircleRight_s2420";
+    readonly PlusCircle_s1413: "PlusCircle_s1413";
     readonly PlusCircle_s1615: "PlusCircle_s1615";
+    readonly PlusCircle_s1810: "PlusCircle_s1810";
     readonly PlusCircle_s1812: "PlusCircle_s1812";
     readonly PlusCircle_s2420: "PlusCircle_s2420";
-    readonly QuestionCircleBg_s16: "QuestionCircleBg_s16";
+    readonly PlusDownLines_s1413: "PlusDownLines_s1413";
+    readonly PlusUpLines_s1413: "PlusUpLines_s1413";
+    readonly Plus_s1610: "Plus_s1610";
+    readonly PreviewLine_s2013: "PreviewLine_s2013";
+    readonly PreviewZoom_s2013: "PreviewZoom_s2013";
+    readonly Preview_s1413: "Preview_s1413";
+    readonly QuestionCircleBg_s1610: "QuestionCircleBg_s1610";
     readonly RefreshCcw02_s1415: "RefreshCcw02_s1415";
     readonly RefreshCcw02_s1615: "RefreshCcw02_s1615";
     readonly RefreshCcw02_s2420: "RefreshCcw02_s2420";
@@ -204,51 +232,57 @@ export declare const ICONS: {
     readonly RefreshCw02_s1413: "RefreshCw02_s1413";
     readonly RefreshCw02_s1615: "RefreshCw02_s1615";
     readonly ReverseLeft_s1815: "ReverseLeft_s1815";
+    readonly SaveAll_s1810: "SaveAll_s1810";
     readonly SaveAll_s1812: "SaveAll_s1812";
+    readonly Save_s1413: "Save_s1413";
     readonly Save_s1613: "Save_s1613";
     readonly SearchMd_s1615: "SearchMd_s1615";
     readonly SearchMd_s2420: "SearchMd_s2420";
+    readonly Setting01_s1413: "Setting01_s1413";
     readonly Settings02_s1615: "Settings02_s1615";
+    readonly Settings02_s2415: "Settings02_s2415";
     readonly Settings02_s2420: "Settings02_s2420";
     readonly Share03_s1215: "Share03_s1215";
     readonly Share03_s1613: "Share03_s1613";
     readonly SortDown_s0815: "SortDown_s0815";
     readonly SortOutline_s1415: "SortOutline_s1415";
     readonly SortUp_s0815: "SortUp_s0815";
-    readonly State_s16: "State_s16";
-    readonly State_s18: "State_s18";
+    readonly State_s1610: "State_s1610";
+    readonly State_s1810: "State_s1810";
     readonly StopCircle_s1413: "StopCircle_s1413";
     readonly StopCircle_s1615: "StopCircle_s1615";
     readonly StopCircle_s2420: "StopCircle_s2420";
-    readonly SubtractLine_s16: "SubtractLine_s16";
+    readonly SubtractLine_s1610: "SubtractLine_s1610";
     readonly Success_s1615: "Success_s1615";
     readonly SwitchHorizontal02_s1615: "SwitchHorizontal02_s1615";
-    readonly T_s18: "T_s18";
     readonly Title_s2420: "Title_s2420";
+    readonly Toggle_s2013: "Toggle_s2013";
     readonly Tool_s1413: "Tool_s1413";
     readonly Transform_s1815: "Transform_s1815";
     readonly Trash01_s1413: "Trash01_s1413";
     readonly Trash01_s1613: "Trash01_s1613";
+    readonly Trash01_s1810: "Trash01_s1810";
     readonly Trash01_s1815: "Trash01_s1815";
-    readonly Up_s16: "Up_s16";
+    readonly Up_s1610: "Up_s1610";
     readonly Upload01_s1613: "Upload01_s1613";
     readonly UserCircleBg_s2415: "UserCircleBg_s2415";
     readonly UserCircle_s1615: "UserCircle_s1615";
     readonly UserCircle_s2415: "UserCircle_s2415";
     readonly UserCircle_s2420: "UserCircle_s2420";
     readonly UserPlus_s1615: "UserPlus_s1615";
+    readonly UserPlus_s1810: "UserPlus_s1810";
     readonly UserPlus_s1812: "UserPlus_s1812";
     readonly Users01_s1615: "Users01_s1615";
     readonly Users01_s2420: "Users01_s2420";
-    readonly V_s18: "V_s18";
     readonly XCircleBg_s1612: "XCircleBg_s1612";
     readonly XCircle_s1413: "XCircle_s1413";
     readonly XCircle_s1613: "XCircle_s1613";
     readonly XCircle_s2420: "XCircle_s2420";
     readonly XDiamondBg_s2415: "XDiamondBg_s2415";
-    readonly X_s14: "X_s14";
+    readonly X_s1410: "X_s1410";
     readonly X_s1613: "X_s1613";
     readonly X_s2420: "X_s2420";
+    readonly Zap_s1810: "Zap_s1810";
     readonly Zap_s1812: "Zap_s1812";
     readonly ZoomIn_s1815: "ZoomIn_s1815";
     readonly ZoomOut_s1815: "ZoomOut_s1815";

package/dist/components/atoms/textarea/Textarea.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import './textarea.scss';
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> {
+    /**
+     * 에러났을때 메시지. (@v1 isValid, validMessage)
+     */
+    invalid?: {
+        on: boolean;
+        message?: string;
+    };
+    /**
+     * 초기화 함수 (@v1 hasClearBtn, onClear)
+     */
+    onClear?: () => void;
+    /**
+     * 초기화 버튼 숨기기
+     */
+    hiddenClearButton?: boolean;
+    /**
+     * textarea을 감싸고 있는 div의 ref, textarea은 일반 ref 사용
+     */
+    wrapperRef?: React.RefObject<HTMLDivElement>;
+    className?: string;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/atoms/textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './Textarea';

package/dist/components/molecules/dropdown/toggles/Clear.d.ts

@@ -3,6 +3,8 @@ interface Props {
     initInputValue: () => void;
     onClear: () => void;
     initFilteredData: () => void;
+    focus: boolean;
+    color: string;
 }
-declare function Clear({ clearSelected, initInputValue, onClear, initFilteredData, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Clear({ clearSelected, initInputValue, onClear, initFilteredData, focus, color, }: Props): import("react/jsx-runtime").JSX.Element;
 export default Clear;

package/dist/components/molecules/table/Colgroup.d.ts

@@ -1,8 +1,9 @@
 import { IColumnFormats } from './types';
 interface Props {
     hasCheckbox?: boolean;
+    hasRadio?: boolean;
     formats: IColumnFormats[];
     hasActionCol: boolean;
 }
-declare function Colgroup({ hasCheckbox, formats, hasActionCol }: Props): import("react/jsx-runtime").JSX.Element;
+declare function Colgroup({ hasCheckbox, hasRadio, formats, hasActionCol }: Props): import("react/jsx-runtime").JSX.Element;
 export default Colgroup;

package/dist/components/molecules/table/Table.d.ts

@@ -1,3 +1,3 @@
 import { TableProps } from './types';
 import './table.scss';
-export declare function Table({ rowIdKey, data, formats, sort, onSort, checkedIds, onCheck, filter, kebabMenu, binButton, onRowClick, selectedRow, highlightRows, className, id, maxHeight, noData, loading, emptyBodyHeight, }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare function Table({ rowIdKey, data, formats, sort, onSort, checkedIds, onCheck, radioCheckedId, onRadioCheck, filter, kebabMenu, binButton, arrowButton, onRowClick, selectedRow, highlightRows, className, id, maxHeight, noData, loading, emptyBodyHeight, }: TableProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/table/body/RadioTd.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    rowId: string;
+    checked: boolean;
+    onCheck: (rowId: string, checked: boolean) => void;
+}
+declare function RadioTd({ rowId, checked, onCheck }: Props): import("react/jsx-runtime").JSX.Element;
+export default RadioTd;

package/dist/components/molecules/table/body/TBody.d.ts

@@ -6,6 +6,8 @@ interface Props {
     data: Record<string, any>[];
     checkedIds?: string[];
     onCheck?: (ids: string[]) => void;
+    radioCheckedId?: string;
+    onRadioCheck?: (id: string) => void;
     hasActionCol: boolean;
     kebabMenu?: {
         show: (rowId?: string) => TShow;
@@ -15,6 +17,10 @@ interface Props {
         show: (rowId?: string) => TShow;
         onClick: (rowId: string) => void;
     };
+    arrowButton?: {
+        show: (rowId?: string) => TShow;
+        onClick: (rowId: string) => void;
+    };
     onRowClick?: (rowId: string) => void;
     selectedRow?: {
         rowId: string;
@@ -34,5 +40,5 @@ interface Props {
     };
     emptyBodyHeight?: number;
 }
-declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck, hasActionCol, kebabMenu, binButton, onRowClick, selectedRow, highlightRows, noData, loading, emptyBodyHeight, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function TBody({ rowIdKey, formats, data, checkedIds, onCheck, radioCheckedId, onRadioCheck, hasActionCol, kebabMenu, binButton, arrowButton, onRowClick, selectedRow, highlightRows, noData, loading, emptyBodyHeight, }: Props): import("react/jsx-runtime").JSX.Element;
 export default TBody;

package/dist/components/molecules/table/header/THead.d.ts

@@ -5,6 +5,7 @@ interface Props {
     sort?: ISort;
     onSortClick: (columnName: string) => () => void;
     hasCheckbox?: boolean;
+    hasRadio?: boolean;
     allCheckbox: boolean;
     onAllCheck: (checked: boolean) => void;
     hasActionCol: boolean;
@@ -15,5 +16,5 @@ interface Props {
     filterToggle: boolean;
     setFilterToggle: React.Dispatch<React.SetStateAction<boolean>>;
 }
-declare function THead({ formats, sort, onSortClick, hasCheckbox, allCheckbox, onAllCheck, hasActionCol, filter, filterToggle, setFilterToggle, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function THead({ formats, sort, onSortClick, hasCheckbox, hasRadio, allCheckbox, onAllCheck, hasActionCol, filter, filterToggle, setFilterToggle, }: Props): import("react/jsx-runtime").JSX.Element;
 export default THead;

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

@@ -11,6 +11,10 @@ export interface IColumnFormats {
     width?: string;
     sortable?: boolean;
     isHide?: boolean;
+    /**
+     * 헤더 컬럼명 옆에 아이콘+툴팁 노출. 툴팁에 들어갈 문자열 설정.
+     */
+    iconTooltip?: string;
 }
 export type TShow = 'none' | 'hover' | 'always';
 export interface TableProps {
@@ -33,13 +37,18 @@ export interface TableProps {
      */
     onSort?: (sort: ISort) => void;
     /**
-     * 체크된 아이디들(@v1 hasCheckbox, checkedArray)
+     * 체크박스에 체크된 아이디들. radioCheckedId와 같이 쓸 수 없음.(@v1 hasCheckbox, checkedArray)
      */
     checkedIds?: string[];
     /**
      * (@v1 setCheckedArray)
      */
     onCheck?: (ids: string[]) => void;
+    /**
+     * 라디오에 체크된 아이디. checkedIds와 같이 쓸 수 없음.
+     */
+    radioCheckedId?: string;
+    onRadioCheck?: (id: string) => void;
     /**
      * 최우측 컬럼 헤더의 필터 영역. format.filter와 조합해서 사용 가능
      */
@@ -48,19 +57,29 @@ export interface TableProps {
         onReset: () => void;
     };
     /**
-     * 최우측 컬럼 바디의 더보기 메뉴. binButton과 같이 쓸 수 없음. TShow='none' | 'hover' | 'always'. (@v1 hamberger)
+     * 최우측 컬럼 바디의 더보기 메뉴. binButton, arrowButton과 같이 쓸 수 없음.
+     * TShow='none' | 'hover' | 'always'. (@v1 hamberger)
      */
     kebabMenu?: {
         show: (rowId?: string) => TShow;
         content: (rowId: string, onClose: () => void) => React.ReactNode;
     };
     /**
-     * 최우측 컬럼 바디의 휴지통 버튼. kebabMenu와 같이 쓸 수 없음. TShow='none' | 'hover' | 'always'.
+     * 최우측 컬럼 바디의 휴지통 버튼. kebabMenu, arrowButton과 같이 쓸 수 없음.
+     * TShow='none' | 'hover' | 'always'.
      */
     binButton?: {
         show: (rowId?: string) => TShow;
         onClick: (rowId: string) => void;
     };
+    /**
+     * 최우측 컬럼 바디의 화살표 버튼. kebabMenu, binButton과 같이 쓸 수 없음.
+     * TShow='none' | 'hover' | 'always'.
+     */
+    arrowButton?: {
+        show: (rowId?: string) => TShow;
+        onClick: (rowId: string) => void;
+    };
     /**
      * 테이블 행 click 이벤트. rowId를 콜백함수에게 전달.
      */

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/atoms/input';
 export * from './components/atoms/popover';
 export * from './components/atoms/radio';
 export * from './components/atoms/skeleton';
+export * from './components/atoms/textarea';
 export * from './components/atoms/toggle';
 export * from './components/atoms/tooltip';
 export * from './components/molecules/calendar';