creactive 0.0.95 → 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.
@@ -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 { ViewMarginBottomThemeStyleSheetKey, ViewMarginLeftThemeStyleSheetKey, ViewMarginRightThemeStyleSheetKey, ViewMarginTopThemeStyleSheetKey, ViewPaddingBottomThemeStyleSheetKey, ViewPaddingLeftThemeStyleSheetKey, ViewPaddingRightThemeStyleSheetKey, ViewPaddingTopThemeStyleSheetKey, ViewSpacing, ViewSpacingThemeTokenKey, } from './spacing';
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
- X2S = 0,
7
- XS = 1,
8
- SM = 2,
9
- MD = 3,
10
- LG = 4,
11
- XL = 5,
12
- X2L = 6,
13
- X3L = 7,
14
- X4L = 8,
15
- X5L = 9,
16
- X6L = 10,
17
- X7L = 11
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 ViewMarginTopThemeStyleSheetKey: {
20
- 0: "marginTopBaseX2S";
21
- 1: "marginTopBaseXS";
22
- 2: "marginTopBaseSM";
23
- 3: "marginTopBaseMD";
24
- 4: "marginTopBaseLG";
25
- 5: "marginTopBaseXL";
26
- 6: "marginTopBaseX2L";
27
- 7: "marginTopBaseX3L";
28
- 8: "marginTopBaseX4L";
29
- 9: "marginTopBaseX5L";
30
- 10: "marginTopBaseX6L";
31
- 11: "marginTopBaseX7L";
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 ViewPaddingTopThemeStyleSheetKey: {
34
- 0: "paddingTopBaseX2S";
35
- 1: "paddingTopBaseXS";
36
- 2: "paddingTopBaseSM";
37
- 3: "paddingTopBaseMD";
38
- 4: "paddingTopBaseLG";
39
- 5: "paddingTopBaseXL";
40
- 6: "paddingTopBaseX2L";
41
- 7: "paddingTopBaseX3L";
42
- 8: "paddingTopBaseX4L";
43
- 9: "paddingTopBaseX5L";
44
- 10: "paddingTopBaseX6L";
45
- 11: "paddingTopBaseX7L";
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 ViewMarginLeftThemeStyleSheetKey: {
48
- 0: "marginLeftBaseX2S";
49
- 1: "marginLeftBaseXS";
50
- 2: "marginLeftBaseSM";
51
- 3: "marginLeftBaseMD";
52
- 4: "marginLeftBaseLG";
53
- 5: "marginLeftBaseXL";
54
- 6: "marginLeftBaseX2L";
55
- 7: "marginLeftBaseX3L";
56
- 8: "marginLeftBaseX4L";
57
- 9: "marginLeftBaseX5L";
58
- 10: "marginLeftBaseX6L";
59
- 11: "marginLeftBaseX7L";
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 ViewPaddingLeftThemeStyleSheetKey: {
62
- 0: "paddingLeftBaseX2S";
63
- 1: "paddingLeftBaseXS";
64
- 2: "paddingLeftBaseSM";
65
- 3: "paddingLeftBaseMD";
66
- 4: "paddingLeftBaseLG";
67
- 5: "paddingLeftBaseXL";
68
- 6: "paddingLeftBaseX2L";
69
- 7: "paddingLeftBaseX3L";
70
- 8: "paddingLeftBaseX4L";
71
- 9: "paddingLeftBaseX5L";
72
- 10: "paddingLeftBaseX6L";
73
- 11: "paddingLeftBaseX7L";
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 ViewMarginRightThemeStyleSheetKey: {
76
- 0: "marginRightBaseX2S";
77
- 1: "marginRightBaseXS";
78
- 2: "marginRightBaseSM";
79
- 3: "marginRightBaseMD";
80
- 4: "marginRightBaseLG";
81
- 5: "marginRightBaseXL";
82
- 6: "marginRightBaseX2L";
83
- 7: "marginRightBaseX3L";
84
- 8: "marginRightBaseX4L";
85
- 9: "marginRightBaseX5L";
86
- 10: "marginRightBaseX6L";
87
- 11: "marginRightBaseX7L";
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 ViewPaddingRightThemeStyleSheetKey: {
90
- 0: "paddingRightBaseX2S";
91
- 1: "paddingRightBaseXS";
92
- 2: "paddingRightBaseSM";
93
- 3: "paddingRightBaseMD";
94
- 4: "paddingRightBaseLG";
95
- 5: "paddingRightBaseXL";
96
- 6: "paddingRightBaseX2L";
97
- 7: "paddingRightBaseX3L";
98
- 8: "paddingRightBaseX4L";
99
- 9: "paddingRightBaseX5L";
100
- 10: "paddingRightBaseX6L";
101
- 11: "paddingRightBaseX7L";
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 ViewMarginBottomThemeStyleSheetKey: {
104
- 0: "marginBottomBaseX2S";
105
- 1: "marginBottomBaseXS";
106
- 2: "marginBottomBaseSM";
107
- 3: "marginBottomBaseMD";
108
- 4: "marginBottomBaseLG";
109
- 5: "marginBottomBaseXL";
110
- 6: "marginBottomBaseX2L";
111
- 7: "marginBottomBaseX3L";
112
- 8: "marginBottomBaseX4L";
113
- 9: "marginBottomBaseX5L";
114
- 10: "marginBottomBaseX6L";
115
- 11: "marginBottomBaseX7L";
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 ViewPaddingBottomThemeStyleSheetKey: {
118
- 0: "paddingBottomBaseX2S";
119
- 1: "paddingBottomBaseXS";
120
- 2: "paddingBottomBaseSM";
121
- 3: "paddingBottomBaseMD";
122
- 4: "paddingBottomBaseLG";
123
- 5: "paddingBottomBaseXL";
124
- 6: "paddingBottomBaseX2L";
125
- 7: "paddingBottomBaseX3L";
126
- 8: "paddingBottomBaseX4L";
127
- 9: "paddingBottomBaseX5L";
128
- 10: "paddingBottomBaseX6L";
129
- 11: "paddingBottomBaseX7L";
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 ViewSpacingThemeTokenKey: {
132
- 0: "spacingBaseX2S";
133
- 1: "spacingBaseXS";
134
- 2: "spacingBaseSM";
135
- 3: "spacingBaseMD";
136
- 4: "spacingBaseLG";
137
- 5: "spacingBaseXL";
138
- 6: "spacingBaseX2L";
139
- 7: "spacingBaseX3L";
140
- 8: "spacingBaseX4L";
141
- 9: "spacingBaseX5L";
142
- 10: "spacingBaseX6L";
143
- 11: "spacingBaseX7L";
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 { 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;
@@ -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 { 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';
1
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';