@crossed/ui/lib/typescript/styles/form.d.ts

A universal & performant styling library for React Native, Next.js & React

/**
 * Copyright (c) Paymium.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root of this projects source tree.
 */
export declare const form: {
    inputError: import("@crossed/styled").CrossedMethods<{
        base: {
            borderColor: "#EF4444";
            color: "#EF4444";
        };
    }>;
    input: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "black" | "white";
            borderWidth: number;
            borderStyle: "solid";
            borderColor: "#2D2D61" | "#AEB6CE";
            backgroundColor: "white" | "#1D1D40";
            borderRadius: number;
            paddingVertical: 8;
            paddingHorizontal: 16;
            justifyContent: "center";
            alignItems: "center";
            height: number;
            flexDirection: "row";
            flex: number;
        };
        ':hover': {
            borderColor: "#9088F7" | "#4737FF";
        };
        ':focus': {
            borderColor: "#9088F7" | "#4737FF";
        };
        ':active': {
            borderColor: "#9088F7" | "#4737FF";
        };
        ':disabled': {
            backgroundColor: "#DAD9EC" | "#1D1D40";
            borderColor: "#DAD9EC" | "#1D1D40";
        };
        web: {
            base: {
                boxSizing: "border-box";
            };
            ':focus-visible': {
                outlineWidth: 0;
            };
            ':focus': {
                outlineColor: "#9088F7" | "#4737FF";
            };
            ':disabled': {
                cursor: "not-allowed";
            };
        };
    }>;
    disabled: import("@crossed/styled").CrossedMethods<{
        base: {
            backgroundColor: "#DAD9EC" | "#1D1D40";
            borderColor: "#DAD9EC" | "#1D1D40";
        };
    }>;
    placeholder: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#CDCBEC" | "#5D607C";
        };
    }>;
    label: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "black" | "white";
            fontWeight: "600";
        };
        ':focus': {
            color: "#9088F7" | "#4737FF";
        };
        ':disabled': {
            color: "#CDCBEC" | "#5D607C";
        };
    }>;
    labelDescription: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#CDCBEC" | "#5D607C";
        };
    }>;
    labelExtra: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#CDCBEC" | "#5D607C";
            flex: number;
        };
    }>;
    containerLabel: import("@crossed/styled").CrossedMethods<{}>;
    elementRight: import("@crossed/styled").CrossedMethods<{
        base: {
            position: "absolute";
            right: number;
            top: number;
            bottom: number;
            justifyContent: "center";
            padding: 16;
            paddingVertical: number;
            alignItems: "center";
        };
    }>;
    elementLeft: import("@crossed/styled").CrossedMethods<{
        base: {
            position: "absolute";
            left: number;
            top: number;
            bottom: number;
            paddingVertical: number;
            justifyContent: "center";
            padding: 16;
            alignItems: "center";
        };
    }>;
};
//# sourceMappingURL=form.d.ts.map