creactive 0.0.95 → 0.0.97

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.
@@ -8,12 +8,7 @@ export declare enum ViewBorderWidth {
8
8
  MD = 1,
9
9
  LG = 2
10
10
  }
11
- export declare const ViewBorderWidthThemeStyleSheetKey: {
12
- 0: "borderWidthBaseSM";
13
- 1: "borderWidthBaseMD";
14
- 2: "borderWidthBaseLG";
15
- };
16
- export declare const ViewBorderWidthThemeTokenKey: {
11
+ export declare const VIEW_THEME_BORDER_WIDTH_KEY: {
17
12
  0: "borderWidthBaseSM";
18
13
  1: "borderWidthBaseMD";
19
14
  2: "borderWidthBaseLG";
@@ -30,14 +25,7 @@ export declare enum ViewBorderRadius {
30
25
  XL = 4,
31
26
  MAX = 5
32
27
  }
33
- export declare const ViewBorderRadiusThemeStyleSheetKey: {
34
- 0: "borderRadiusBaseXS";
35
- 1: "borderRadiusBaseSM";
36
- 2: "borderRadiusBaseMD";
37
- 3: "borderRadiusBaseLG";
38
- 4: "borderRadiusBaseXL";
39
- };
40
- export declare const ViewBorderRadiusThemeTokenKey: {
28
+ export declare const VIEW_THEME_BORDER_RADIUS_KEY: {
41
29
  0: "borderRadiusBaseXS";
42
30
  1: "borderRadiusBaseSM";
43
31
  2: "borderRadiusBaseMD";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * View border color enumerated constants.
3
- * Should be used to controle view border color with properties.
3
+ * Should be used to control view border color with properties.
4
4
  */
5
5
  export declare enum ViewBorderColor {
6
6
  BASE_100 = 0,
@@ -13,18 +13,7 @@ export declare enum ViewBorderColor {
13
13
  BASE_800 = 7,
14
14
  BASE_900 = 8
15
15
  }
16
- export declare const ViewBorderColorStyleSheetKey: {
17
- 0: "colorBorderBase100";
18
- 1: "colorBorderBase200";
19
- 2: "colorBorderBase300";
20
- 3: "colorBorderBase400";
21
- 4: "colorBorderBase500";
22
- 5: "colorBorderBase600";
23
- 6: "colorBorderBase700";
24
- 7: "colorBorderBase800";
25
- 8: "colorBorderBase900";
26
- };
27
- export declare const ViewBorderColorThemeTokenKey: {
16
+ export declare const VIEW_THEME_BORDER_COLOR_KEY: {
28
17
  0: "colorBorderBase100";
29
18
  1: "colorBorderBase200";
30
19
  2: "colorBorderBase300";
@@ -50,18 +39,7 @@ export declare enum ViewBackgroundColor {
50
39
  BASE_800 = 7,
51
40
  BASE_900 = 8
52
41
  }
53
- export declare const ViewBackgroundColorStyleSheetKey: {
54
- 0: "colorBackgroundBase100";
55
- 1: "colorBackgroundBase200";
56
- 2: "colorBackgroundBase300";
57
- 3: "colorBackgroundBase400";
58
- 4: "colorBackgroundBase500";
59
- 5: "colorBackgroundBase600";
60
- 6: "colorBackgroundBase700";
61
- 7: "colorBackgroundBase800";
62
- 8: "colorBackgroundBase900";
63
- };
64
- export declare const ViewBackgroundColorThemeTokenKey: {
42
+ export declare const VIEW_THEME_BACKGROUND_COLOR_KEY: {
65
43
  0: "colorBackgroundBase100";
66
44
  1: "colorBackgroundBase200";
67
45
  2: "colorBackgroundBase300";
@@ -1,8 +1,8 @@
1
- export { ViewBorderRadius, ViewBorderRadiusThemeStyleSheetKey, ViewBorderRadiusThemeTokenKey, ViewBorderWidth, ViewBorderWidthThemeStyleSheetKey, ViewBorderWidthThemeTokenKey, } from './border';
2
- export { ViewBackgroundColor, ViewBackgroundColorStyleSheetKey, ViewBackgroundColorThemeTokenKey, ViewBorderColor, ViewBorderColorStyleSheetKey, ViewBorderColorThemeTokenKey, } from './color';
1
+ export { VIEW_THEME_BORDER_RADIUS_KEY, VIEW_THEME_BORDER_WIDTH_KEY, ViewBorderRadius, ViewBorderWidth, } from './border';
2
+ export { VIEW_THEME_BACKGROUND_COLOR_KEY, VIEW_THEME_BORDER_COLOR_KEY, ViewBackgroundColor, ViewBorderColor, } from './color';
3
3
  export { ViewAlignContent, ViewAlignItems, ViewAlignSelf, ViewFlexDirection, ViewJustifyContent, } from './flex';
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';
8
- export { ViewHTMLTag, ViewTag } from './tag';
7
+ export { VIEW_SPACING_THEME_TOKEN_KEY, VIEW_THEME_MARGIN_BOTTOM_SPACING_STYLE_KEY, VIEW_THEME_MARGIN_LEFT_SPACING_STYLE_KEY, VIEW_THEME_MARGIN_RIGHT_SPACING_STYLE_KEY, VIEW_THEME_MARGIN_TOP_SPACING_STYLE_KEY, VIEW_THEME_PADDING_BOTTOM_SPACING_STYLE_KEY, VIEW_THEME_PADDING_LEFT_SPACING_STYLE_KEY, VIEW_THEME_PADDING_RIGHT_SPACING_STYLE_KEY, VIEW_THEME_PADDING_TOP_SPACING_STYLE_KEY, ViewSpacing, } from './spacing';
8
+ export { VIEW_HTML_TAG, 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_THEME_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_THEME_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_THEME_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_THEME_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_THEME_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_THEME_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_THEME_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_THEME_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
  };
@@ -12,11 +12,7 @@ export declare enum ViewTag {
12
12
  MAIN = 6,
13
13
  FOOTER = 7
14
14
  }
15
- /**
16
- * Mapping tags to its string constants.
17
- * This is used to render correct HTML tags in web.
18
- */
19
- export declare const ViewHTMLTag: {
15
+ export declare const VIEW_HTML_TAG: {
20
16
  0: "div";
21
17
  1: "figure";
22
18
  2: "figcaption";
@@ -1,2 +1,3 @@
1
- export { View } from './view';
2
- export type { ViewComponent, ViewProps } from './view.types';
1
+ import type { ViewComponent, ViewProps } from './view.types';
2
+ export declare const View: ViewComponent;
3
+ export type { ViewComponent, ViewProps };
@@ -3,6 +3,11 @@ import type { Color } from '../../types';
3
3
  import type { FunctionComponent, PropsWithChildren } from 'react';
4
4
  import type { ViewAlignContent, ViewAlignItems, ViewAlignSelf, ViewBackgroundColor, ViewBorderColor, ViewBorderRadius, ViewBorderWidth, ViewBoxShadow, ViewFlexDirection, ViewJustifyContent, ViewOverflow, ViewPosition, ViewSpacing, ViewTag } from './constants';
5
5
  export interface ViewProps extends PropsWithChildren {
6
+ /**
7
+ * Allows to select view in tests.
8
+ * @default undefined
9
+ */
10
+ testId?: string;
6
11
  /**
7
12
  * Allows to control HTML tag to render.
8
13
  * Makes no sense on native platforms.
@@ -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';
@@ -1,15 +1,4 @@
1
- /**
2
- * Base font family constant.
3
- * Supposed to be used for styling text.
4
- * Maybe we'll need som extra font family in future..
5
- */
6
1
  export declare const FONT_FAMILY_BASE: string;
7
- /**
8
- * Base font weight constants.
9
- * Supposed to be used for styling text.
10
- * It seems like we wont need an extra set of font weights.
11
- * But we named them as base just in case, you know..
12
- */
13
2
  export declare const FONT_WEIGHT_BASE_THIN = 100;
14
3
  export declare const FONT_WEIGHT_BASE_EXTRALIGHT = 200;
15
4
  export declare const FONT_WEIGHT_BASE_LIGHT = 300;
@@ -19,12 +8,6 @@ export declare const FONT_WEIGHT_BASE_SEMIBOLD = 600;
19
8
  export declare const FONT_WEIGHT_BASE_BOLD = 700;
20
9
  export declare const FONT_WEIGHT_BASE_EXTRABOLD = 800;
21
10
  export declare const FONT_WEIGHT_BASE_BLACK = 900;
22
- /**
23
- * Base font size constants.
24
- * Supposed to be used for styling text.
25
- * It seems like we wont need an extra set of font sizes.
26
- * But we named them as base just in case also..
27
- */
28
11
  export declare const FONT_SIZE_BASE_X2S = 12;
29
12
  export declare const FONT_SIZE_BASE_XS = 14;
30
13
  export declare const FONT_SIZE_BASE_SM = 16;
@@ -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;
@@ -1,9 +1,3 @@
1
- /**
2
- * Base text line height constants.
3
- * Supposed to be used for styling text.
4
- * It seems like we wont need an extra set of line heights.
5
- * But we named them as base just in case also..
6
- */
7
1
  export declare const LINE_HEIGHT_BASE_NONE = 1;
8
2
  export declare const LINE_HEIGHT_BASE_TIGHT = 1.25;
9
3
  export declare const LINE_HEIGHT_BASE_SNUG = 1.375;
@@ -0,0 +1 @@
1
+ export { useThemeStyleSheet } from './use-theme-style-sheet';