From b8a5d7bdcc16a23f1d6d0d4a3c2d0409d736d8ae Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 21 Dec 2019 17:56:32 -0800
Subject: [PATCH] refactor(tooltip): forward events, remove external props

Supports #7
---
 .../TooltipDefinition/TooltipDefinition.Story.svelte        | 4 +---
 src/components/TooltipDefinition/TooltipDefinition.svelte   | 4 ++--
 src/components/TooltipIcon/TooltipIcon.svelte               | 6 +++---
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/TooltipDefinition/TooltipDefinition.Story.svelte b/src/components/TooltipDefinition/TooltipDefinition.Story.svelte
index 41a65d14..dba89f2f 100644
--- a/src/components/TooltipDefinition/TooltipDefinition.Story.svelte
+++ b/src/components/TooltipDefinition/TooltipDefinition.Story.svelte
@@ -4,7 +4,5 @@
 </script>
 
 <Layout>
-  <div>
-    <TooltipDefinition {...$$props}>Defintion Tooltip</TooltipDefinition>
-  </div>
+  <TooltipDefinition {...$$props}>Defintion Tooltip</TooltipDefinition>
 </Layout>
diff --git a/src/components/TooltipDefinition/TooltipDefinition.svelte b/src/components/TooltipDefinition/TooltipDefinition.svelte
index 5fb18c33..848ed274 100644
--- a/src/components/TooltipDefinition/TooltipDefinition.svelte
+++ b/src/components/TooltipDefinition/TooltipDefinition.svelte
@@ -7,7 +7,7 @@
   export let triggerClassName = undefined;
   export { triggerClassName as triggerClass };
   export let tooltipText = '';
-  export let props = {};
+  export let style = undefined;
 
   import { cx } from '../../lib';
 
@@ -22,7 +22,7 @@
   );
 </script>
 
-<div {...props} class={_class}>
+<div class={_class} {style}>
   <button
     on:click
     on:mouseover
diff --git a/src/components/TooltipIcon/TooltipIcon.svelte b/src/components/TooltipIcon/TooltipIcon.svelte
index f50169a1..3a36c39f 100644
--- a/src/components/TooltipIcon/TooltipIcon.svelte
+++ b/src/components/TooltipIcon/TooltipIcon.svelte
@@ -5,7 +5,7 @@
   export let align = 'center';
   export let id = Math.random();
   export let tooltipText = '';
-  export let props = {};
+  export let style = undefined;
 
   import { cx } from '../../lib';
 
@@ -19,13 +19,13 @@
 </script>
 
 <button
-  {...props}
   on:click
   on:mouseover
   on:mouseenter
   on:mouseleave
+  aria-describedby={id}
   class={_class}
-  aria-describedby={id}>
+  {style}>
   <span class={cx('--assistive-text')} {id}>{tooltipText}</span>
   <slot />
 </button>