From b1b7de12dd1b1c6652943fdd1bac9f2220ce4193 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Tue, 26 Jul 2022 07:06:20 -0700
Subject: [PATCH] fix(toggle): add missing hideLabel prop

Fixes #1413
---
 src/Toggle/Toggle.svelte | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/Toggle/Toggle.svelte b/src/Toggle/Toggle.svelte
index 2ef58b0e..786e755a 100644
--- a/src/Toggle/Toggle.svelte
+++ b/src/Toggle/Toggle.svelte
@@ -24,6 +24,9 @@
   /** Specify the label text */
   export let labelText = "";
 
+  /** Set to `true` to visually hide the label text */
+  export let hideLabel = false;
+
   /** Set an id for the input element */
   export let id = "ccs-" + Math.random().toString(36);
 
@@ -76,9 +79,11 @@
     for="{id}"
     class:bx--toggle-input__label="{true}"
   >
-    <slot name="labelText">
-      {labelText}
-    </slot>
+    <span class:bx--visually-hidden="{hideLabel}">
+      <slot name="labelText">
+        {labelText}
+      </slot>
+    </span>
     <span class:bx--toggle__switch="{true}">
       <span aria-hidden="true" class:bx--toggle__text--off="{true}">
         <slot name="labelA">