export declare const componentsThemeContract: {
    components: {
        transparentIconFilter: `var(--${string})`;
        footnote: {
            color: `var(--${string})`;
            focusColor: `var(--${string})`;
            beforeContent: `var(--${string})`;
            afterContent: `var(--${string})`;
        };
        article: {
            maxWidth: `var(--${string})`;
            padding: `var(--${string})`;
        };
        infoBox: {
            fontSize: `var(--${string})`;
            color: `var(--${string})`;
            backgroundColor: `var(--${string})`;
            borderColor: `var(--${string})`;
            borderWidth: `var(--${string})`;
            borderRadius: `var(--${string})`;
            padding: `var(--${string})`;
            ornamentSize: `var(--${string})`;
            ornamentColor: `var(--${string})`;
            icon: `var(--${string})`;
            variants: {
                tip: {
                    ornamentColor: `var(--${string})`;
                    backgroundColor: `var(--${string})`;
                };
                warning: {
                    ornamentColor: `var(--${string})`;
                    backgroundColor: `var(--${string})`;
                };
                important: {
                    ornamentColor: `var(--${string})`;
                    backgroundColor: `var(--${string})`;
                };
                note: {
                    ornamentColor: `var(--${string})`;
                    backgroundColor: `var(--${string})`;
                };
            };
            title: {
                textTransform: `var(--${string})`;
                padding: `var(--${string})`;
            };
            contentPadding: `var(--${string})`;
        };
        media: {
            replayButton: {
                left: `var(--${string})`;
                bottom: `var(--${string})`;
                padding: `var(--${string})`;
                size: `var(--${string})`;
            };
        };
        table: {
            textColor: `var(--${string})`;
            headingForeground: `var(--${string})`;
            headingBackground: `var(--${string})`;
            headingBorderColor: `var(--${string})`;
            borderColor: `var(--${string})`;
            borderWidth: `var(--${string})`;
            cellPadding: `var(--${string})`;
            backgroundColor: `var(--${string})`;
        };
        imageMapHotspot: {
            empty: {
                textColor: `var(--${string})`;
                borderWidth: `var(--${string})`;
                borderColor: `var(--${string})`;
                size: `var(--${string})`;
                backgroundColor: `var(--${string})`;
                display: `var(--${string})`;
            };
            numbered: {
                textColor: `var(--${string})`;
                borderWidth: `var(--${string})`;
                borderColor: `var(--${string})`;
                size: `var(--${string})`;
                boxShadow: `var(--${string})`;
                backgroundColor: `var(--${string})`;
            };
            interactive: {
                textColor: `var(--${string})`;
                borderWidth: `var(--${string})`;
                borderColor: `var(--${string})`;
                size: `var(--${string})`;
                backgroundColor: `var(--${string})`;
                activeTextColor: `var(--${string})`;
                activeBorderWidth: `var(--${string})`;
                activeBorderColor: `var(--${string})`;
                activeSize: `var(--${string})`;
                activeTop: `var(--${string})`;
                activeLeft: `var(--${string})`;
                activeBackgroundColor: `var(--${string})`;
                hitAreaColor: `var(--${string})`;
                fontSize: `var(--${string})`;
                lineHeight: `var(--${string})`;
                hitAreaFocusedColor: `var(--${string})`;
                boxShadow: `var(--${string})`;
                activeBorderSize: `var(--${string})`;
                activeLineHeight: `var(--${string})`;
                insetInlineEnd: `var(--${string})`;
                activeInsetInlineEnd: `var(--${string})`;
                rtlInsetInlineEnd: `var(--${string})`;
                rtlActiveInsetInlineStart: `var(--${string})`;
                iconDisplay: `var(--${string})`;
                iconSize: `var(--${string})`;
            };
            links: {
                backgroundColor: `var(--${string})`;
                borderColor: `var(--${string})`;
                borderRadius: `var(--${string})`;
                borderWidth: `var(--${string})`;
                padding: `var(--${string})`;
                color: `var(--${string})`;
                textDecoration: `var(--${string})`;
                chevronColor: `var(--${string})`;
                offsetX: `var(--${string})`;
                offsetY: `var(--${string})`;
                numberFontSize: `var(--${string})`;
                fontSize: `var(--${string})`;
                chevronSize: `var(--${string})`;
                border: `var(--${string})`;
                lastBorderStyle: `var(--${string})`;
                transform: `var(--${string})`;
                activeTransform: `var(--${string})`;
                counterDisplay: `var(--${string})`;
                counterColor: `var(--${string})`;
            };
            overlayWidth: `var(--${string})`;
            overlayMinWidth: `var(--${string})`;
        };
        procedureRoot: {
            paddingInlineStart: `var(--${string})`;
            marginInlineStart: `var(--${string})`;
            gap: `var(--${string})`;
            color: `var(--${string})`;
        };
        procedureStep: {
            gap: `var(--${string})`;
            fontWeight: `var(--${string})`;
            paddingInlineStart: `var(--${string})`;
        };
        procedureResult: {
            paddingInlineStart: `var(--${string})`;
        };
        list: {
            gap: `var(--${string})`;
        };
        legendPosition: {
            lineHeight: `var(--${string})`;
        };
    };
};