@jk-core/components 1.1.0 → 1.1.2

package/dist/src/common/Button/index.d.ts

@@ -1,6 +1,7 @@
+import { ReactNode } from 'react';
 interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** 버튼 내용 */
-    text: string;
+    children: ReactNode;
     /** 버튼 등급 (Primary, Secondary, Tertiary, Cancel) */
     grade?: 'tertiary' | 'secondary' | 'primary' | 'cancel';
     /** 버튼 비활성화 여부 */
@@ -10,7 +11,7 @@ interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** 로딩 중 여부, 버튼 내부 스피너 표시 */
     isLoading?: boolean;
     /** 버튼 클릭 이벤트 핸들러 */
-    onClick?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 }
 /**
  * 공용 버튼 컴포넌트입니다.
@@ -23,5 +24,5 @@ interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  * - `text` prop으로 버튼에 표시할 텍스트를 지정합니다.
  * - 추가적으로 button의 모든 기본 속성(React.)을 지원합니다.
  */
-export declare function Button({ text, grade, disabled, onClick, className, isLoading, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Button({ children, grade, disabled, onClick, className, isLoading, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/index.d.ts

@@ -1,5 +1,5 @@
 import { default as Breadcrumbs, BreadcrumbsItem } from './common/Breadcrumbs';
-import { Button } from './common/Button';
+import { default as Button } from './common/Button';
 import { default as Pagination } from './common/Pagination';
 import { default as Skeleton } from './common/Skeleton';
 import { default as SwitchButton } from './common/SwitchButton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jk-core/components",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "types": "./dist/index.d.ts",

package/src/common/Button/Button.module.scss

@@ -66,7 +66,6 @@
 
     &:hover {
       background-color: var(--G-5);
-      border-color: var(--G-80);
     }
 
     &:active {

package/src/common/Button/index.tsx

@@ -1,9 +1,10 @@
+import { ReactNode } from 'react';
 import { cn } from '@jk-core/utils';
 import styles from './Button.module.scss';
 
 interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /** 버튼 내용 */
-  text: string;
+  children: ReactNode;
   /** 버튼 등급 (Primary, Secondary, Tertiary, Cancel) */
   grade?: 'tertiary' | 'secondary' | 'primary' | 'cancel';
   /** 버튼 비활성화 여부 */
@@ -13,7 +14,7 @@ interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /** 로딩 중 여부, 버튼 내부 스피너 표시 */
   isLoading?: boolean;
   /** 버튼 클릭 이벤트 핸들러 */
-  onClick?: () => void;
+  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 }
 
 /**
@@ -27,8 +28,8 @@ interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
  * - `text` prop으로 버튼에 표시할 텍스트를 지정합니다.
  * - 추가적으로 button의 모든 기본 속성(React.)을 지원합니다.
  */
-export function Button({
-  text, grade = 'primary', disabled = false, onClick, className = '', isLoading = false, ...props
+export default function Button({
+  children, grade = 'primary', disabled = false, onClick, className = '', isLoading = false, ...props
 }: Props) {
   return (
     <button
@@ -47,7 +48,7 @@ export function Button({
       onClick={onClick}
       {...props}
     >
-      {text}
+      {children}
       {isLoading && (
         <div className={styles['loading-dot']}>
           <div />
@@ -57,4 +58,4 @@ export function Button({
       )}
     </button>
   );
-}
+}

package/src/index.tsx

@@ -1,5 +1,5 @@
 import Breadcrumbs, { BreadcrumbsItem } from '@/common/Breadcrumbs';
-import { Button } from '@/common/Button';
+import Button from '@/common/Button';
 import Pagination from '@/common/Pagination';
 import Skeleton from '@/common/Skeleton';
 import SwitchButton from '@/common/SwitchButton';