@cimpress/react-components/dist/esm/src/Select/styles.d.ts

React components to support the MCP styleguide

declare const styles: {
    clearIndicator: () => {
        display: string;
        fontSize: string;
        lineHeight: number;
        animation: string;
        cursor: string;
        width: string;
        alignSelf: string;
        zIndex: number;
        color: string;
        '&:hover': {
            color: string;
        };
    };
    control: (_base: any, state: any) => {
        backgroundColor: string;
        border: string;
        borderColor: string;
        color: string;
        cursor: string;
        display: string;
        borderSpacing: number;
        borderCollapse: string;
        outline: string;
        overflow: string;
        position: string;
        width: string;
    };
    dropdownIndicator: (_base: any, state: any) => {
        cursor: string;
        position: string;
        color: string;
        border: string;
        height: string;
        marginRight: string;
        fontSize: string;
        lineHeight: string;
        fontFamily: string;
        transform: string | null;
    };
    indicatorSeparator: () => {};
    input: () => {
        paddingRight: string;
        marginTop: string;
        marginBottom: string;
        '& div': {
            paddingRight: string;
            verticalAlign: string;
            background: string;
            boxShadow: string;
            fontFamily: string;
            fontSize: string;
            margin: number;
            outline: string;
            padding: string;
            '& input': {
                transition: string;
            };
        };
        '& div:focus': {
            cursor: string;
        };
    };
    menu: () => {
        borderBottomRightRadius: string;
        borderBottomLeftRadius: string;
        backgroundColor: string;
        border: string;
        boxSizing: string;
        marginTop: string;
        maxHeight: string;
        overflowY: string;
        position: string;
        top: string;
        width: string;
        zIndex: number;
        webkitOverflowScrolling: string;
    };
    menuPortal: (base: any) => any;
    multiValue: (_base: any, state: any) => {
        margin: string;
        backgroundColor: string;
        border: string;
        borderRadius: string;
        color: string;
        display: string;
        fontSize: string;
        lineHeight: string;
        padding: string;
        verticalAlign: string;
    };
    multiValueLabel: () => {
        display: string;
        verticalAlign: string;
        border: string;
        cursor: string;
    };
    multiValueRemove: (_base: any, state: any) => {
        cursor: string;
        borderRight: string | null;
        border: string;
        padding: string;
        paddingLeft: string;
        color: string;
        fontSize: string;
        lineHeight: string;
        fontWeight: string;
        '&:hover': {
            color: string;
        };
    };
    noOptionsMessage: () => {
        boxSizing: string;
        color: string;
        cursor: string;
        display: string;
        padding: string;
    };
    option: (_base: any, state: any) => {
        boxSizing: string;
        backgroundColor: string;
        color: string;
        cursor: string;
        display: string;
        padding: string;
        '&:last-child': {
            borderBottomRightRadius: string;
            borderBottomLeftRadius: string;
        };
    };
    placeholder: () => {
        bottom: number;
        color: string;
        left: number;
        lineHeight: string;
        paddingLeft: string;
        paddingRight: string;
        position: string;
        right: number;
        top: number;
        maxWidth: string;
        overflow: string;
        textOverflow: string;
        whiteSpace: string;
    };
    singleValue: () => {
        position: string;
        left: number;
        padding: string;
        maxWidth: string;
        overflow: string;
        textOverflow: string;
        whiteSpace: string;
    };
    valueContainer: (base: any, state: any) => any;
};
export default styles;
//# sourceMappingURL=styles.d.ts.map