UNPKG

xp.js-styled

Version:

Build performant styled components for Web, iOS and Android platforms.

github.com/lestercorderomurillo/xp.js-styled

lestercorderomurillo/xp.js-styled

112 lines (111 loc) • 2.85 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
export declare const StyleProps: string[]; export declare const ShortcutStyleProps: { readonly f: "flex"; readonly s: "size"; readonly w: "width"; readonly h: "height"; readonly minW: "minWidth"; readonly minH: "minHeight"; readonly maxW: "maxWidth"; readonly maxH: "maxHeight"; readonly bW: "borderWidth"; readonly bRadius: "borderRadius"; readonly bColor: "borderColor"; readonly p: "padding"; readonly pX: "paddingHorizontal"; readonly pY: "paddingVertical"; readonly pT: "paddingTop"; readonly pL: "paddingLeft"; readonly pB: "paddingBottom"; readonly pR: "paddingRight"; readonly m: "margin"; readonly mX: "marginHorizontal"; readonly mY: "marginVertical"; readonly mT: "marginTop"; readonly mL: "marginLeft"; readonly mB: "marginBottom"; readonly mR: "marginRight"; readonly bg: "background"; readonly bgColor: "backgroundColor"; readonly font: "fontFamily"; readonly g: "gap"; readonly t: "top"; readonly b: "bottom"; readonly r: "right"; readonly l: "left"; readonly z: "zIndex"; readonly align: "alignItems"; readonly justify: "justifyContent"; readonly grow: "flexGrow"; readonly wrap: "flexWrap"; readonly lines: "numberOfLines"; readonly spacing: "letterSpacing"; }; export declare const TypographyProps: string[]; export declare const ColorPallete: { red: string; coral: string; orange: string; gold: string; yellow: string; lime: string; lightGreen: string; green: string; darkGreen: string; nature: string; teal: string; aqua: string; sky: string; lightBlue: string; blue: string; darkBlue: string; blueViolet: string; violet: string; indigo: string; purple: string; magenta: string; pink: string; hotPink: string; black: string; gray: string; white: string; }; export declare const FontSizes: { xxs: number; xs: number; sm: number; md: number; lg: number; xl: number; xxl: number; }; export declare const FontWeights: { thinnest: number; thin: number; light: number; normal: number; medium: number; semibold: number; bold: number; boldest: number; }; export declare const Spacing: { xxs: number; xs: number; sm: number; md: number; lg: number; xl: number; xxl: number; }; export declare const Breakpoints: { xxs: number; xs: number; sm: number; md: number; lg: number; xl: number; xxl: number; }; export declare const SizeRegex: RegExp; export declare const ColorIntensity = "(100|150|200|250|300|350|400|450|500|550|600|650|700|750|800|850|900)";