react-chrono

import { tokens } from '../tokens/index.css'; export declare const sprinkles: ((props: { display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | { readonly mobile?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex"; readonly tablet?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex"; readonly desktop?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex"; } | undefined; position?: "fixed" | "sticky" | "absolute" | "relative" | { readonly mobile?: "fixed" | "sticky" | "absolute" | "relative"; readonly tablet?: "fixed" | "sticky" | "absolute" | "relative"; readonly desktop?: "fixed" | "sticky" | "absolute" | "relative"; } | undefined; flexDirection?: "column" | "row" | { readonly mobile?: "column" | "row"; readonly tablet?: "column" | "row"; readonly desktop?: "column" | "row"; } | undefined; alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | { readonly mobile?: "center" | "stretch" | "flex-end" | "flex-start"; readonly tablet?: "center" | "stretch" | "flex-end" | "flex-start"; readonly desktop?: "center" | "stretch" | "flex-end" | "flex-start"; } | undefined; justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | { readonly mobile?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start"; readonly tablet?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start"; readonly desktop?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start"; } | undefined; flexWrap?: "nowrap" | "wrap" | { readonly mobile?: "nowrap" | "wrap"; readonly tablet?: "nowrap" | "wrap"; readonly desktop?: "nowrap" | "wrap"; } | undefined; flexGrow?: number | { readonly mobile?: number; readonly tablet?: number; readonly desktop?: number; } | undefined; flexShrink?: number | { readonly mobile?: number; readonly tablet?: number; readonly desktop?: number; } | undefined; gap?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; padding?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; paddingX?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; paddingY?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; margin?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; marginX?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; marginY?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; width?: "auto" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | { readonly mobile?: "auto" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4"; readonly tablet?: "auto" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4"; readonly desktop?: "auto" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4"; } | undefined; height?: "auto" | "full" | "screen" | { readonly mobile?: "auto" | "full" | "screen"; readonly tablet?: "auto" | "full" | "screen"; readonly desktop?: "auto" | "full" | "screen"; } | undefined; minWidth?: 0 | "full" | { readonly mobile?: 0 | "full"; readonly tablet?: 0 | "full"; readonly desktop?: 0 | "full"; } | undefined; maxWidth?: "none" | "full" | "screen" | { readonly mobile?: "none" | "full" | "screen"; readonly tablet?: "none" | "full" | "screen"; readonly desktop?: "none" | "full" | "screen"; } | undefined; borderRadius?: "sm" | "lg" | "xl" | "md" | "full" | { readonly mobile?: "sm" | "lg" | "xl" | "md" | "full"; readonly tablet?: "sm" | "lg" | "xl" | "md" | "full"; readonly desktop?: "sm" | "lg" | "xl" | "md" | "full"; } | undefined; opacity?: 0 | 100 | 50 | 25 | 75 | { readonly mobile?: 0 | 100 | 50 | 25 | 75; readonly tablet?: 0 | 100 | 50 | 25 | 75; readonly desktop?: 0 | 100 | 50 | 25 | 75; } | undefined; fontSize?: "title" | "cardTitle" | "cardText" | "xs" | "sm" | "base" | "lg" | "xl" | "md" | "caption" | "body" | "heading3" | "heading2" | "heading1" | { readonly mobile?: "title" | "cardTitle" | "cardText" | "xs" | "sm" | "base" | "lg" | "xl" | "md" | "caption" | "body" | "heading3" | "heading2" | "heading1"; readonly tablet?: "title" | "cardTitle" | "cardText" | "xs" | "sm" | "base" | "lg" | "xl" | "md" | "caption" | "body" | "heading3" | "heading2" | "heading1"; readonly desktop?: "title" | "cardTitle" | "cardText" | "xs" | "sm" | "base" | "lg" | "xl" | "md" | "caption" | "body" | "heading3" | "heading2" | "heading1"; } | undefined; fontWeight?: "normal" | "bold" | "medium" | "semibold" | { readonly mobile?: "normal" | "bold" | "medium" | "semibold"; readonly tablet?: "normal" | "bold" | "medium" | "semibold"; readonly desktop?: "normal" | "bold" | "medium" | "semibold"; } | undefined; textAlign?: "left" | "center" | "right" | { readonly mobile?: "left" | "center" | "right"; readonly tablet?: "left" | "center" | "right"; readonly desktop?: "left" | "center" | "right"; } | undefined; zIndex?: "controls" | "timelineCard" | "popover" | "outline" | { readonly mobile?: "controls" | "timelineCard" | "popover" | "outline"; readonly tablet?: "controls" | "timelineCard" | "popover" | "outline"; readonly desktop?: "controls" | "timelineCard" | "popover" | "outline"; } | undefined; overflow?: "auto" | "visible" | "scroll" | "hidden" | { readonly mobile?: "auto" | "visible" | "scroll" | "hidden"; readonly tablet?: "auto" | "visible" | "scroll" | "hidden"; readonly desktop?: "auto" | "visible" | "scroll" | "hidden"; } | undefined; overflowX?: "auto" | "visible" | "scroll" | "hidden" | { readonly mobile?: "auto" | "visible" | "scroll" | "hidden"; readonly tablet?: "auto" | "visible" | "scroll" | "hidden"; readonly desktop?: "auto" | "visible" | "scroll" | "hidden"; } | undefined; overflowY?: "auto" | "visible" | "scroll" | "hidden" | { readonly mobile?: "auto" | "visible" | "scroll" | "hidden"; readonly tablet?: "auto" | "visible" | "scroll" | "hidden"; readonly desktop?: "auto" | "visible" | "scroll" | "hidden"; } | undefined; p?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; px?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; py?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; m?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; mx?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; my?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md" | { readonly mobile?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly tablet?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; readonly desktop?: "auto" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "md"; } | undefined; placeItems?: "center" | "flex-end" | "flex-start" | { readonly mobile?: "center" | "flex-end" | "flex-start"; readonly tablet?: "center" | "flex-end" | "flex-start"; readonly desktop?: "center" | "flex-end" | "flex-start"; } | undefined; } & { cursor?: "auto" | "text" | "not-allowed" | "pointer" | undefined; pointerEvents?: "auto" | "none" | undefined; userSelect?: "none" | "text" | "all" | undefined; borderWidth?: 0 | 1 | 2 | undefined; borderStyle?: "none" | "dashed" | "dotted" | "solid" | undefined; backgroundSize?: "auto" | "cover" | "contain" | undefined; backgroundRepeat?: "repeat" | "no-repeat" | undefined; listStyleType?: "none" | "disc" | "decimal" | undefined; transitionProperty?: "none" | "opacity" | "transform" | "all" | "colors" | undefined; transitionDuration?: "normal" | "fast" | "slow" | undefined; transitionTimingFunction?: "easeIn" | "easeOut" | "easeInOut" | "standard" | "emphasized" | undefined; transform?: "none" | "scale95" | "scale102" | "translateY1" | "translateY2" | undefined; visibility?: "visible" | "hidden" | undefined; gridTemplateColumns?: 1 | 4 | 2 | 3 | undefined; }) => string) & { properties: Set<"position" | "display" | "width" | "maxWidth" | "minWidth" | "fontSize" | "fontWeight" | "borderRadius" | "zIndex" | "opacity" | "transform" | "height" | "padding" | "alignItems" | "backgroundRepeat" | "backgroundSize" | "cursor" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridTemplateColumns" | "justifyContent" | "listStyleType" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "visibility" | "borderStyle" | "borderWidth" | "gap" | "margin" | "overflow" | "placeItems" | "paddingX" | "paddingY" | "marginX" | "marginY" | "p" | "px" | "py" | "m" | "mx" | "my">; }; export type Sprinkles = Parameters<typeof sprinkles>[0]; export declare const sprinkleUtils: { center: string; stack: (gap?: keyof typeof tokens.semantic.spacing) => string; inline: (gap?: keyof typeof tokens.semantic.spacing) => string; resetButton: string; resetList: string; fullSize: string; absoluteFull: string; interactive: string; hidden: string; visuallyHidden: string; }; export declare const responsive: { only: { mobile: <T extends Sprinkles>(styles: T) => T; tablet: <T extends Sprinkles>(styles: T) => T; desktop: <T extends Sprinkles>(styles: T) => T; }; }; //# sourceMappingURL=sprinkles.css.d.ts.map