apphouse/dist/styles/defaults/hint.styles.d.ts

Component library for React that uses observable state management and theme-able components.

export declare const hint: {
    display: string;
    position: string;
    outline: string;
    ':before': {
        background: string;
        border: string;
        borderTopColor: string;
        content: string;
        opacity: string;
        pointerEvents: string;
        position: string;
        transform: string;
        transition: string;
        transitionDelay: string;
        visibility: string;
        zIndex: number;
        outline: string;
    };
    ':after': {
        background: string;
        borderRadius: string;
        color: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
        opacity: string;
        padding: string;
        pointerEvents: string;
        position: string;
        transform: string;
        transition: string;
        transitionDelay: string;
        visibility: string;
        whiteSpace: string;
        zIndex: number;
        outline: string;
    };
    ':hover': {
        ':before': {
            opacity: string;
            visibility: string;
            outline: string;
        };
        ':after': {
            opacity: string;
            visibility: string;
            outline: string;
        };
    };
    '[aria-label]:after': {
        outline: string;
        content: string;
    };
};
export declare const hintTop: {
    ':before': {
        bottom: string;
        left: string;
        marginBottom: string;
    };
    ':after': {
        bottom: string;
        left: string;
        transform: string;
    };
    ':hover': {
        ':before': {
            transform: string;
        };
        ':after': {
            transform: string;
        };
    };
};
export declare const hintLeft: {
    ':before': {
        bottom: string;
        marginBottom: string;
        marginRight: string;
        right: string;
    };
    ':after': {
        bottom: string;
        marginBottom: string;
        right: string;
    };
    ':hover:before': {
        transform: string;
    };
    ':hover:after': {
        transform: string;
    };
};
export declare const hintBottom: {
    ':before': {
        left: string;
        marginTop: string;
        top: string;
        transform: string;
    };
    ':after': {
        left: string;
        top: string;
        transform: string;
    };
    ':hover:before': {
        transform: string;
    };
    ':hover:after': {
        transform: string;
    };
};
export declare const hintRight: {
    ':before': {
        bottom: string;
        left: string;
        marginBottom: string;
        marginLeft: string;
    };
    ':after': {
        marginBottom: string;
        left: string;
        bottom: string;
    };
    ':hover:before': {
        transform: string;
    };
    ':hover:after': {
        transform: string;
    };
};
export declare const hintTopLeft: {
    ':before': {
        bottom: string;
        left: string;
        marginBottom: string;
    };
    ':after': {
        bottom: string;
        left: string;
        marginLeft: string;
        transform: string;
    };
    ':hover:before': {
        transform: string;
    };
    ':hover:after': {
        transform: string;
    };
};
export declare const hintTopRight: {
    ':before': {
        marginBottom: string;
        bottom: string;
        left: string;
    };
    ':after': {
        bottom: string;
        left: string;
        transform: string;
        marginLeft: string;
    };
    ':hover:before': {
        transform: string;
    };
    ':hover:after': {
        transform: string;
    };
};
export declare const hintBottomLeft: {
    ':before': {
        marginTop: string;
        top: string;
        left: string;
    };
    ':after': {
        top: string;
        left: string;
        transform: string;
        marginLeft: string;
    };
    ':hover:before': {
        transform: string;
    };
    ':hover:after': {
        transform: string;
    };
};
export declare const hintBottomRight: {
    ':before': {
        marginTop: string;
        top: string;
        left: string;
    };
    ':after': {
        top: string;
        left: string;
        transform: string;
        marginLeft: string;
    };
    ':hover:before': {
        transform: string;
    };
    ':hover:after': {
        transform: string;
    };
};
export declare const hintSmall: {
    ':after': {
        maxWidth: string;
    };
    '[aria-label]:after': {
        whiteSpace: string;
        width: string;
    };
};
export declare const hintMedium: {
    ':after': {
        fontSize: string;
        width: string;
    };
    '[aria-label]:after': {
        whiteSpace: string;
        width: string;
    };
};
export declare const hintLarge: {
    ':after': {
        fontSize: string;
        width: string;
    };
    '[aria-label]:after': {
        whiteSpace: string;
        width: string;
    };
};
export declare const hintSizeOptions: {
    small: {
        ':after': {
            maxWidth: string;
        };
        '[aria-label]:after': {
            whiteSpace: string;
            width: string;
        };
    };
    medium: {
        ':after': {
            fontSize: string;
            width: string;
        };
        '[aria-label]:after': {
            whiteSpace: string;
            width: string;
        };
    };
    large: {
        ':after': {
            fontSize: string;
            width: string;
        };
        '[aria-label]:after': {
            whiteSpace: string;
            width: string;
        };
    };
};