fix: reduced tooltip appearance delay, removed styling options form t…

…ooltip (#276)
nearform · Jan 8, 2024 · 75d4a82 · 75d4a82
1 parent 9fa7d43
commit 75d4a82
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 13 deletions.
diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx
@@ -28,21 +28,20 @@ interface TooltipProps {
   side?: TooltipPrimitive.TooltipContentProps['side']
   content?: React.ReactNode
   sideOffset?: number
-  className?: string
 }
 
 const Tooltip = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
   TooltipProps
->(({ children, side, content, sideOffset, className }, ref) => {
+>(({ children, side, content, sideOffset }, ref) => {
   return (
     <TooltipPrimitive.Provider>
-      <TooltipPrimitive.Root>
+      <TooltipPrimitive.Root delayDuration={100}>
         <TooltipPrimitive.Trigger>{children}</TooltipPrimitive.Trigger>
         <TooltipPrimitive.Content
           side={side ?? 'top'}
           sideOffset={sideOffset ?? 4}
-          className={cn(tooltipVariants(), className)}
+          className={cn(tooltipVariants())}
           ref={ref}
         >
           {content}

diff --git a/stories/Tooltip/Docs.mdx b/stories/Tooltip/Docs.mdx
@@ -21,8 +21,6 @@ By default, the colour of the tooltip will be `primary-700`, above the child ele
 ## Right side, no offset
 
 <Canvas of={TooltipStories.RightSideNoOffset} />
-## Bottom side, different colour
-<Canvas of={TooltipStories.BottomChangeColour} />
 
 ## Pass a Component into the Tooltip
 

diff --git a/stories/Tooltip/Tooltip.stories.ts b/stories/Tooltip/Tooltip.stories.ts
@@ -28,13 +28,6 @@ export const RightSideNoOffset: Story = {
   }
 }
 
-export const BottomChangeColour: Story = {
-  args: {
-    side: 'bottom',
-    className:
-      'fill-secondary-700 bg-secondary-700 dark:fill-secondary-700 dark:bg-secondary-700 dark:text-foreground-inverse'
-  }
-}
 export const PassComponentIntoContent: Story = {
   args: {
     componentAsContent: true