export declare const tagLabelFontSize = 14;
export declare const tagLabelPadding = 8;
export declare const tagBaseStyles: {
    alignItems: string;
    display: string;
    justifyContent: string;
    maxWidth: string;
    width: string;
};
export declare const dismissSharedStyles: {
    alignItems: string;
    display: string;
    height: string;
    justifyContent: string;
    minWidth: string;
};
export declare const outlineStyling: (props: import("@codecademy/variance").ThemeProps) => import("@codecademy/variance").CSSObject;
export declare const outlineStates: (props: Partial<Record<"disabled" | "readOnly", boolean>> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const tagUsageVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "navigation" | "readOnly" | "selection" | "suggestion"> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const textSizeVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "large" | "default"> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const anchorSizeVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "large" | "default"> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const tagWrapperStates: (props: Partial<Record<"disabled" | "readOnly" | "selectionDisabled", boolean>> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const tagTextStyling: (props: import("@codecademy/variance").ThemeProps) => import("@codecademy/variance").CSSObject;
export declare const anchorVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"interactiveType", false | "navigation" | "suggestion"> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const dismissButtonOverrides: {
    '::before, ::after': {
        display: string;
    };
    "&:focus-visible:before": {
        opacity: number;
    };
};
export declare const dismissButtonLargeStyling: (props: Partial<Record<"isLarge", boolean>> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
export declare const dismissButtonStyling: (props: import("@codecademy/variance").ThemeProps) => import("@codecademy/variance").CSSObject;
export declare const defaultMiniDeleteIconStyling: (props: import("@codecademy/variance").ThemeProps) => import("@codecademy/variance").CSSObject;
export declare const largeMiniDeleteIconStyling: (props: import("@codecademy/variance").ThemeProps) => import("@codecademy/variance").CSSObject;