From 6285331a0cf6111ddf4811e81eeffc53c4f1e4b7 Mon Sep 17 00:00:00 2001
From: Frederic Heem <frederic.heem@gmail.com>
Date: Tue, 21 May 2024 14:53:45 +0200
Subject: [PATCH] props.class.join(" "),

---
 bau-ui/button/button.js               | 2 +-
 bau-ui/input/input.js                 | 2 +-
 bau-ui/inputSearch/inputSearch.js     | 4 +---
 bau-ui/loadingButton/loadingButton.js | 2 +-
 4 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/bau-ui/button/button.js b/bau-ui/button/button.js
index f49fc181..a0e1c9c8 100644
--- a/bau-ui/button/button.js
+++ b/bau-ui/button/button.js
@@ -107,7 +107,7 @@ export default function (context, options = {}) {
           size,
           color,
           className,
-          props.class,
+          props.class.join(" "),
         ],
         href,
       },
diff --git a/bau-ui/input/input.js b/bau-ui/input/input.js
index 19de1d45..2f597c9d 100644
--- a/bau-ui/input/input.js
+++ b/bau-ui/input/input.js
@@ -81,7 +81,7 @@ export default function (context, options = {}) {
         color,
         variant,
         className,
-        otherProps.class,
+        props.class.join(" "),
       ],
     });
   };
diff --git a/bau-ui/inputSearch/inputSearch.js b/bau-ui/inputSearch/inputSearch.js
index 25288712..6b6ee602 100644
--- a/bau-ui/inputSearch/inputSearch.js
+++ b/bau-ui/inputSearch/inputSearch.js
@@ -37,9 +37,7 @@ export default function (context, options = {}) {
       ...otherProps,
       color,
       variant,
-      class: ["inputSearch", options.class, className, otherProps.class].join(
-        " "
-      ),
+      class: ["inputSearch", options.class, className, otherProps.class],
     });
   };
 }
diff --git a/bau-ui/loadingButton/loadingButton.js b/bau-ui/loadingButton/loadingButton.js
index c153c6f7..5d51c7f2 100644
--- a/bau-ui/loadingButton/loadingButton.js
+++ b/bau-ui/loadingButton/loadingButton.js
@@ -65,7 +65,7 @@ export default function (context, options = {}) {
               loading && "loading",
               options?.class,
               props?.class,
-            ].join(" "),
+            ],
           },
           Spinner({ size, variant, color, visibility: loading }),
           span({ class: loading && "loading" }, children)