export declare const ColorTokensWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const SubthemeSwitcher: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledSegmentItem: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
    view: {
        clear: import("styled-components").FlattenSimpleInterpolation;
        secondary: import("styled-components").FlattenSimpleInterpolation;
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        xs: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        l: import("styled-components").FlattenSimpleInterpolation;
        xl: import("styled-components").FlattenSimpleInterpolation;
    };
    disabled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
    value: string;
    id?: string;
    label?: React.ReactNode;
    pilled?: boolean;
    customHandleSelect?: (e: import("react").MouseEvent<HTMLButtonElement>) => void;
    size?: string;
    view?: string;
    contentLeft?: React.ReactNode;
    contentRight?: React.ReactNode | string;
    maxItemWidth?: import("react").CSSProperties["width"];
} & import("react").RefAttributes<HTMLLabelElement>>, any, {}, never>;
export declare const AccordionInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Subcategory: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ColumnTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledAccordionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange" | "title"> & {
    value?: boolean;
    type?: "clear" | "arrow" | "sign";
    contentLeft?: import("react").ReactNode;
    alignWithTitle?: boolean;
    contentRight?: import("react").ReactNode;
    pin?: import("../../../../utils/roundness").Pin;
    title?: import("react").ReactNode | string;
    children: import("react").ReactNode;
    onChange?: (index: number, value: boolean) => void;
    onClick?: (index: number, value: boolean) => void;
    disabled?: boolean;
    opened?: boolean;
    eventKey?: number;
    index?: number;
    view?: string;
    titleProps?: import("react").HTMLAttributes<HTMLElement>;
    bodyProps?: import("react").HTMLAttributes<HTMLDivElement>;
} & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
export declare const TokenInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ColorTokenDataWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StateDataWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const OpacityPart: import("styled-components").StyledComponent<"span", any, {}, never>;
export declare const TokenInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const ColorCircle: import("styled-components").StyledComponent<"div", any, {
    background?: string;
    disableShadow?: boolean;
}, never>;
//# sourceMappingURL=Colors.styles.d.ts.map