refactor(tooltip): change classname

channel-io · Jan 2, 2024 · c1b66fb · c1b66fb
1 parent 4cac025
commit c1b66fb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss b/packages/bezier-react/src/components/Tooltip/Tooltip.module.scss
@@ -1,7 +1,7 @@
 @use "../../styles/mixins/typography";
 
 @layer components {
-  .tooltip-content {
+  .Tooltip {
     z-index: var(--z-index-tooltip);
 
     box-sizing: border-box;
@@ -16,14 +16,14 @@
     overflow: hidden;
     border-radius: var(--radius-8);
     box-shadow: var(--ev-3);
-  }
 
-  .text-container {
-    overflow: hidden;
-  }
+    .container {
+      overflow: hidden;
+    }
 
-  .content {
-    @include typography.ellipsis(20, var(--font-line-height-18));
-    white-space: pre-wrap;
+    .content {
+      @include typography.ellipsis(20, var(--font-line-height-18));
+      white-space: pre-wrap;
+    }
   }
 }
diff --git a/packages/bezier-react/src/components/Tooltip/Tooltip.tsx b/packages/bezier-react/src/components/Tooltip/Tooltip.tsx
@@ -283,8 +283,11 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip
             collisionPadding={8}
             hideWhenDetached
           >
-            <HStack spacing={4} className={styles['tooltip-content']}>
-              <div className={styles['text-container']}>
+            <HStack
+              spacing={4}
+              className={styles.Tooltip}
+            >
+              <div className={styles.container}>
                 { title && (
                   <Text
                     typo="13"