@uniai-fe/ui-legacy 0.1.19 → 0.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniai-fe/ui-legacy",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "Legacy UI Toolkit for UNIAI FE Projects",
   "type": "module",
   "private": false,

package/src/button/components/base/Tooltip.tsx

@@ -17,6 +17,7 @@ export default function ButtonTooltip({
 }>) {
   return (
     <StyledButtonBase.tooltip
+      className="button-tooltip"
       type="button"
       $priority={priorityType}
       $fill={fillType}
@@ -25,9 +26,9 @@ export default function ButtonTooltip({
     >
       <figure>
         {fillType === "solid" ? (
-          <Icon.Tooltip.Solid />
+          <Icon.Tooltip.Solid size={size} />
         ) : (
-          <Icon.Tooltip.Outline />
+          <Icon.Tooltip.Outline size={size} />
         )}
       </figure>
     </StyledButtonBase.tooltip>

package/src/icon/components/tooltip/Outline.tsx

@@ -2,6 +2,8 @@
 
 import IconOutline from "../../svg/tooltip/outline.svg";
 
-export default function IconTooltipOutline() {
-  return <IconOutline viewBox="0 0 24 24" />;
+export default function IconTooltipOutline({ size = 24 }: { size?: number }) {
+  return (
+    <IconOutline viewBox={`0 0 ${size} ${size}`} width={size} height={size} />
+  );
 }

package/src/icon/components/tooltip/Solid.tsx

@@ -2,6 +2,8 @@
 
 import IconSolid from "../../svg/tooltip/solid.svg";
 
-export default function IconTooltipSolid() {
-  return <IconSolid viewBox="0 0 24 24" />;
+export default function IconTooltipSolid({ size = 24 }: { size?: number }) {
+  return (
+    <IconSolid viewBox={`0 0 ${size} ${size}`} width={size} height={size} />
+  );
 }

package/src/tooltip/components/Help.tsx

@@ -1,8 +1,10 @@
 "use client";
 
+import clsx from "clsx";
 import Button from "../../button";
 import StyledTooltipHelp from "../styles/styled-components/help";
 import TooltipWrapper from "./Wrapper";
+import type { ButtonFillType, ButtonPriorityType } from "../../types";
 
 /**
  * 툴팁; 도움말 컴포넌트
@@ -13,23 +15,33 @@ import TooltipWrapper from "./Wrapper";
  * @param {"bottom"|"top"} [props.vertical] 툴팁 세로 위치
  */
 export default function TooltipHelp({
+  className,
   children: message,
   horizontal = "left",
   vertical = "bottom",
+  buttonOptions,
 }: {
   children: React.ReactNode;
 } & Partial<{
+  className: string;
   horizontal: "left" | "right";
   vertical: "bottom" | "top";
+  buttonOptions: {
+    size: number;
+    priorityType: ButtonPriorityType;
+    fillType: ButtonFillType;
+    clickEvent: () => void;
+  };
 }>) {
   return (
     <StyledTooltipHelp.container
+      className={clsx("tooltip-container tooltip-help", className)}
       as={TooltipWrapper}
       message={message}
       horizontal={horizontal}
       vertical={vertical}
     >
-      <Button.Tooltip />
+      <Button.Tooltip {...buttonOptions} />
       {/* <TooltipMessageBox horizontal={horizontal} vertical={vertical}>
         {message}
       </TooltipMessageBox> */}

package/src/tooltip/components/MessageBox.tsx

@@ -16,6 +16,7 @@ export default function TooltipMessageBox({
 }>) {
   return (
     <StyledTooltipMessageBox.container
+      className="tooltip-message-box"
       $horizontal={horizontal}
       $vertical={vertical}
       $bgColor={bgColor}

package/src/tooltip/components/Wrapper.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import clsx from "clsx";
 import StyledTooltipBase from "../styles/styled-components/base";
 import TooltipMessageBox from "./MessageBox";
 
@@ -12,6 +13,7 @@ import TooltipMessageBox from "./MessageBox";
  * @param {"bottom"|"top"} [props.vertical] 툴팁 세로 위치
  */
 export default function TooltipWrapper({
+  className,
   children,
   message,
   horizontal = "left",
@@ -20,11 +22,12 @@ export default function TooltipWrapper({
   children: React.ReactNode;
   message: React.ReactNode;
 } & Partial<{
+  className: string;
   horizontal: "left" | "right";
   vertical: "bottom" | "top";
 }>) {
   return (
-    <StyledTooltipBase.parent>
+    <StyledTooltipBase.parent className={clsx("tooltip-wrapper", className)}>
       {children}
       <TooltipMessageBox horizontal={horizontal} vertical={vertical}>
         {message}