@toyu-ui/solid
Version:
<p align="center"> <h1><span style="color: #4a90e2;">T</span><span style="color: #007aff;">Y</span>UI</h1> </p>
21 lines (20 loc) • 1.22 kB
TypeScript
import { Accessor } from 'solid-js';
export type TyuiDesignName = 'plain' | 'atmospheric-glass' | 'fluent-web';
export type TyuiDesignAlias = 'glass' | 'fluent';
export type TyuiDesignInput = TyuiDesignName | TyuiDesignAlias;
export type TyuiColorScheme = 'light' | 'dark' | 'auto';
export type TyuiDesignOptions = {
target?: Element | undefined;
colorScheme?: TyuiColorScheme | undefined;
};
export type TyuiDesignAttributes = {
'data-design-system': TyuiDesignName;
'data-color-scheme'?: Exclude<TyuiColorScheme, 'auto'> | undefined;
};
export declare function resolveTyuiDesignName(design: TyuiDesignInput): TyuiDesignName;
export declare function getTyuiDesignAttributes(design: TyuiDesignInput, options?: Pick<TyuiDesignOptions, 'colorScheme'>): TyuiDesignAttributes;
export declare function setTyuiDesign(design: TyuiDesignInput, options?: TyuiDesignOptions): Element | undefined;
export declare function clearTyuiDesign(target?: HTMLElement): Element | undefined;
export declare function createTyuiDesignEffect(design: Accessor<TyuiDesignInput>, options?: Omit<TyuiDesignOptions, 'colorScheme'> & {
colorScheme?: Accessor<TyuiColorScheme | undefined> | TyuiColorScheme | undefined;
}): void;