From 37c7f07448a92784a9452c64b743d6ae8de01b48 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 5 Sep 2020 08:58:33 -0700
Subject: [PATCH] fix(number-input): disable label, helper text

---
 src/NumberInput/NumberInput.svelte | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/NumberInput/NumberInput.svelte b/src/NumberInput/NumberInput.svelte
index c56570b0..351f07c7 100644
--- a/src/NumberInput/NumberInput.svelte
+++ b/src/NumberInput/NumberInput.svelte
@@ -193,12 +193,17 @@
         <label
           for="{id}"
           class:bx--label="{true}"
+          class:bx--label--disabled="{disabled}"
           class:bx--visually-hidden="{hideLabel}">
           <slot name="label">{label}</slot>
         </label>
       {/if}
       {#if helperText}
-        <div class:bx--form__helper-text="{true}">{helperText}</div>
+        <div
+          class:bx--form__helper-text="{true}"
+          class:bx--form__helper-text--disabled="{disabled}">
+          {helperText}
+        </div>
       {/if}
       <div class:bx--number__input-wrapper="{true}">
         <button
@@ -252,12 +257,17 @@
         <label
           for="{id}"
           class:bx--label="{true}"
+          class:bx--label--disabled="{disabled}"
           class:bx--visually-hidden="{hideLabel}">
           <slot name="label">{label}</slot>
         </label>
       {/if}
       {#if helperText}
-        <div class:bx--form__helper-text="{true}">{helperText}</div>
+        <div
+          class:bx--form__helper-text="{true}"
+          class:bx--form__helper-text--disabled="{disabled}">
+          {helperText}
+        </div>
       {/if}
       <div class:bx--number__input-wrapper="{true}">
         <input