react-chrono
Version:
A Modern Timeline component for React
71 lines • 2.13 kB
TypeScript
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