@vimeo/iris/components/inputs/Shared.d.ts

Vimeo Design System

import { ReactElement, FunctionComponent, InputHTMLAttributes } from 'react';
import { Statuses } from '../../themes';
export declare function inputColors({ theme, disabled, format }: {
    theme: any;
    disabled?: boolean;
    format: any;
}): import("styled-components").FlattenSimpleInterpolation;
export declare function inputShape({ inputSize, floating, variant, pill, }: {
    inputSize: any;
    floating: any;
    variant?: any;
    pill?: boolean;
}): import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
    variant?: any;
}, any>>;
export declare const SquareInput: (size: any) => import("styled-components").FlattenSimpleInterpolation;
export declare const RoundInput: (size: any) => import("styled-components").FlattenSimpleInterpolation;
export declare const ToggleInput: (size: any) => import("styled-components").FlattenSimpleInterpolation;
export declare const FauxInput: import("styled-components").FlattenSimpleInterpolation;
export declare const FauxMark: (type: any, mirror: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
export declare const Hidden: import("styled-components").FlattenSimpleInterpolation;
interface LabelProps {
    disabled?: boolean;
    fauxMark?: string;
    for?: string;
    format?: Statuses;
    htmlFor?: string;
    type: string;
    size: string;
    mirror?: boolean;
}
export declare const Label: import("styled-components").StyledComponent<"label", any, LabelProps, never>;
export type MarkInputElement = ReactElement<InputHTMLAttributes<HTMLInputElement>, FunctionComponent>;
export declare function validate(children: MarkInputElement[], type: 'checkbox' | 'radio' | 'toggle'): boolean;
export {};