@dbs-portal/core-theme/dist/css-utils/css-variables.d.ts

Theme management, styling utilities, and design tokens for DBS Portal

/**
 * CSS custom properties (variables) utilities
 * Provides runtime CSS variable management
 */
/**
 * Generate CSS custom properties for design tokens
 */
export declare const generateCSSVariables: (_mode?: "light" | "dark") => {
    [x: string]: string;
};
/**
 * Apply CSS variables to document root
 */
export declare const applyCSSVariables: (mode?: "light" | "dark") => void;
/**
 * Remove CSS variables from document root
 */
export declare const removeCSSVariables: () => void;
/**
 * Get CSS variable value
 */
export declare const getCSSVariable: (property: string) => string;
/**
 * Set CSS variable value
 */
export declare const setCSSVariable: (property: string, value: string) => void;
/**
 * CSS variable helper functions
 */
export declare const cssVar: {
    color: (name: string, shade?: string | number) => string;
    spacing: (size: string | number) => string;
    radius: (size: string) => string;
    font: (family: string) => string;
    fontSize: (size: string) => string;
    lineHeight: (size: string) => string;
    get: (property: string) => string;
};
/**
 * CSS-in-JS style object with CSS variables
 */
export declare const createCSSVariableStyles: (mode?: "light" | "dark") => {
    ':root': {
        [x: string]: string;
    };
    '[data-theme="light"]': {
        [x: string]: string;
    };
    '[data-theme="dark"]': {
        [x: string]: string;
    };
};
//# sourceMappingURL=css-variables.d.ts.map