fix: circular dep

mondaycom · Mar 28, 2024 · 972ada5 · 972ada5
1 parent c33ab27
commit 972ada5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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}