@chakra-v2/styled-system/dist/types/utils/transform-functions.d.ts

Style function for css-in-js building component libraries

export declare const transformFunctions: {
    filter(value: any, theme: Record<string, any>): any;
    backdropFilter(value: any, theme: Record<string, any>): any;
    ring(value: string, theme: Record<string, any>): {
        [x: string]: any;
        boxShadow: string;
    };
    bgClip(value: string): {
        color: string;
        backgroundClip: string;
    } | {
        backgroundClip: string;
        color?: undefined;
    };
    transform(value: any, theme: Record<string, any>): any;
    vh(value: number | string, theme: Record<string, any>): string | number;
    px(value: number | string): string;
    fraction(value: any): any;
    float(value: any, theme: Record<string, any>): any;
    degree(value: any): any;
    gradient: import("./types").Transform;
    blur: (value: any) => string;
    opacity: (value: any) => string;
    brightness: (value: any) => string;
    contrast: (value: any) => string;
    dropShadow: (value: any) => string;
    grayscale: (value: any) => string;
    hueRotate: (value: any) => string;
    invert: (value: any) => string;
    saturate: (value: any) => string;
    sepia: (value: any) => string;
    bgImage(value: any): any;
    outline(value: any): {
        outline: string;
        outlineOffset: string;
    } | {
        outline: any;
        outlineOffset?: undefined;
    };
    flexDirection(value: any, theme: Record<string, any>): Record<string, any>;
};