diff --git a/packages/svelte-ux/src/lib/components/Backdrop.svelte b/packages/svelte-ux/src/lib/components/Backdrop.svelte
index ff13bd0da..c2ff726ac 100644
--- a/packages/svelte-ux/src/lib/components/Backdrop.svelte
+++ b/packages/svelte-ux/src/lib/components/Backdrop.svelte
@@ -3,22 +3,22 @@
import { portal as portalAction, type PortalOptions } from '../actions/portal';
import { cls } from '../utils/styles';
- import { getComponentTheme } from './theme';
+ import { getComponentClasses } from './theme';
export let blur: boolean = false;
export let portal: PortalOptions = false;
export let fadeParams: FadeParams = { duration: 300 };
- const theme = getComponentTheme('Backdrop');
+ const settingsClasses = getComponentClasses('Backdrop');
import { cls } from '../utils/styles';
- import { getComponentTheme } from './theme';
+ import { getComponentClasses } from './theme';
export let value: number = $$slots.value ? 1 : 0;
export let small = false;
@@ -9,7 +9,7 @@
export let placement: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' = 'top-right';
- const theme = getComponentTheme('Badge');
+ const settingsClasses = getComponentClasses('Badge');
@@ -19,7 +19,7 @@
'Badge',
'rounded-full flex items-center justify-center transform transition-transform',
- !$$slots.value && 'bg-accent-500 text-white',
+ !$$slots.value && 'bg-primary text-primary-content',
{
'self-start': placement.startsWith('top'),
@@ -50,28 +50,28 @@
'translate-x-[-10%]': !small && placement.endsWith('right'),
}
: circle
- ? {
- 'translate-y-[-10%]': small && placement.startsWith('top'),
- 'translate-y-[10%]': small && placement.startsWith('bottom'),
- 'translate-x-[-10%]': small && placement.endsWith('left'),
- 'translate-x-[10%]': small && placement.endsWith('right'),
- 'translate-y-[-20%]': !small && placement.startsWith('top'),
- 'translate-y-[20%]': !small && placement.startsWith('bottom'),
- 'translate-x-[-20%]': !small && placement.endsWith('left'),
- 'translate-x-[20%]': !small && placement.endsWith('right'),
- }
- : {
- '-translate-y-1/3': placement.startsWith('top'),
- 'translate-y-1/3': placement.startsWith('bottom'),
- '-translate-x-1/3': placement.endsWith('left'),
- 'translate-x-1/3': placement.endsWith('right'),
- },
+ ? {
+ 'translate-y-[-10%]': small && placement.startsWith('top'),
+ 'translate-y-[10%]': small && placement.startsWith('bottom'),
+ 'translate-x-[-10%]': small && placement.endsWith('left'),
+ 'translate-x-[10%]': small && placement.endsWith('right'),
+ 'translate-y-[-20%]': !small && placement.startsWith('top'),
+ 'translate-y-[20%]': !small && placement.startsWith('bottom'),
+ 'translate-x-[-20%]': !small && placement.endsWith('left'),
+ 'translate-x-[20%]': !small && placement.endsWith('right'),
+ }
+ : {
+ '-translate-y-1/3': placement.startsWith('top'),
+ 'translate-y-1/3': placement.startsWith('bottom'),
+ '-translate-x-1/3': placement.endsWith('left'),
+ 'translate-x-1/3': placement.endsWith('right'),
+ },
{
'scale-0': (value ?? 0) === 0,
'scale-100': (value ?? 0) !== 0,
},
- theme.root,
+ settingsClasses.root,
$$props.class
)}
>
diff --git a/packages/svelte-ux/src/lib/components/Breadcrumb.svelte b/packages/svelte-ux/src/lib/components/Breadcrumb.svelte
index 940da75b5..8b2309d06 100644
--- a/packages/svelte-ux/src/lib/components/Breadcrumb.svelte
+++ b/packages/svelte-ux/src/lib/components/Breadcrumb.svelte
@@ -3,13 +3,13 @@
import Icon from './Icon.svelte';
import { cls } from '../utils/styles';
- import { getComponentTheme } from './theme';
+ import { getComponentClasses } from './theme';
export let items = [];
export let divider: string | undefined = undefined;
export let inline = false;
- const theme = getComponentTheme('Breadcrumb');
+ const settingsClasses = getComponentClasses('Breadcrumb');
$: displayItems = items?.filter((x) => x != null) ?? [];
@@ -20,7 +20,7 @@
'Breadcrumb',
inline ? 'inline-flex' : 'flex',
'items-center justify-start flex-wrap',
- theme.root,
+ settingsClasses.root,
$$props.class
)}
>
diff --git a/packages/svelte-ux/src/lib/components/Button.svelte b/packages/svelte-ux/src/lib/components/Button.svelte
index 5c53299f7..da7948a62 100644
--- a/packages/svelte-ux/src/lib/components/Button.svelte
+++ b/packages/svelte-ux/src/lib/components/Button.svelte
@@ -1,5 +1,4 @@