fix box in tooltip/popover

Telefonica · Oct 1, 2024 · 32d32e4 · 32d32e4
1 parent ffaedf7
commit 32d32e4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/popover.tsx b/src/popover.tsx
@@ -4,7 +4,6 @@ import {BaseTooltip} from './tooltip';
 import Inline from './inline';
 import Stack from './stack';
 import {Text2, Text3} from './text';
-import Box from './box';
 import * as styles from './popover.css';
 import {vars as skinVars} from './skins/skin-contract.css';
 import {iconContainerSize} from './icon-button.css';
@@ -45,7 +44,7 @@ const Popover = ({
     return (
         <BaseTooltip
             content={
-                <Box className={styles.content}>
+                <div className={styles.content}>
                     {(title || description || asset) && (
                         <div
                             style={{
@@ -67,7 +66,7 @@ const Popover = ({
                     )}
 
                     {extra ?? children}
-                </Box>
+                </div>
             }
             centerContent={false}
             open={open}

diff --git a/src/tooltip.tsx b/src/tooltip.tsx
@@ -18,7 +18,6 @@ import {useSetTooltipState, useTooltipState} from './tooltip-context-provider';
 import {isRunningAcceptanceTest} from './utils/platform';
 import {IconButton} from './icon-button';
 import IconCloseRegular from './generated/mistica-icons/icon-close-regular';
-import Box from './box';
 import * as tokens from './text-tokens';
 
 import type {BoundingRect} from './hooks';
@@ -619,15 +618,15 @@ const Tooltip = ({
     return (
         <BaseTooltip
             content={
-                <Box className={styles.content}>
+                <div className={styles.content}>
                     {(title || description) && (
                         <Stack space={4}>
                             {title && <Text2 medium>{title}</Text2>}
                             {description && <Text2 regular>{description}</Text2>}
                         </Stack>
                     )}
                     {extra ?? children}
-                </Box>
+                </div>
             }
             centerContent={centerContent}
             dataAttributes={{'component-name': 'Tooltip', ...dataAttributes}}