export declare const baseCard: import('@vanilla-extract/recipes').RuntimeFn<{ borderless: { true: string; false: string; }; }>; export declare const itemContentWrapper: string; export declare const timelineCardHeader: string; export declare const cardTitleBase: string; export declare const cardTitle: string; export declare const cardTitleActive: string; export declare const cardTitleRecipe: import('@vanilla-extract/recipes').RuntimeFn<{ active: { true: { color: `var(--${string})`; }; false: {}; }; hasMarginBottom: { true: { marginBottom: `var(--${string})`; }; false: {}; }; }>; export declare const cardSubTitle: string; export declare const timelineContentDetails: string; export declare const timelineSubContent: string; export declare const contentDetailsWrapper: string; /** * Recipe for content details wrapper with configurable alignment * Allows users to control horizontal and vertical alignment of timeline card content */ export declare const contentDetailsWrapperRecipe: import('@vanilla-extract/recipes').RuntimeFn<{ alignHorizontal: { left: { alignItems: "flex-start"; }; center: { alignItems: "center"; }; right: { alignItems: "flex-end"; }; stretch: { alignItems: "stretch"; }; }; alignVertical: { top: { justifyContent: "flex-start"; }; center: { justifyContent: "center"; }; bottom: { justifyContent: "flex-end"; }; stretch: { justifyContent: "stretch"; }; }; }>; export declare const showMoreButton: string; export declare const chevronIconWrapper: string; export declare const timelineModeVertical: string; export declare const timelineModeHorizontal: string; export declare const timelineModeTree: string; export declare const cardWithMedia: string; export declare const cardWithoutMedia: string; //# sourceMappingURL=timeline-card-content.css.d.ts.map