From 466c8411d130b5c3af3da61dc8f9f662139400b4 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 5 Dec 2020 16:38:53 -0800
Subject: [PATCH] refactor(tooltip-icon): use class name directive

---
 src/TooltipIcon/TooltipIcon.svelte | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/TooltipIcon/TooltipIcon.svelte b/src/TooltipIcon/TooltipIcon.svelte
index 41521bf0..a0a32975 100644
--- a/src/TooltipIcon/TooltipIcon.svelte
+++ b/src/TooltipIcon/TooltipIcon.svelte
@@ -36,10 +36,14 @@
   class:bx--tooltip__trigger="{true}"
   class:bx--tooltip--a11y="{true}"
   class:bx--tooltip--hidden="{hidden}"
+  class:bx--tooltip--top="{direction === 'top'}"
+  class:bx--tooltip--right="{direction === 'right'}"
+  class:bx--tooltip--bottom="{direction === 'bottom'}"
+  class:bx--tooltip--left="{direction === 'left'}"
+  class:bx--tooltip--align-start="{align === 'start'}"
+  class:bx--tooltip--align-center="{align === 'center'}"
+  class:bx--tooltip--align-end="{align === 'end'}"
   {...$$restProps}
-  class="{direction && `bx--tooltip--${direction}`}
-    {align && `bx--tooltip--align-${align}`}
-    {$$restProps.class}"
   on:click
   on:mouseover
   on:mouseenter