UNPKG

@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
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;