From 8ca68d3b069cd8b26837e40973a8473926d9a761 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Tue, 28 Dec 2021 12:36:44 -0800
Subject: [PATCH] fix(label-text): correctly render "labelText" slots

Fixes #944
---
 src/DatePicker/DatePickerInput.svelte  | 2 +-
 src/TextArea/TextArea.svelte           | 2 +-
 src/TimePicker/TimePicker.svelte       | 2 +-
 src/TimePicker/TimePickerSelect.svelte | 2 +-
 src/Toggle/ToggleSkeleton.svelte       | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/DatePicker/DatePickerInput.svelte b/src/DatePicker/DatePickerInput.svelte
index 54d000a6..e39483e5 100644
--- a/src/DatePicker/DatePickerInput.svelte
+++ b/src/DatePicker/DatePickerInput.svelte
@@ -82,7 +82,7 @@
   class:bx--date-picker-container="{true}"
   class:bx--date-picker--nolabel="{!labelText}"
 >
-  {#if labelText}
+  {#if labelText || $$slots.labelText}
     <label
       for="{id}"
       class:bx--label="{true}"
diff --git a/src/TextArea/TextArea.svelte b/src/TextArea/TextArea.svelte
index 5d43749b..f38bce2f 100644
--- a/src/TextArea/TextArea.svelte
+++ b/src/TextArea/TextArea.svelte
@@ -57,7 +57,7 @@
   on:mouseleave
   class:bx--form-item="{true}"
 >
-  {#if labelText && !hideLabel}
+  {#if (labelText || $$slots.labelText) && !hideLabel}
     <label
       for="{id}"
       class:bx--label="{true}"
diff --git a/src/TimePicker/TimePicker.svelte b/src/TimePicker/TimePicker.svelte
index 3ee50f64..e1c47bbb 100644
--- a/src/TimePicker/TimePicker.svelte
+++ b/src/TimePicker/TimePicker.svelte
@@ -74,7 +74,7 @@
     class:bx--select--light="{light}"
   >
     <div class:bx--time-picker__input="{true}">
-      {#if labelText}
+      {#if labelText || $$slots.labelText}
         <label
           for="{id}"
           class:bx--label="{true}"
diff --git a/src/TimePicker/TimePickerSelect.svelte b/src/TimePicker/TimePickerSelect.svelte
index b379fc8d..39d13e11 100644
--- a/src/TimePicker/TimePickerSelect.svelte
+++ b/src/TimePicker/TimePickerSelect.svelte
@@ -54,7 +54,7 @@
   on:mouseenter
   on:mouseleave
 >
-  {#if labelText}
+  {#if labelText || $$slots.labelText}
     <label
       for="{id}"
       class:bx--label="{true}"
diff --git a/src/Toggle/ToggleSkeleton.svelte b/src/Toggle/ToggleSkeleton.svelte
index aaba9cfb..2baf9bcf 100644
--- a/src/Toggle/ToggleSkeleton.svelte
+++ b/src/Toggle/ToggleSkeleton.svelte
@@ -36,7 +36,7 @@
     class:bx--toggle__label="{true}"
     class:bx--skeleton="{true}"
   >
-    {#if labelText}
+    {#if labelText || $$slots.labelText}
       <span class:bx--toggle__label-text="{true}">
         <slot name="labelText">
           {labelText}