From a703572dc2cb050930d7a354eb6827456b1c05ae Mon Sep 17 00:00:00 2001
From: Chris Hickingbottom <developer.hickingbottom@gmail.com>
Date: Fri, 20 Jan 2023 11:55:19 -0600
Subject: [PATCH 1/2] Update LogonButton to all customizable style designs

Added classes and styles attributes that allow the button to be styled by the developer.
---
 src/components/LoginButton.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/LoginButton.svelte b/src/components/LoginButton.svelte
index 63cac5e..03ad86d 100644
--- a/src/components/LoginButton.svelte
+++ b/src/components/LoginButton.svelte
@@ -9,6 +9,8 @@
     const oidcPromise = getContext(OIDC_CONTEXT_CLIENT_PROMISE)
     export let callback_url = getContext(OIDC_CONTEXT_REDIRECT_URI)
     export let preserveRoute
+    export let classes = ''
+    export let styles = ''
 </script>
 
-<button class="btn" on:click|preventDefault='{() => login(oidcPromise, preserveRoute, callback_url) }'><slot></slot></button>
+<button class="btn {classes}" style="{styles}" on:click|preventDefault='{() => login(oidcPromise, preserveRoute, callback_url) }'><slot></slot></button>

From 0b85df26192a2a1a04c7ce8168abcb5526a8b72f Mon Sep 17 00:00:00 2001
From: Chris Hickingbottom <developer.hickingbottom@gmail.com>
Date: Fri, 20 Jan 2023 11:57:03 -0600
Subject: [PATCH 2/2] Update LogoutButton to all customizable style designs

Added classes and styles attributes that allow the button to be styled by the developer.
---
 src/components/LogoutButton.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/LogoutButton.svelte b/src/components/LogoutButton.svelte
index 7fc9e57..6ab52a9 100644
--- a/src/components/LogoutButton.svelte
+++ b/src/components/LogoutButton.svelte
@@ -8,6 +8,8 @@
 
     const oidcPromise = getContext(OIDC_CONTEXT_CLIENT_PROMISE)
     export let logout_url = getContext(OIDC_CONTEXT_POST_LOGOUT_REDIRECT_URI)
+    export let classes = ''
+    export let styles = ''
 </script>
 
-<button class="btn" on:click|preventDefault='{() => logout(oidcPromise, logout_url) }'><slot></slot></button>
+<button class="btn {classes}" style="{styles} on:click|preventDefault='{() => logout(oidcPromise, logout_url) }'><slot></slot></button>