From 95a4ead0e34f7236b42a8b4a9130b6d8e650a1ae Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Fri, 20 Dec 2019 17:28:33 -0800
Subject: [PATCH] fix(password-input): mark passwordIsVisible as reactive

---
 src/components/TextInput/PasswordInput.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TextInput/PasswordInput.svelte b/src/components/TextInput/PasswordInput.svelte
index d6b76eb3..2343a1ae 100644
--- a/src/components/TextInput/PasswordInput.svelte
+++ b/src/components/TextInput/PasswordInput.svelte
@@ -26,7 +26,6 @@
 
   const dispatch = createEventDispatcher();
   const errorId = `${id}-error`;
-  const passwordIsVisible = type === 'text';
   const _labelClass = cx(
     '--label',
     hideLabel && '--visually-hidden',
@@ -48,6 +47,7 @@
     tooltipPosition && `--tooltip--${tooltipPosition}`,
     tooltipAlignment && `--tooltip--align-${tooltipAlignment}`
   );
+  $: passwordIsVisible = type === 'text';
 </script>
 
 <div class={cx('--form-item', '--text-input-wrapper', '--password-input-wrapper')}>