react-chrono
Version:
A Modern Timeline component for React
136 lines • 7.55 kB
TypeScript
export declare const sprinkles: ((props: {
display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | {
mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex";
tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex";
desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex";
} | undefined;
flexDirection?: "column" | "row" | {
mobile?: "column" | "row";
tablet?: "column" | "row";
desktop?: "column" | "row";
} | undefined;
alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | {
mobile?: "center" | "stretch" | "flex-end" | "flex-start";
tablet?: "center" | "stretch" | "flex-end" | "flex-start";
desktop?: "center" | "stretch" | "flex-end" | "flex-start";
} | undefined;
justifyContent?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-start" | {
mobile?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-start";
tablet?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-start";
desktop?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-start";
} | undefined;
gap?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
padding?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
paddingBlock?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
paddingInline?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
marginBlock?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
marginInline?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
paddingTop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
paddingBottom?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
paddingLeft?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
paddingRight?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
marginTop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
marginBottom?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
width?: "auto" | "100%" | {
mobile?: "auto" | "100%";
tablet?: "auto" | "100%";
desktop?: "auto" | "100%";
} | undefined;
minWidth?: "0" | "100%" | {
mobile?: "0" | "100%";
tablet?: "0" | "100%";
desktop?: "0" | "100%";
} | undefined;
borderRadius?: "sm" | "lg" | "xl" | "md" | "full" | {
mobile?: "sm" | "lg" | "xl" | "md" | "full";
tablet?: "sm" | "lg" | "xl" | "md" | "full";
desktop?: "sm" | "lg" | "xl" | "md" | "full";
} | undefined;
p?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
px?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
py?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
mx?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
my?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | {
mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md";
} | undefined;
placeCenter?: "center" | "flex-start" | {
mobile?: "center" | "flex-start";
tablet?: "center" | "flex-start";
desktop?: "center" | "flex-start";
} | undefined;
} & {
fontSize?: {
containerSm?: "1rem" | "0.875rem" | "1.125rem";
containerMd?: "1rem" | "0.875rem" | "1.125rem";
} | undefined;
}) => string) & {
properties: Set<"display" | "width" | "minWidth" | "fontSize" | "borderRadius" | "padding" | "alignItems" | "flexDirection" | "justifyContent" | "marginBottom" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "p" | "px" | "py" | "mx" | "my" | "placeCenter">;
};
export type Sprinkles = Parameters<typeof sprinkles>[0];
//# sourceMappingURL=sprinkles.css.d.ts.map