@crossed/ui/lib/typescript/disclosure/Tabs/styles.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.
 */
import { SharedValue } from 'react-native-reanimated';
export declare const indicatorUnderlineStyles: {
    active: import("@crossed/styled").CrossedMethods<{
        base: {
            borderBottomColor: "#9088F7" | "#4737FF";
        };
    }>;
    default: import("@crossed/styled").CrossedMethods<{
        base: {
            borderBottomWidth: number;
            height: number;
            borderBottomColor: string;
            borderRadius: number;
            position: "absolute";
            bottom: number;
        };
    }>;
};
export declare const linearGradientRounded: {
    prev: import("@crossed/styled").CrossedMethods<{
        base: {
            left: number;
            background: string;
        };
    }>;
    next: import("@crossed/styled").CrossedMethods<{
        base: {
            right: number;
            background: string;
        };
    }>;
};
export declare const linearGradientUnderline: {
    prev: import("@crossed/styled").CrossedMethods<{
        base: {
            left: number;
            background: string;
        };
    }>;
    next: import("@crossed/styled").CrossedMethods<{
        base: {
            right: number;
            background: string;
        };
    }>;
};
export declare const indicatorRoundedStyles: {
    active: import("@crossed/styled").CrossedMethods<{
        base: {
            backgroundColor: "white" | "#1D1D40";
        };
    }>;
    default: import("@crossed/styled").CrossedMethods<{
        base: {
            backgroundColor: string;
            borderRadius: number;
            position: "absolute";
        };
        web: {
            base: {
                boxShadow: "0px 1px 4px 0px #1018280A";
            };
        };
    }>;
};
export declare const indicatorDynamicStyles: {
    dyn: (left: SharedValue<number>, width: SharedValue<number>) => any;
};
export declare const tabTitleStyles: {
    default: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#CDCBEC" | "#5D607C";
        };
    }>;
    hover: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "black" | "white";
        };
    }>;
    active: import("@crossed/styled").CrossedMethods<{
        base: {
            color: "#9088F7" | "#4737FF";
        };
    }>;
};
export declare const triggerStyles: {
    disabled: import("@crossed/styled").CrossedMethods<{
        base: {
            opacity: number;
            pointerEvents: "none";
        };
        web: {
            base: {
                cursor: "not-allowed";
            };
        };
    }>;
    trigger: import("@crossed/styled").CrossedMethods<{
        base: {
            display: "flex";
            flexDirection: "row";
            alignItems: "center";
        };
        ':hover': {
            backgroundColor: string;
        };
    }>;
    sm: import("@crossed/styled").CrossedMethods<{
        base: {
            paddingHorizontal: 8;
        };
    }>;
    md: import("@crossed/styled").CrossedMethods<{
        base: {
            paddingHorizontal: 16;
        };
    }>;
    lg: import("@crossed/styled").CrossedMethods<{
        base: {
            paddingHorizontal: 24;
        };
    }>;
};
export declare const heightStyles: {
    sm: import("@crossed/styled").CrossedMethods<{
        base: {
            height: number;
        };
    }>;
    md: import("@crossed/styled").CrossedMethods<{
        base: {
            height: number;
        };
    }>;
    lg: import("@crossed/styled").CrossedMethods<{
        base: {
            height: number;
        };
    }>;
};
export declare const focusStyles: {
    rounded: import("@crossed/styled").CrossedMethods<{
        web: {
            ':focus-visible': {
                outlineColor: "#9088F7" | "#4737FF";
                outlineOffset: "4px";
            };
        };
    }>;
    underline: import("@crossed/styled").CrossedMethods<{
        web: {
            ':focus-visible': {
                outlineColor: "#9088F7" | "#4737FF";
                outlineOffset: "4px";
            };
        };
    }>;
};
//# sourceMappingURL=styles.d.ts.map