From ae94ee8f0e05dcfaeb78630515ad066af07e66bd Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Tue, 4 May 2021 11:37:53 +0100
Subject: [PATCH] Fix progressbar using undefined variables

---
 packages/bbui/src/ProgressBar/ProgressBar.svelte | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/packages/bbui/src/ProgressBar/ProgressBar.svelte b/packages/bbui/src/ProgressBar/ProgressBar.svelte
index bca427b7ff..c24d69e67c 100644
--- a/packages/bbui/src/ProgressBar/ProgressBar.svelte
+++ b/packages/bbui/src/ProgressBar/ProgressBar.svelte
@@ -33,22 +33,14 @@
 >
   {#if $$slots}
     <div
-      class:spectrum-FieldLabel--sizeS={s}
-      class:spectrum-FieldLabel--sizeM={m}
-      class:spectrum-FieldLabel--sizeL={l}
-      class:spectrum-FieldLabel--sizeXL={xl}
-      class="spectrum-FieldLabel spectrum-ProgressBar-label"
+      class="spectrum-FieldLabel spectrum-ProgressBar-label spectrum-FieldLabel--size{size}"
     >
       <slot />
     </div>
   {/if}
   {#if value}
     <div
-      class:spectrum-FieldLabel--sizeS={s}
-      class:spectrum-FieldLabel--sizeM={m}
-      class:spectrum-FieldLabel--sizeL={l}
-      class:spectrum-FieldLabel--sizeXL={xl}
-      class="spectrum-FieldLabel spectrum-ProgressBar-percentage"
+      class="spectrum-FieldLabel spectrum-ProgressBar-percentage spectrum-FieldLabel--size{size}"
     >
       {Math.round($progress)}%
     </div>