import * as stylex from '@stylexjs/stylex';
export declare const styles: Readonly<{
    readonly alert: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "flex-start">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "8px">;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.2s ease">;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "2px solid";
            readonly outlineOffset: "2px";
        }>;
        readonly ':focus:not(:focus-visible)': stylex.StyleXClassNameFor<":focus:not(:focus-visible)", {
            readonly outline: "none";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outline: "2px solid";
            readonly outlineOffset: "2px";
        }>;
    }>;
    readonly small: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "12px 16px">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "8px">;
    }>;
    readonly medium: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "16px 20px">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "12px">;
    }>;
    readonly large: Readonly<{
        readonly padding: stylex.StyleXClassNameFor<"padding", "20px 24px">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "16px">;
    }>;
    readonly iconContainer: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
    }>;
    readonly content: Readonly<{
        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
    }>;
    readonly title: Readonly<{
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 600>;
        readonly marginBottom: stylex.StyleXClassNameFor<"marginBottom", "4px">;
    }>;
    readonly titleSmall: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "14px">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "20px">;
    }>;
    readonly titleMedium: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "16px">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "24px">;
    }>;
    readonly titleLarge: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "18px">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "28px">;
    }>;
    readonly message: Readonly<{
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", 400>;
    }>;
    readonly messageSmall: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "13px">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "18px">;
    }>;
    readonly messageMedium: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "14px">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "20px">;
    }>;
    readonly messageLarge: Readonly<{
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "16px">;
        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "24px">;
    }>;
    readonly actionContainer: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
        readonly marginLeft: stylex.StyleXClassNameFor<"marginLeft", "8px">;
    }>;
    readonly closeButton: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "4px">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly transition: stylex.StyleXClassNameFor<"transition", "all 0.15s ease">;
        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outline: "2px solid";
            readonly outlineOffset: "1px";
        }>;
        readonly ':focus:not(:focus-visible)': stylex.StyleXClassNameFor<":focus:not(:focus-visible)", {
            readonly outline: "none";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outline: "2px solid";
            readonly outlineOffset: "1px";
        }>;
        readonly ':disabled': stylex.StyleXClassNameFor<":disabled", {
            readonly cursor: "not-allowed";
            readonly opacity: 0.6;
        }>;
    }>;
    readonly closeButtonSmall: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "24px">;
        readonly height: stylex.StyleXClassNameFor<"height", "24px">;
        readonly marginLeft: stylex.StyleXClassNameFor<"marginLeft", "8px">;
    }>;
    readonly closeButtonMedium: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "28px">;
        readonly height: stylex.StyleXClassNameFor<"height", "28px">;
        readonly marginLeft: stylex.StyleXClassNameFor<"marginLeft", "12px">;
    }>;
    readonly closeButtonLarge: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "32px">;
        readonly height: stylex.StyleXClassNameFor<"height", "32px">;
        readonly marginLeft: stylex.StyleXClassNameFor<"marginLeft", "16px">;
    }>;
    readonly filledInfo: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly filledSuccess: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly filledWarning: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly filledError: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly softInfo: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly softSuccess: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly softWarning: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly softError: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
        readonly color: stylex.StyleXClassNameFor<"color", string>;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: stylex.StyleXVar<string>;
        }>;
    }>;
    readonly closeButtonFilledInfo: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(255, 255, 255, 0.2)">;
        readonly color: stylex.StyleXClassNameFor<"color", "white">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: "rgba(255, 255, 255, 0.3)";
        }>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: "white";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: "white";
        }>;
    }>;
    readonly closeButtonFilledSuccess: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(255, 255, 255, 0.2)">;
        readonly color: stylex.StyleXClassNameFor<"color", "white">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: "rgba(255, 255, 255, 0.3)";
        }>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: "white";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: "white";
        }>;
    }>;
    readonly closeButtonFilledWarning: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(255, 255, 255, 0.2)">;
        readonly color: stylex.StyleXClassNameFor<"color", "white">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: "rgba(255, 255, 255, 0.3)";
        }>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: "white";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: "white";
        }>;
    }>;
    readonly closeButtonFilledError: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(255, 255, 255, 0.2)">;
        readonly color: stylex.StyleXClassNameFor<"color", "white">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: "rgba(255, 255, 255, 0.3)";
        }>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: "white";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: "white";
        }>;
    }>;
    readonly closeButtonSoft: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "rgba(0, 0, 0, 0.04)">;
        readonly color: stylex.StyleXClassNameFor<"color", "currentColor">;
        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
            readonly backgroundColor: "rgba(0, 0, 0, 0.08)";
        }>;
        readonly ':focus': stylex.StyleXClassNameFor<":focus", {
            readonly outlineColor: "currentColor";
        }>;
        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
            readonly outlineColor: "currentColor";
        }>;
    }>;
}>;