fix(tooltip): fix the prop passing for Tooltip root

Some of the props should have been passed to the Root but were going through to the content.

fix #215

Author: stuarthendren

src/components/Tooltip/Tooltip.stories.tsx

@@ -1,7 +1,7 @@
+import { Meta } from '@storybook/react'
 import React from 'react'
-import { Story, Meta } from '@storybook/react'
 import { Tooltip } from '.'
-import { Button, Box, Flex } from '../../'
+import { Box, Button, Flex } from '../../'
 import { Check } from '../Icons'
 
 export default {
@@ -96,6 +96,23 @@ export const Multiline = () => (
   </Tooltip>
 )
 
+/**
+ * The delay duration can be controlled
+ *
+ * - `delayDuration` - The duration from when the mouse enters the trigger until the tooltip opens.
+ * - `skipDelayDuration` - How much time a user has to enter another trigger without incurring a delay again.
+ */
+export const Delay = () => (
+  <>
+    <Tooltip delayDuration={500} skipDelayDuration={0} content="OK">
+      <Button>Delay 500ms</Button>
+    </Tooltip>
+    <Tooltip delayDuration={2000} skipDelayDuration={0} content="OK">
+      <Button css={{ ml: '$3' }}>Delay 2s</Button>
+    </Tooltip>
+  </>
+)
+
 /**
  * By default the tooltip is rendered using a react portal. However, this can cause issues in rare circumstances.
  *

src/components/Tooltip/Tooltip.tsx

@@ -45,13 +45,21 @@ export const Tooltip: FC<TooltipProps> = ({
   content,
   open,
   defaultOpen,
+  delayDuration,
+  skipDelayDuration,
   onOpenChange,
   multiline,
   side = 'top',
   align = 'center',
   ...props
 }) => (
-  <Root open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>
+  <Root
+    open={open}
+    defaultOpen={defaultOpen}
+    delayDuration={delayDuration}
+    skipDelayDuration={skipDelayDuration}
+    onOpenChange={onOpenChange}
+  >
     <Trigger as={Slot}>{children}</Trigger>
     <StyledContent
       side={side}