react-chrono
Version:
A Modern Timeline component for React
1,578 lines • 98.3 kB
TypeScript
export declare const responsiveProperties: {
conditions: {
defaultCondition: "mobile";
conditionNames: ("mobile" | "tablet" | "desktop")[];
};
styles: {
display: {
values: {
none: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
flex: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
grid: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
block: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"inline-flex": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"inline-grid": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
position: {
values: {
fixed: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sticky: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
absolute: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
relative: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
static: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
overflow: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
visible: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
scroll: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
hidden: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
overflowX: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
visible: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
scroll: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
hidden: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
overflowY: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
visible: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
scroll: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
hidden: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
flexDirection: {
values: {
column: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"column-reverse": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
row: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"row-reverse": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
justifyContent: {
values: {
center: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"space-around": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"space-between": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"space-evenly": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"flex-end": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"flex-start": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
alignItems: {
values: {
center: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
stretch: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"flex-end": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"flex-start": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
baseline: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
alignSelf: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
center: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
stretch: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"flex-end": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"flex-start": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
baseline: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
flexWrap: {
values: {
nowrap: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
wrap: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"wrap-reverse": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
flexGrow: {
values: {
[x: number]: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
flexShrink: {
values: {
[x: number]: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
gap: {
values: {
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
columnGap: {
values: {
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
rowGap: {
values: {
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
gridTemplateColumns: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
1: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
4: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
2: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
3: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
gridColumn: {
values: {
1: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
4: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
2: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
3: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
span1: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
span2: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
span3: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
span4: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
padding: {
values: {
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
paddingTop: {
values: {
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
paddingBottom: {
values: {
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
paddingLeft: {
values: {
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
paddingRight: {
values: {
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
paddingX: {
values: {
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
paddingY: {
values: {
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
margin: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
[-1]: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
marginTop: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
marginBottom: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
marginLeft: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
marginRight: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
marginX: {
values: {
auto: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xs: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
sm: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
lg: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
xl: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"2xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
"3xl": {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
md: {
defaultClass: string;
conditions: {
mobile: string;
tablet: string;
desktop: string;
};
};
};
};
marginY: {
values: {
auto: {
d