From 972ada5a485022b5046185642db8db7226acb28f Mon Sep 17 00:00:00 2001
From: Tal Koren <talko@monday.com>
Date: Thu, 28 Mar 2024 19:06:17 +0200
Subject: [PATCH] fix: circular dep

---
 packages/core/src/components/Tooltip/Tooltip.module.scss | 4 ++++
 packages/core/src/components/Tooltip/Tooltip.tsx         | 5 +----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/components/Tooltip/Tooltip.module.scss b/packages/core/src/components/Tooltip/Tooltip.module.scss
index a08fb0731a..6372f5be4b 100644
--- a/packages/core/src/components/Tooltip/Tooltip.module.scss
+++ b/packages/core/src/components/Tooltip/Tooltip.module.scss
@@ -27,6 +27,10 @@ $tooltip-z-index: 9999999999999999;
     z-index: 1;
   }
 
+  .title {
+    @include vibe-text(text2, bold);
+  }
+
   .content {
     display: inline-block;
     padding: var(--tooltip-padding, #{var(--spacing-small) var(--spacing-medium)});
diff --git a/packages/core/src/components/Tooltip/Tooltip.tsx b/packages/core/src/components/Tooltip/Tooltip.tsx
index 43fec3ec0b..4b1627b6ac 100644
--- a/packages/core/src/components/Tooltip/Tooltip.tsx
+++ b/packages/core/src/components/Tooltip/Tooltip.tsx
@@ -14,7 +14,6 @@ import { getStyle } from "../../helpers/typesciptCssModulesHelper";
 import styles from "./Tooltip.module.scss";
 import { ComponentDefaultTestId, getTestId } from "../../tests/test-ids-utils";
 import { SubIcon } from "../../types";
-import Text from "../Text/Text";
 import Icon from "../Icon/Icon";
 import Flex from "../Flex/Flex";
 
@@ -223,9 +222,7 @@ export default class Tooltip extends PureComponent<TooltipProps> {
           {title && (
             <Flex gap={Flex.gaps.XS}>
               {icon && <Icon iconSize="20" icon={icon} clickable={false} />}
-              <Text color={Text.colors.INHERIT} weight={Text.weights.BOLD}>
-                {title}
-              </Text>
+              <div className={styles.title}>{title}</div>
             </Flex>
           )}
           {contentValue}