From 6ce0ed4b51677822548e5f3a16e096191b1f6e82 Mon Sep 17 00:00:00 2001
From: Gabriel Lee <gabriel.lee@credera.co.uk>
Date: Sat, 11 Mar 2023 17:10:50 +0000
Subject: [PATCH] fix(1684): hide helper text container in password input when
 not used

---
 docs/src/pages/components/PasswordInput.svx | 4 ++++
 src/TextInput/PasswordInput.svelte          | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/src/pages/components/PasswordInput.svx b/docs/src/pages/components/PasswordInput.svx
index 6f503974..a67c2099 100644
--- a/docs/src/pages/components/PasswordInput.svx
+++ b/docs/src/pages/components/PasswordInput.svx
@@ -50,3 +50,7 @@ Set prop `type` to `"text"` to toggle password visibility.
 ## Disabled state
 
 <PasswordInput disabled labelText="Password" placeholder="Enter password..." />
+
+## With helper text
+
+<PasswordInput helperText="Your password should be hard to guess" labelText="Password" placeholder="Enter password..." />
diff --git a/src/TextInput/PasswordInput.svelte b/src/TextInput/PasswordInput.svelte
index 3fe598a9..a8ce24b1 100644
--- a/src/TextInput/PasswordInput.svelte
+++ b/src/TextInput/PasswordInput.svelte
@@ -248,7 +248,7 @@
         {invalidText}
       </div>
     {/if}
-    {#if !invalid && !warn && !isFluid && !inline}
+    {#if !invalid && !warn && !isFluid && !inline && helperText}
       <div
         class:bx--form__helper-text="{true}"
         class:bx--form__helper-text--disabled="{disabled}"