From cd55f543928be5441d0c4ad9d255237d7909ed7a Mon Sep 17 00:00:00 2001
From: Maksym Portianoi <maksym.portianoi@konghq.com>
Date: Fri, 20 Oct 2023 14:50:55 -0400
Subject: [PATCH] fix(ktooltip, klabel): remove tooltip slot wrapper (#1785)

* fix(ktooltip, klabel): remove tooltip slot wrapper

* docs(tooltip): small tweak

* docs(tooltip): minor fix
---
 docs/components/tooltip.md           | 4 ++--
 src/components/KLabel/KLabel.vue     | 1 +
 src/components/KTooltip/KTooltip.vue | 4 +---
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/docs/components/tooltip.md b/docs/components/tooltip.md
index a1840979c3..12158bd3f0 100644
--- a/docs/components/tooltip.md
+++ b/docs/components/tooltip.md
@@ -3,12 +3,12 @@
 **KTooltip** is a tooltip component that is used when you need a simple label to be displayed when hovering over an element. KTooltip has a single slot that takes in the element that you want the tooltip to trigger over. At least the label prop must be passed in for the tooltip to display anything. For example a button:
 
 <KTooltip label="Video Games">
-  <KButton>🎮</KButton>
+  <KButton>What is your hobby?</KButton>
 </KTooltip>
 
 ```html
 <KTooltip label="Video Games">
-  <KButton>🎮</KButton>
+  <KButton>What is your hobby?</KButton>
 </KTooltip>
 ```
 
diff --git a/src/components/KLabel/KLabel.vue b/src/components/KLabel/KLabel.vue
index e94b8a2c3c..478c95e870 100644
--- a/src/components/KLabel/KLabel.vue
+++ b/src/components/KLabel/KLabel.vue
@@ -13,6 +13,7 @@
       <InfoIcon
         class="tooltip-trigger-icon"
         :color="`var(--kui-color-text-neutral, ${KUI_COLOR_TEXT_NEUTRAL})`"
+        tabindex="0"
       />
       <template #content>
         <slot name="tooltip">{{ info }}</slot>
diff --git a/src/components/KTooltip/KTooltip.vue b/src/components/KTooltip/KTooltip.vue
index 5bea7a6bcc..2a18ebde3b 100644
--- a/src/components/KTooltip/KTooltip.vue
+++ b/src/components/KTooltip/KTooltip.vue
@@ -11,9 +11,7 @@
     trigger="hover"
     width="auto"
   >
-    <div :tabindex="$slots.default ? '0' : '-1'">
-      <slot />
-    </div>
+    <slot />
 
     <template
       v-if="showTooltip"