@uniai-fe/ui-legacy 0.1.19 → 0.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/tooltip/components/Help.tsx +4 -0
  3. package/src/tooltip/components/MessageBox.tsx +1 -0
  4. package/src/tooltip/components/Wrapper.tsx +4 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/ui-legacy",
3
- "version": "0.1.19",
3
+ "version": "0.1.20",
4
4
  "description": "Legacy UI Toolkit for UNIAI FE Projects",
5
5
  "type": "module",
6
6
  "private": false,
package/src/tooltip/components/Help.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  "use client";
2
2
 
3
+ import clsx from "clsx";
3
4
  import Button from "../../button";
4
5
  import StyledTooltipHelp from "../styles/styled-components/help";
5
6
  import TooltipWrapper from "./Wrapper";
@@ -13,17 +14,20 @@ import TooltipWrapper from "./Wrapper";
13
14
  * @param {"bottom"|"top"} [props.vertical] 툴팁 세로 위치
14
15
  */
15
16
  export default function TooltipHelp({
17
+ className,
16
18
  children: message,
17
19
  horizontal = "left",
18
20
  vertical = "bottom",
19
21
  }: {
20
22
  children: React.ReactNode;
21
23
  } & Partial<{
24
+ className: string;
22
25
  horizontal: "left" | "right";
23
26
  vertical: "bottom" | "top";
24
27
  }>) {
25
28
  return (
26
29
  <StyledTooltipHelp.container
30
+ className={clsx("tooltip-container tooltip-help", className)}
27
31
  as={TooltipWrapper}
28
32
  message={message}
29
33
  horizontal={horizontal}
package/src/tooltip/components/MessageBox.tsx CHANGED
@@ -16,6 +16,7 @@ export default function TooltipMessageBox({
16
16
  }>) {
17
17
  return (
18
18
  <StyledTooltipMessageBox.container
19
+ className="tooltip-message-box"
19
20
  $horizontal={horizontal}
20
21
  $vertical={vertical}
21
22
  $bgColor={bgColor}
package/src/tooltip/components/Wrapper.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  "use client";
2
2
 
3
+ import clsx from "clsx";
3
4
  import StyledTooltipBase from "../styles/styled-components/base";
4
5
  import TooltipMessageBox from "./MessageBox";
5
6
 
@@ -12,6 +13,7 @@ import TooltipMessageBox from "./MessageBox";
12
13
  * @param {"bottom"|"top"} [props.vertical] 툴팁 세로 위치
13
14
  */
14
15
  export default function TooltipWrapper({
16
+ className,
15
17
  children,
16
18
  message,
17
19
  horizontal = "left",
@@ -20,11 +22,12 @@ export default function TooltipWrapper({
20
22
  children: React.ReactNode;
21
23
  message: React.ReactNode;
22
24
  } & Partial<{
25
+ className: string;
23
26
  horizontal: "left" | "right";
24
27
  vertical: "bottom" | "top";
25
28
  }>) {
26
29
  return (
27
- <StyledTooltipBase.parent>
30
+ <StyledTooltipBase.parent className={clsx("tooltip-wrapper", className)}>
28
31
  {children}
29
32
  <TooltipMessageBox horizontal={horizontal} vertical={vertical}>
30
33
  {message}