@uniai-fe/ui-legacy 0.1.20 → 0.1.21
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.
package/package.json
CHANGED
|
@@ -17,6 +17,7 @@ export default function ButtonTooltip({
|
|
|
17
17
|
}>) {
|
|
18
18
|
return (
|
|
19
19
|
<StyledButtonBase.tooltip
|
|
20
|
+
className="button-tooltip"
|
|
20
21
|
type="button"
|
|
21
22
|
$priority={priorityType}
|
|
22
23
|
$fill={fillType}
|
|
@@ -25,9 +26,9 @@ export default function ButtonTooltip({
|
|
|
25
26
|
>
|
|
26
27
|
<figure>
|
|
27
28
|
{fillType === "solid" ? (
|
|
28
|
-
<Icon.Tooltip.Solid />
|
|
29
|
+
<Icon.Tooltip.Solid size={size} />
|
|
29
30
|
) : (
|
|
30
|
-
<Icon.Tooltip.Outline />
|
|
31
|
+
<Icon.Tooltip.Outline size={size} />
|
|
31
32
|
)}
|
|
32
33
|
</figure>
|
|
33
34
|
</StyledButtonBase.tooltip>
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import IconOutline from "../../svg/tooltip/outline.svg";
|
|
4
4
|
|
|
5
|
-
export default function IconTooltipOutline() {
|
|
6
|
-
return
|
|
5
|
+
export default function IconTooltipOutline({ size = 24 }: { size?: number }) {
|
|
6
|
+
return (
|
|
7
|
+
<IconOutline viewBox={`0 0 ${size} ${size}`} width={size} height={size} />
|
|
8
|
+
);
|
|
7
9
|
}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import IconSolid from "../../svg/tooltip/solid.svg";
|
|
4
4
|
|
|
5
|
-
export default function IconTooltipSolid() {
|
|
6
|
-
return
|
|
5
|
+
export default function IconTooltipSolid({ size = 24 }: { size?: number }) {
|
|
6
|
+
return (
|
|
7
|
+
<IconSolid viewBox={`0 0 ${size} ${size}`} width={size} height={size} />
|
|
8
|
+
);
|
|
7
9
|
}
|
|
@@ -4,6 +4,7 @@ import clsx from "clsx";
|
|
|
4
4
|
import Button from "../../button";
|
|
5
5
|
import StyledTooltipHelp from "../styles/styled-components/help";
|
|
6
6
|
import TooltipWrapper from "./Wrapper";
|
|
7
|
+
import type { ButtonFillType, ButtonPriorityType } from "../../types";
|
|
7
8
|
|
|
8
9
|
/**
|
|
9
10
|
* 툴팁; 도움말 컴포넌트
|
|
@@ -18,12 +19,19 @@ export default function TooltipHelp({
|
|
|
18
19
|
children: message,
|
|
19
20
|
horizontal = "left",
|
|
20
21
|
vertical = "bottom",
|
|
22
|
+
buttonOptions,
|
|
21
23
|
}: {
|
|
22
24
|
children: React.ReactNode;
|
|
23
25
|
} & Partial<{
|
|
24
26
|
className: string;
|
|
25
27
|
horizontal: "left" | "right";
|
|
26
28
|
vertical: "bottom" | "top";
|
|
29
|
+
buttonOptions: {
|
|
30
|
+
size: number;
|
|
31
|
+
priorityType: ButtonPriorityType;
|
|
32
|
+
fillType: ButtonFillType;
|
|
33
|
+
clickEvent: () => void;
|
|
34
|
+
};
|
|
27
35
|
}>) {
|
|
28
36
|
return (
|
|
29
37
|
<StyledTooltipHelp.container
|
|
@@ -33,7 +41,7 @@ export default function TooltipHelp({
|
|
|
33
41
|
horizontal={horizontal}
|
|
34
42
|
vertical={vertical}
|
|
35
43
|
>
|
|
36
|
-
<Button.Tooltip />
|
|
44
|
+
<Button.Tooltip {...buttonOptions} />
|
|
37
45
|
{/* <TooltipMessageBox horizontal={horizontal} vertical={vertical}>
|
|
38
46
|
{message}
|
|
39
47
|
</TooltipMessageBox> */}
|