svelte-ux/dist/components/theme.js

A large collection of Svelte components, actions, stores and utils to simplify creating highly interactive and visual applications. Built using Tailwind with extensibility and customization in mind.

import { getSettings } from './settings.js';
export function getComponents() {
    return getSettings().components ?? {};
}
export function resolveComponentClasses(theme) {
    return typeof theme === 'string' ? { root: theme } : (theme ?? {});
}
/**
 * Returns default component classes for a given component. See {@link resolveComponentSettings}
 * to get both default props and classes.
 * @param name component name
 */
export function getComponentClasses(name) {
    const settings = getSettings();
    return resolveComponentClasses(settings?.components?.[name]?.classes);
}