creactive 0.0.94 → 0.0.96
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/classic.js +2 -2
- package/build/components/view/constants/index.d.ts +1 -1
- package/build/components/view/constants/spacing.d.ts +159 -129
- package/build/constants/index.d.ts +1 -1
- package/build/constants/theme/index.d.ts +0 -1
- package/build/contexts/index.d.ts +1 -1
- package/build/contexts/theme/constants/border.d.ts +8 -0
- package/build/contexts/theme/constants/color.d.ts +9 -0
- package/build/contexts/theme/constants/font.d.ts +20 -0
- package/build/contexts/theme/constants/index.d.ts +5 -1
- package/build/contexts/theme/constants/spacing.d.ts +15 -0
- package/build/contexts/theme/constants/text.d.ts +6 -0
- package/build/contexts/theme/hooks/index.d.ts +1 -0
- package/build/contexts/theme/hooks/use-theme-style-sheet.d.ts +554 -0
- package/build/contexts/theme/index.d.ts +1 -0
- package/build/contexts/theme/theme.types.d.ts +152 -119
- package/build/default.js +1 -1
- package/build/index.d.ts +1 -2
- package/package.json +1 -1
|
@@ -4,5 +4,5 @@ export { ViewAlignContent, ViewAlignItems, ViewAlignSelf, ViewFlexDirection, Vie
|
|
|
4
4
|
export { ViewOverflow } from './overflow';
|
|
5
5
|
export { ViewPosition } from './position';
|
|
6
6
|
export { ViewBoxShadow } from './shadow';
|
|
7
|
-
export {
|
|
7
|
+
export { VIEW_MARGIN_BOTTOM_SPACING_STYLE_KEY, VIEW_MARGIN_LEFT_SPACING_STYLE_KEY, VIEW_MARGIN_RIGHT_SPACING_STYLE_KEY, VIEW_MARGIN_TOP_SPACING_STYLE_KEY, VIEW_PADDING_BOTTOM_SPACING_STYLE_KEY, VIEW_PADDING_LEFT_SPACING_STYLE_KEY, VIEW_PADDING_RIGHT_SPACING_STYLE_KEY, VIEW_PADDING_TOP_SPACING_STYLE_KEY, VIEW_SPACING_THEME_TOKEN_KEY, ViewSpacing, } from './spacing';
|
|
8
8
|
export { ViewHTMLTag, ViewTag } from './tag';
|
|
@@ -3,142 +3,172 @@
|
|
|
3
3
|
* Allows to control view margin and padding with properties.
|
|
4
4
|
*/
|
|
5
5
|
export declare enum ViewSpacing {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
6
|
+
X6S = 0,
|
|
7
|
+
X5S = 1,
|
|
8
|
+
X4S = 2,
|
|
9
|
+
X3S = 3,
|
|
10
|
+
X2S = 4,
|
|
11
|
+
XS = 5,
|
|
12
|
+
SM = 6,
|
|
13
|
+
MD = 7,
|
|
14
|
+
LG = 8,
|
|
15
|
+
XL = 9,
|
|
16
|
+
X2L = 10,
|
|
17
|
+
X3L = 11,
|
|
18
|
+
X4L = 12,
|
|
19
|
+
X5L = 13,
|
|
20
|
+
X6L = 14
|
|
18
21
|
}
|
|
19
|
-
export declare const
|
|
20
|
-
0: "
|
|
21
|
-
1: "
|
|
22
|
-
2: "
|
|
23
|
-
3: "
|
|
24
|
-
4: "
|
|
25
|
-
5: "
|
|
26
|
-
6: "
|
|
27
|
-
7: "
|
|
28
|
-
8: "
|
|
29
|
-
9: "
|
|
30
|
-
10: "
|
|
31
|
-
11: "
|
|
22
|
+
export declare const VIEW_MARGIN_TOP_SPACING_STYLE_KEY: {
|
|
23
|
+
0: "marginTopBaseX6S";
|
|
24
|
+
1: "marginTopBaseX5S";
|
|
25
|
+
2: "marginTopBaseX4S";
|
|
26
|
+
3: "marginTopBaseX3S";
|
|
27
|
+
4: "marginTopBaseX2S";
|
|
28
|
+
5: "marginTopBaseXS";
|
|
29
|
+
6: "marginTopBaseSM";
|
|
30
|
+
7: "marginTopBaseMD";
|
|
31
|
+
8: "marginTopBaseLG";
|
|
32
|
+
9: "marginTopBaseXL";
|
|
33
|
+
10: "marginTopBaseX2L";
|
|
34
|
+
11: "marginTopBaseX3L";
|
|
35
|
+
12: "marginTopBaseX4L";
|
|
36
|
+
13: "marginTopBaseX5L";
|
|
37
|
+
14: "marginTopBaseX6L";
|
|
32
38
|
};
|
|
33
|
-
export declare const
|
|
34
|
-
0: "
|
|
35
|
-
1: "
|
|
36
|
-
2: "
|
|
37
|
-
3: "
|
|
38
|
-
4: "
|
|
39
|
-
5: "
|
|
40
|
-
6: "
|
|
41
|
-
7: "
|
|
42
|
-
8: "
|
|
43
|
-
9: "
|
|
44
|
-
10: "
|
|
45
|
-
11: "
|
|
39
|
+
export declare const VIEW_PADDING_TOP_SPACING_STYLE_KEY: {
|
|
40
|
+
0: "paddingTopBaseX6S";
|
|
41
|
+
1: "paddingTopBaseX5S";
|
|
42
|
+
2: "paddingTopBaseX4S";
|
|
43
|
+
3: "paddingTopBaseX3S";
|
|
44
|
+
4: "paddingTopBaseX2S";
|
|
45
|
+
5: "paddingTopBaseXS";
|
|
46
|
+
6: "paddingTopBaseSM";
|
|
47
|
+
7: "paddingTopBaseMD";
|
|
48
|
+
8: "paddingTopBaseLG";
|
|
49
|
+
9: "paddingTopBaseXL";
|
|
50
|
+
10: "paddingTopBaseX2L";
|
|
51
|
+
11: "paddingTopBaseX3L";
|
|
52
|
+
12: "paddingTopBaseX4L";
|
|
53
|
+
13: "paddingTopBaseX5L";
|
|
54
|
+
14: "paddingTopBaseX6L";
|
|
46
55
|
};
|
|
47
|
-
export declare const
|
|
48
|
-
0: "
|
|
49
|
-
1: "
|
|
50
|
-
2: "
|
|
51
|
-
3: "
|
|
52
|
-
4: "
|
|
53
|
-
5: "
|
|
54
|
-
6: "
|
|
55
|
-
7: "
|
|
56
|
-
8: "
|
|
57
|
-
9: "
|
|
58
|
-
10: "
|
|
59
|
-
11: "
|
|
56
|
+
export declare const VIEW_MARGIN_LEFT_SPACING_STYLE_KEY: {
|
|
57
|
+
0: "marginLeftBaseX6S";
|
|
58
|
+
1: "marginLeftBaseX5S";
|
|
59
|
+
2: "marginLeftBaseX4S";
|
|
60
|
+
3: "marginLeftBaseX3S";
|
|
61
|
+
4: "marginLeftBaseX2S";
|
|
62
|
+
5: "marginLeftBaseXS";
|
|
63
|
+
6: "marginLeftBaseSM";
|
|
64
|
+
7: "marginLeftBaseMD";
|
|
65
|
+
8: "marginLeftBaseLG";
|
|
66
|
+
9: "marginLeftBaseXL";
|
|
67
|
+
10: "marginLeftBaseX2L";
|
|
68
|
+
11: "marginLeftBaseX3L";
|
|
69
|
+
12: "marginLeftBaseX4L";
|
|
70
|
+
13: "marginLeftBaseX5L";
|
|
71
|
+
14: "marginLeftBaseX6L";
|
|
60
72
|
};
|
|
61
|
-
export declare const
|
|
62
|
-
0: "
|
|
63
|
-
1: "
|
|
64
|
-
2: "
|
|
65
|
-
3: "
|
|
66
|
-
4: "
|
|
67
|
-
5: "
|
|
68
|
-
6: "
|
|
69
|
-
7: "
|
|
70
|
-
8: "
|
|
71
|
-
9: "
|
|
72
|
-
10: "
|
|
73
|
-
11: "
|
|
73
|
+
export declare const VIEW_PADDING_LEFT_SPACING_STYLE_KEY: {
|
|
74
|
+
0: "paddingLeftBaseX6S";
|
|
75
|
+
1: "paddingLeftBaseX5S";
|
|
76
|
+
2: "paddingLeftBaseX4S";
|
|
77
|
+
3: "paddingLeftBaseX3S";
|
|
78
|
+
4: "paddingLeftBaseX2S";
|
|
79
|
+
5: "paddingLeftBaseXS";
|
|
80
|
+
6: "paddingLeftBaseSM";
|
|
81
|
+
7: "paddingLeftBaseMD";
|
|
82
|
+
8: "paddingLeftBaseLG";
|
|
83
|
+
9: "paddingLeftBaseXL";
|
|
84
|
+
10: "paddingLeftBaseX2L";
|
|
85
|
+
11: "paddingLeftBaseX3L";
|
|
86
|
+
12: "paddingLeftBaseX4L";
|
|
87
|
+
13: "paddingLeftBaseX5L";
|
|
88
|
+
14: "paddingLeftBaseX6L";
|
|
74
89
|
};
|
|
75
|
-
export declare const
|
|
76
|
-
0: "
|
|
77
|
-
1: "
|
|
78
|
-
2: "
|
|
79
|
-
3: "
|
|
80
|
-
4: "
|
|
81
|
-
5: "
|
|
82
|
-
6: "
|
|
83
|
-
7: "
|
|
84
|
-
8: "
|
|
85
|
-
9: "
|
|
86
|
-
10: "
|
|
87
|
-
11: "
|
|
90
|
+
export declare const VIEW_MARGIN_RIGHT_SPACING_STYLE_KEY: {
|
|
91
|
+
0: "marginRightBaseX6S";
|
|
92
|
+
1: "marginRightBaseX5S";
|
|
93
|
+
2: "marginRightBaseX4S";
|
|
94
|
+
3: "marginRightBaseX3S";
|
|
95
|
+
4: "marginRightBaseX2S";
|
|
96
|
+
5: "marginRightBaseXS";
|
|
97
|
+
6: "marginRightBaseSM";
|
|
98
|
+
7: "marginRightBaseMD";
|
|
99
|
+
8: "marginRightBaseLG";
|
|
100
|
+
9: "marginRightBaseXL";
|
|
101
|
+
10: "marginRightBaseX2L";
|
|
102
|
+
11: "marginRightBaseX3L";
|
|
103
|
+
12: "marginRightBaseX4L";
|
|
104
|
+
13: "marginRightBaseX5L";
|
|
105
|
+
14: "marginRightBaseX6L";
|
|
88
106
|
};
|
|
89
|
-
export declare const
|
|
90
|
-
0: "
|
|
91
|
-
1: "
|
|
92
|
-
2: "
|
|
93
|
-
3: "
|
|
94
|
-
4: "
|
|
95
|
-
5: "
|
|
96
|
-
6: "
|
|
97
|
-
7: "
|
|
98
|
-
8: "
|
|
99
|
-
9: "
|
|
100
|
-
10: "
|
|
101
|
-
11: "
|
|
107
|
+
export declare const VIEW_PADDING_RIGHT_SPACING_STYLE_KEY: {
|
|
108
|
+
0: "paddingRightBaseX6S";
|
|
109
|
+
1: "paddingRightBaseX5S";
|
|
110
|
+
2: "paddingRightBaseX4S";
|
|
111
|
+
3: "paddingRightBaseX3S";
|
|
112
|
+
4: "paddingRightBaseX2S";
|
|
113
|
+
5: "paddingRightBaseXS";
|
|
114
|
+
6: "paddingRightBaseSM";
|
|
115
|
+
7: "paddingRightBaseMD";
|
|
116
|
+
8: "paddingRightBaseLG";
|
|
117
|
+
9: "paddingRightBaseXL";
|
|
118
|
+
10: "paddingRightBaseX2L";
|
|
119
|
+
11: "paddingRightBaseX3L";
|
|
120
|
+
12: "paddingRightBaseX4L";
|
|
121
|
+
13: "paddingRightBaseX5L";
|
|
122
|
+
14: "paddingRightBaseX6L";
|
|
102
123
|
};
|
|
103
|
-
export declare const
|
|
104
|
-
0: "
|
|
105
|
-
1: "
|
|
106
|
-
2: "
|
|
107
|
-
3: "
|
|
108
|
-
4: "
|
|
109
|
-
5: "
|
|
110
|
-
6: "
|
|
111
|
-
7: "
|
|
112
|
-
8: "
|
|
113
|
-
9: "
|
|
114
|
-
10: "
|
|
115
|
-
11: "
|
|
124
|
+
export declare const VIEW_MARGIN_BOTTOM_SPACING_STYLE_KEY: {
|
|
125
|
+
0: "marginBottomBaseX6S";
|
|
126
|
+
1: "marginBottomBaseX5S";
|
|
127
|
+
2: "marginBottomBaseX4S";
|
|
128
|
+
3: "marginBottomBaseX3S";
|
|
129
|
+
4: "marginBottomBaseX2S";
|
|
130
|
+
5: "marginBottomBaseXS";
|
|
131
|
+
6: "marginBottomBaseSM";
|
|
132
|
+
7: "marginBottomBaseMD";
|
|
133
|
+
8: "marginBottomBaseLG";
|
|
134
|
+
9: "marginBottomBaseXL";
|
|
135
|
+
10: "marginBottomBaseX2L";
|
|
136
|
+
11: "marginBottomBaseX3L";
|
|
137
|
+
12: "marginBottomBaseX4L";
|
|
138
|
+
13: "marginBottomBaseX5L";
|
|
139
|
+
14: "marginBottomBaseX6L";
|
|
116
140
|
};
|
|
117
|
-
export declare const
|
|
118
|
-
0: "
|
|
119
|
-
1: "
|
|
120
|
-
2: "
|
|
121
|
-
3: "
|
|
122
|
-
4: "
|
|
123
|
-
5: "
|
|
124
|
-
6: "
|
|
125
|
-
7: "
|
|
126
|
-
8: "
|
|
127
|
-
9: "
|
|
128
|
-
10: "
|
|
129
|
-
11: "
|
|
141
|
+
export declare const VIEW_PADDING_BOTTOM_SPACING_STYLE_KEY: {
|
|
142
|
+
0: "paddingBottomBaseX6S";
|
|
143
|
+
1: "paddingBottomBaseX5S";
|
|
144
|
+
2: "paddingBottomBaseX4S";
|
|
145
|
+
3: "paddingBottomBaseX3S";
|
|
146
|
+
4: "paddingBottomBaseX2S";
|
|
147
|
+
5: "paddingBottomBaseXS";
|
|
148
|
+
6: "paddingBottomBaseSM";
|
|
149
|
+
7: "paddingBottomBaseMD";
|
|
150
|
+
8: "paddingBottomBaseLG";
|
|
151
|
+
9: "paddingBottomBaseXL";
|
|
152
|
+
10: "paddingBottomBaseX2L";
|
|
153
|
+
11: "paddingBottomBaseX3L";
|
|
154
|
+
12: "paddingBottomBaseX4L";
|
|
155
|
+
13: "paddingBottomBaseX5L";
|
|
156
|
+
14: "paddingBottomBaseX6L";
|
|
130
157
|
};
|
|
131
|
-
export declare const
|
|
132
|
-
0: "
|
|
133
|
-
1: "
|
|
134
|
-
2: "
|
|
135
|
-
3: "
|
|
136
|
-
4: "
|
|
137
|
-
5: "
|
|
138
|
-
6: "
|
|
139
|
-
7: "
|
|
140
|
-
8: "
|
|
141
|
-
9: "
|
|
142
|
-
10: "
|
|
143
|
-
11: "
|
|
158
|
+
export declare const VIEW_SPACING_THEME_TOKEN_KEY: {
|
|
159
|
+
0: "spacingBaseX6S";
|
|
160
|
+
1: "spacingBaseX5S";
|
|
161
|
+
2: "spacingBaseX4S";
|
|
162
|
+
3: "spacingBaseX3S";
|
|
163
|
+
4: "spacingBaseX2S";
|
|
164
|
+
5: "spacingBaseXS";
|
|
165
|
+
6: "spacingBaseSM";
|
|
166
|
+
7: "spacingBaseMD";
|
|
167
|
+
8: "spacingBaseLG";
|
|
168
|
+
9: "spacingBaseXL";
|
|
169
|
+
10: "spacingBaseX2L";
|
|
170
|
+
11: "spacingBaseX3L";
|
|
171
|
+
12: "spacingBaseX4L";
|
|
172
|
+
13: "spacingBaseX5L";
|
|
173
|
+
14: "spacingBaseX6L";
|
|
144
174
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { Dimension } from '../constants/dimension';
|
|
2
2
|
export { POSITION_MAX, POSITION_MIN } from '../constants/position';
|
|
3
3
|
export { SIZE_FULL } from '../constants/size';
|
|
4
|
-
export { BORDER_RADIUS_BASE_LG, BORDER_RADIUS_BASE_MD, BORDER_RADIUS_BASE_SM, BORDER_RADIUS_BASE_XL, BORDER_RADIUS_BASE_XS, BORDER_WIDTH_BASE_LG, BORDER_WIDTH_BASE_MD, BORDER_WIDTH_BASE_SM,
|
|
4
|
+
export { BORDER_RADIUS_BASE_LG, BORDER_RADIUS_BASE_MD, BORDER_RADIUS_BASE_SM, BORDER_RADIUS_BASE_XL, BORDER_RADIUS_BASE_XS, BORDER_WIDTH_BASE_LG, BORDER_WIDTH_BASE_MD, BORDER_WIDTH_BASE_SM, FONT_FAMILY_BASE, FONT_SIZE_BASE_LG, FONT_SIZE_BASE_MD, FONT_SIZE_BASE_SM, FONT_SIZE_BASE_X2L, FONT_SIZE_BASE_X2S, FONT_SIZE_BASE_X3L, FONT_SIZE_BASE_X4L, FONT_SIZE_BASE_X5L, FONT_SIZE_BASE_XL, FONT_SIZE_BASE_XS, FONT_WEIGHT_BASE_BLACK, FONT_WEIGHT_BASE_BOLD, FONT_WEIGHT_BASE_EXTRABOLD, FONT_WEIGHT_BASE_EXTRALIGHT, FONT_WEIGHT_BASE_LIGHT, FONT_WEIGHT_BASE_MEDIUM, FONT_WEIGHT_BASE_REGULAR, FONT_WEIGHT_BASE_SEMIBOLD, FONT_WEIGHT_BASE_THIN, LINE_HEIGHT_BASE_LOOSE, LINE_HEIGHT_BASE_NONE, LINE_HEIGHT_BASE_NORMAL, LINE_HEIGHT_BASE_RELAXED, LINE_HEIGHT_BASE_SNUG, LINE_HEIGHT_BASE_TIGHT, SPACING_BASE_LG, SPACING_BASE_MD, SPACING_BASE_SM, SPACING_BASE_X2L, SPACING_BASE_X2S, SPACING_BASE_X3L, SPACING_BASE_X4L, SPACING_BASE_X5L, SPACING_BASE_X6L, SPACING_BASE_X7L, SPACING_BASE_XL, SPACING_BASE_XS, } from '../constants/theme';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { BORDER_RADIUS_BASE_LG, BORDER_RADIUS_BASE_MD, BORDER_RADIUS_BASE_SM, BORDER_RADIUS_BASE_XL, BORDER_RADIUS_BASE_XS, BORDER_WIDTH_BASE_LG, BORDER_WIDTH_BASE_MD, BORDER_WIDTH_BASE_SM, } from './border';
|
|
2
|
-
export { COLOR_FOREGROUND_INVERSE_100, COLOR_FOREGROUND_INVERSE_200, COLOR_FOREGROUND_INVERSE_300, COLOR_FOREGROUND_INVERSE_400, COLOR_FOREGROUND_INVERSE_500, COLOR_FOREGROUND_INVERSE_600, COLOR_FOREGROUND_INVERSE_700, COLOR_FOREGROUND_INVERSE_800, COLOR_FOREGROUND_INVERSE_900, } from './color';
|
|
3
2
|
export { FONT_FAMILY_BASE, FONT_SIZE_BASE_LG, FONT_SIZE_BASE_MD, FONT_SIZE_BASE_SM, FONT_SIZE_BASE_X2L, FONT_SIZE_BASE_X2S, FONT_SIZE_BASE_X3L, FONT_SIZE_BASE_X4L, FONT_SIZE_BASE_X5L, FONT_SIZE_BASE_XL, FONT_SIZE_BASE_XS, FONT_WEIGHT_BASE_BLACK, FONT_WEIGHT_BASE_BOLD, FONT_WEIGHT_BASE_EXTRABOLD, FONT_WEIGHT_BASE_EXTRALIGHT, FONT_WEIGHT_BASE_LIGHT, FONT_WEIGHT_BASE_MEDIUM, FONT_WEIGHT_BASE_REGULAR, FONT_WEIGHT_BASE_SEMIBOLD, FONT_WEIGHT_BASE_THIN, } from './font';
|
|
4
3
|
export { SPACING_BASE_LG, SPACING_BASE_MD, SPACING_BASE_SM, SPACING_BASE_X2L, SPACING_BASE_X2S, SPACING_BASE_X3L, SPACING_BASE_X4L, SPACING_BASE_X5L, SPACING_BASE_X6L, SPACING_BASE_X7L, SPACING_BASE_XL, SPACING_BASE_XS, } from './spacing';
|
|
5
4
|
export { LINE_HEIGHT_BASE_LOOSE, LINE_HEIGHT_BASE_NONE, LINE_HEIGHT_BASE_NORMAL, LINE_HEIGHT_BASE_RELAXED, LINE_HEIGHT_BASE_SNUG, LINE_HEIGHT_BASE_TIGHT, } from './text';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { Media, MediaContextProvider, useMediaContext } from '../contexts/media';
|
|
2
2
|
export type { MediaComponent, MediaContextProviderComponent, MediaContextValue, MediaProps, } from '../contexts/media';
|
|
3
|
-
export { ThemeContextProvider, useThemeContext } from '../contexts/theme';
|
|
3
|
+
export { ThemeContextProvider, useThemeContext, useThemeStyleSheet, } from '../contexts/theme';
|
|
4
4
|
export type { ThemeContextProviderComponent, ThemeContextProviderProps, ThemeContextValue, } from '../contexts/theme';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const BORDER_WIDTH_BASE_SM = 0.5;
|
|
2
|
+
export declare const BORDER_WIDTH_BASE_MD = 1;
|
|
3
|
+
export declare const BORDER_WIDTH_BASE_LG = 1.5;
|
|
4
|
+
export declare const BORDER_RADIUS_BASE_XS = 2;
|
|
5
|
+
export declare const BORDER_RADIUS_BASE_SM = 4;
|
|
6
|
+
export declare const BORDER_RADIUS_BASE_MD = 6;
|
|
7
|
+
export declare const BORDER_RADIUS_BASE_LG = 8;
|
|
8
|
+
export declare const BORDER_RADIUS_BASE_XL = 10;
|
|
@@ -25,3 +25,12 @@ export declare const COLOR_FOREGROUND_BASE_600 = "rgb(39,39,42)";
|
|
|
25
25
|
export declare const COLOR_FOREGROUND_BASE_700 = "rgb(30,30,34)";
|
|
26
26
|
export declare const COLOR_FOREGROUND_BASE_800 = "rgb(24,24,27)";
|
|
27
27
|
export declare const COLOR_FOREGROUND_BASE_900 = "rgb(6,6,14)";
|
|
28
|
+
export declare const COLOR_FOREGROUND_INVERSE_100 = "rgb(198,198,202)";
|
|
29
|
+
export declare const COLOR_FOREGROUND_INVERSE_200 = "rgb(212,212,216)";
|
|
30
|
+
export declare const COLOR_FOREGROUND_INVERSE_300 = "rgb(216,216,228)";
|
|
31
|
+
export declare const COLOR_FOREGROUND_INVERSE_400 = "rgb(218,218,234)";
|
|
32
|
+
export declare const COLOR_FOREGROUND_INVERSE_500 = "rgb(224,224,238)";
|
|
33
|
+
export declare const COLOR_FOREGROUND_INVERSE_600 = "rgb(244,244,245)";
|
|
34
|
+
export declare const COLOR_FOREGROUND_INVERSE_700 = "rgb(247,247,249)";
|
|
35
|
+
export declare const COLOR_FOREGROUND_INVERSE_800 = "rgb(249,249,250)";
|
|
36
|
+
export declare const COLOR_FOREGROUND_INVERSE_900 = "rgb(254,254,255)";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const FONT_FAMILY_BASE: string;
|
|
2
|
+
export declare const FONT_WEIGHT_BASE_THIN = 100;
|
|
3
|
+
export declare const FONT_WEIGHT_BASE_EXTRALIGHT = 200;
|
|
4
|
+
export declare const FONT_WEIGHT_BASE_LIGHT = 300;
|
|
5
|
+
export declare const FONT_WEIGHT_BASE_REGULAR = 400;
|
|
6
|
+
export declare const FONT_WEIGHT_BASE_MEDIUM = 500;
|
|
7
|
+
export declare const FONT_WEIGHT_BASE_SEMIBOLD = 600;
|
|
8
|
+
export declare const FONT_WEIGHT_BASE_BOLD = 700;
|
|
9
|
+
export declare const FONT_WEIGHT_BASE_EXTRABOLD = 800;
|
|
10
|
+
export declare const FONT_WEIGHT_BASE_BLACK = 900;
|
|
11
|
+
export declare const FONT_SIZE_BASE_X2S = 12;
|
|
12
|
+
export declare const FONT_SIZE_BASE_XS = 14;
|
|
13
|
+
export declare const FONT_SIZE_BASE_SM = 16;
|
|
14
|
+
export declare const FONT_SIZE_BASE_MD = 18;
|
|
15
|
+
export declare const FONT_SIZE_BASE_LG = 20;
|
|
16
|
+
export declare const FONT_SIZE_BASE_XL = 24;
|
|
17
|
+
export declare const FONT_SIZE_BASE_X2L = 30;
|
|
18
|
+
export declare const FONT_SIZE_BASE_X3L = 36;
|
|
19
|
+
export declare const FONT_SIZE_BASE_X4L = 48;
|
|
20
|
+
export declare const FONT_SIZE_BASE_X5L = 60;
|
|
@@ -1 +1,5 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { BORDER_RADIUS_BASE_LG, BORDER_RADIUS_BASE_MD, BORDER_RADIUS_BASE_SM, BORDER_RADIUS_BASE_XL, BORDER_RADIUS_BASE_XS, BORDER_WIDTH_BASE_LG, BORDER_WIDTH_BASE_MD, BORDER_WIDTH_BASE_SM, } from './border';
|
|
2
|
+
export { COLOR_BACKGROUND_BASE_100, COLOR_BACKGROUND_BASE_200, COLOR_BACKGROUND_BASE_300, COLOR_BACKGROUND_BASE_400, COLOR_BACKGROUND_BASE_500, COLOR_BACKGROUND_BASE_600, COLOR_BACKGROUND_BASE_700, COLOR_BACKGROUND_BASE_800, COLOR_BACKGROUND_BASE_900, COLOR_BORDER_BASE_100, COLOR_BORDER_BASE_200, COLOR_BORDER_BASE_300, COLOR_BORDER_BASE_400, COLOR_BORDER_BASE_500, COLOR_BORDER_BASE_600, COLOR_BORDER_BASE_700, COLOR_BORDER_BASE_800, COLOR_BORDER_BASE_900, COLOR_FOREGROUND_BASE_100, COLOR_FOREGROUND_BASE_200, COLOR_FOREGROUND_BASE_300, COLOR_FOREGROUND_BASE_400, COLOR_FOREGROUND_BASE_500, COLOR_FOREGROUND_BASE_600, COLOR_FOREGROUND_BASE_700, COLOR_FOREGROUND_BASE_800, COLOR_FOREGROUND_BASE_900, COLOR_FOREGROUND_INVERSE_100, COLOR_FOREGROUND_INVERSE_200, COLOR_FOREGROUND_INVERSE_300, COLOR_FOREGROUND_INVERSE_400, COLOR_FOREGROUND_INVERSE_500, COLOR_FOREGROUND_INVERSE_600, COLOR_FOREGROUND_INVERSE_700, COLOR_FOREGROUND_INVERSE_800, COLOR_FOREGROUND_INVERSE_900, } from './color';
|
|
3
|
+
export { FONT_FAMILY_BASE, FONT_SIZE_BASE_LG, FONT_SIZE_BASE_MD, FONT_SIZE_BASE_SM, FONT_SIZE_BASE_X2L, FONT_SIZE_BASE_X2S, FONT_SIZE_BASE_X3L, FONT_SIZE_BASE_X4L, FONT_SIZE_BASE_X5L, FONT_SIZE_BASE_XL, FONT_SIZE_BASE_XS, FONT_WEIGHT_BASE_BLACK, FONT_WEIGHT_BASE_BOLD, FONT_WEIGHT_BASE_EXTRABOLD, FONT_WEIGHT_BASE_EXTRALIGHT, FONT_WEIGHT_BASE_LIGHT, FONT_WEIGHT_BASE_MEDIUM, FONT_WEIGHT_BASE_REGULAR, FONT_WEIGHT_BASE_SEMIBOLD, FONT_WEIGHT_BASE_THIN, } from './font';
|
|
4
|
+
export { SPACING_BASE_LG, SPACING_BASE_MD, SPACING_BASE_SM, SPACING_BASE_X2L, SPACING_BASE_X2S, SPACING_BASE_X3L, SPACING_BASE_X3S, SPACING_BASE_X4L, SPACING_BASE_X4S, SPACING_BASE_X5L, SPACING_BASE_X5S, SPACING_BASE_X6L, SPACING_BASE_X6S, SPACING_BASE_XL, SPACING_BASE_XS, } from './spacing';
|
|
5
|
+
export { LINE_HEIGHT_BASE_LOOSE, LINE_HEIGHT_BASE_NONE, LINE_HEIGHT_BASE_NORMAL, LINE_HEIGHT_BASE_RELAXED, LINE_HEIGHT_BASE_SNUG, LINE_HEIGHT_BASE_TIGHT, } from './text';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const SPACING_BASE_X6S = 2;
|
|
2
|
+
export declare const SPACING_BASE_X5S = 4;
|
|
3
|
+
export declare const SPACING_BASE_X4S = 6;
|
|
4
|
+
export declare const SPACING_BASE_X3S = 8;
|
|
5
|
+
export declare const SPACING_BASE_X2S = 10;
|
|
6
|
+
export declare const SPACING_BASE_XS = 12;
|
|
7
|
+
export declare const SPACING_BASE_SM = 14;
|
|
8
|
+
export declare const SPACING_BASE_MD = 16;
|
|
9
|
+
export declare const SPACING_BASE_LG = 18;
|
|
10
|
+
export declare const SPACING_BASE_XL = 20;
|
|
11
|
+
export declare const SPACING_BASE_X2L = 24;
|
|
12
|
+
export declare const SPACING_BASE_X3L = 28;
|
|
13
|
+
export declare const SPACING_BASE_X4L = 32;
|
|
14
|
+
export declare const SPACING_BASE_X5L = 36;
|
|
15
|
+
export declare const SPACING_BASE_X6L = 40;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const LINE_HEIGHT_BASE_NONE = 1;
|
|
2
|
+
export declare const LINE_HEIGHT_BASE_TIGHT = 1.25;
|
|
3
|
+
export declare const LINE_HEIGHT_BASE_SNUG = 1.375;
|
|
4
|
+
export declare const LINE_HEIGHT_BASE_NORMAL = 1.5;
|
|
5
|
+
export declare const LINE_HEIGHT_BASE_RELAXED = 1.625;
|
|
6
|
+
export declare const LINE_HEIGHT_BASE_LOOSE = 2;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useThemeStyleSheet } from './use-theme-style-sheet';
|