fix(ui): allow passing class to alert and badge components

Signed-off-by: Jordan Shatford <[email protected]>
jordanshatford · Sep 13, 2023 · 5a440aa · 5a440aa
1 parent ac83502
commit 5a440aa
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/ui/src/lib/components/Alert.svelte b/packages/ui/src/lib/components/Alert.svelte
@@ -59,7 +59,7 @@
 	const { divClass, iconClass, titleClass, descriptionClass } = alert({ variant });
 </script>
 
-<div {...$$restProps} role="alert" class={divClass()}>
+<div {...$$restProps} role="alert" class={divClass({ class: $$props.class })}>
 	<div class={iconClass()}>
 		{#if icon}
 			<Icon src={icon} theme="solid" class="h-5 w-5" />

diff --git a/packages/ui/src/lib/components/Badge.svelte b/packages/ui/src/lib/components/Badge.svelte
@@ -76,7 +76,7 @@
 	const { spanClass, iconClass, textClass, buttonClass } = badge({ variant, loading });
 </script>
 
-<span {...$$restProps} class={spanClass()}>
+<span {...$$restProps} class={spanClass({ class: $$props.class })}>
 	<span class="h-5">
 		{#if _icon}
 			<Icon src={_icon} theme="solid" class={iconClass()} />