creactive 0.0.134 → 0.0.136

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.
Files changed (45) hide show
  1. package/build/classic.js +56 -56
  2. package/build/components/atoms/index.d.ts +3 -1
  3. package/build/components/atoms/text/index.d.ts +2 -2
  4. package/build/components/atoms/text/text.types.d.ts +2 -2
  5. package/build/components/atoms/view/constants/border.d.ts +40 -0
  6. package/build/components/atoms/view/constants/color.d.ts +25 -0
  7. package/build/components/{view → atoms/view}/constants/flex.d.ts +12 -3
  8. package/build/components/atoms/view/constants/index.d.ts +8 -0
  9. package/build/components/{view → atoms/view}/constants/overflow.d.ts +1 -0
  10. package/build/components/{view → atoms/view}/constants/position.d.ts +1 -0
  11. package/build/components/{view → atoms/view}/constants/shadow.d.ts +1 -0
  12. package/build/components/atoms/view/constants/spacing.d.ts +22 -0
  13. package/build/components/{view → atoms/view}/constants/tag.d.ts +2 -11
  14. package/build/components/atoms/view/index.d.ts +3 -0
  15. package/build/components/{view → atoms/view}/view.types.d.ts +77 -63
  16. package/build/components/index.d.ts +2 -4
  17. package/build/contexts/theme/constants/color.d.ts +27 -27
  18. package/build/contexts/theme/hooks/use-theme-style-sheet.d.ts +20 -20
  19. package/build/default.js +1 -1
  20. package/build/helpers/dimension/constants/index.d.ts +1 -0
  21. package/build/helpers/dimension/constants/unit.d.ts +4 -0
  22. package/build/helpers/dimension/dimension.d.ts +9 -0
  23. package/build/helpers/dimension/dimension.types.d.ts +1 -0
  24. package/build/helpers/dimension/index.d.ts +5 -0
  25. package/build/helpers/fraction/fraction.d.ts +2 -1
  26. package/build/helpers/fraction/fraction.types.d.ts +1 -0
  27. package/build/helpers/fraction/index.d.ts +5 -1
  28. package/build/helpers/index.d.ts +4 -5
  29. package/build/index.d.ts +4 -13
  30. package/package.json +3 -1
  31. package/build/components/view/constants/border.d.ts +0 -82
  32. package/build/components/view/constants/color.d.ts +0 -70
  33. package/build/components/view/constants/index.d.ts +0 -8
  34. package/build/components/view/constants/spacing.d.ts +0 -174
  35. package/build/components/view/index.d.ts +0 -3
  36. package/build/constants/dimension.d.ts +0 -8
  37. package/build/constants/fraction.d.ts +0 -3
  38. package/build/constants/position.d.ts +0 -3
  39. package/build/constants/size.d.ts +0 -2
  40. package/build/helpers/position/index.d.ts +0 -2
  41. package/build/helpers/position/position.d.ts +0 -15
  42. package/build/helpers/position/position.types.d.ts +0 -1
  43. package/build/helpers/size/index.d.ts +0 -2
  44. package/build/helpers/size/size.d.ts +0 -15
  45. package/build/helpers/size/size.types.d.ts +0 -1
@@ -1,70 +0,0 @@
1
- /**
2
- * View border color enumerated constants.
3
- * Should be used to control view border color with properties.
4
- */
5
- export declare enum ViewBorderColor {
6
- BASE_100 = 0,
7
- BASE_200 = 1,
8
- BASE_300 = 2,
9
- BASE_400 = 3,
10
- BASE_500 = 4,
11
- BASE_600 = 5,
12
- BASE_700 = 6,
13
- BASE_800 = 7,
14
- BASE_900 = 8
15
- }
16
- export declare const VIEW_THEME_BORDER_COLOR_KEY: {
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
- /**
28
- * View themed background color enumerated constants.
29
- * Allows to pass theme background colors as component property.
30
- */
31
- export declare enum ViewBackgroundColor {
32
- BASE_100 = 0,
33
- BASE_200 = 1,
34
- BASE_300 = 2,
35
- BASE_400 = 3,
36
- BASE_500 = 4,
37
- BASE_600 = 5,
38
- BASE_700 = 6,
39
- BASE_800 = 7,
40
- BASE_900 = 8,
41
- PRIMARY_100 = 9,
42
- PRIMARY_200 = 10,
43
- PRIMARY_300 = 11,
44
- PRIMARY_400 = 12,
45
- PRIMARY_500 = 13,
46
- PRIMARY_600 = 14,
47
- PRIMARY_700 = 15,
48
- PRIMARY_800 = 16,
49
- PRIMARY_900 = 17
50
- }
51
- export declare const VIEW_THEME_BACKGROUND_COLOR_KEY: {
52
- 0: "colorBackgroundBase100";
53
- 1: "colorBackgroundBase200";
54
- 2: "colorBackgroundBase300";
55
- 3: "colorBackgroundBase400";
56
- 4: "colorBackgroundBase500";
57
- 5: "colorBackgroundBase600";
58
- 6: "colorBackgroundBase700";
59
- 7: "colorBackgroundBase800";
60
- 8: "colorBackgroundBase900";
61
- 9: "colorBackgroundPrimary100";
62
- 10: "colorBackgroundPrimary200";
63
- 11: "colorBackgroundPrimary300";
64
- 12: "colorBackgroundPrimary400";
65
- 13: "colorBackgroundPrimary500";
66
- 14: "colorBackgroundPrimary600";
67
- 15: "colorBackgroundPrimary700";
68
- 16: "colorBackgroundPrimary800";
69
- 17: "colorBackgroundPrimary900";
70
- };
@@ -1,8 +0,0 @@
1
- export { VIEW_THEME_BORDER_RADIUS_BOTTOM_LEFT_KEY, VIEW_THEME_BORDER_RADIUS_BOTTOM_RIGHT_KEY, VIEW_THEME_BORDER_RADIUS_KEY, VIEW_THEME_BORDER_RADIUS_TOP_LEFT_KEY, VIEW_THEME_BORDER_RADIUS_TOP_RIGHT_KEY, VIEW_THEME_BORDER_WIDTH_BOTTOM_STYLE_KEY, VIEW_THEME_BORDER_WIDTH_KEY, VIEW_THEME_BORDER_WIDTH_LEFT_STYLE_KEY, VIEW_THEME_BORDER_WIDTH_RIGHT_STYLE_KEY, VIEW_THEME_BORDER_WIDTH_TOP_STYLE_KEY, ViewBorderRadius, ViewBorderWidth, } from './border';
2
- export { VIEW_THEME_BACKGROUND_COLOR_KEY, VIEW_THEME_BORDER_COLOR_KEY, ViewBackgroundColor, ViewBorderColor, } from './color';
3
- export { ViewAlignContent, ViewAlignItems, ViewAlignSelf, ViewFlexDirection, ViewFlexWrap, ViewJustifyContent, } from './flex';
4
- export { ViewOverflow } from './overflow';
5
- export { ViewPosition } from './position';
6
- export { ViewBoxShadow } from './shadow';
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';
@@ -1,174 +0,0 @@
1
- /**
2
- * View component spacing enumerated contstants.
3
- * Allows to control view margin and padding with properties.
4
- */
5
- export declare enum ViewSpacing {
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
21
- }
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";
38
- };
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";
55
- };
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";
72
- };
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";
89
- };
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";
106
- };
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";
123
- };
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";
140
- };
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";
157
- };
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";
174
- };
@@ -1,3 +0,0 @@
1
- import type { ViewComponent, ViewLayoutEvent, ViewProps } from './view.types';
2
- export declare const View: ViewComponent;
3
- export type { ViewComponent, ViewLayoutEvent, ViewProps };
@@ -1,8 +0,0 @@
1
- /**
2
- * Global dimension enumerated constants.
3
- * Can be used by multiple helpers and components.
4
- */
5
- export declare enum Dimension {
6
- PIXEL = 0,
7
- PERCENT = 1
8
- }
@@ -1,3 +0,0 @@
1
- import { Fraction } from '../helpers/fraction';
2
- export declare const FRACTION_MIN: Fraction;
3
- export declare const FRACTION_MAX: Fraction;
@@ -1,3 +0,0 @@
1
- import { Position } from '../helpers/position';
2
- export declare const POSITION_MAX: Position;
3
- export declare const POSITION_MIN: Position;
@@ -1,2 +0,0 @@
1
- import { Size } from '../helpers/size';
2
- export declare const SIZE_FULL: Size;
@@ -1,2 +0,0 @@
1
- export { Position } from './position';
2
- export type { PositionValue } from './position.types';
@@ -1,15 +0,0 @@
1
- import { Dimension } from '../../constants/dimension';
2
- import type { PositionValue } from './position.types';
3
- /**
4
- * Don't want to accept non-themed literal position values inside component.
5
- * This class may help to avoid magic numbers and strings when positioning.
6
- * Components are supposed to accept this class instances for positioning.
7
- * This may force us to create optimized and named global position constants.
8
- */
9
- export declare class Position {
10
- static readonly Dimension: typeof Dimension;
11
- private readonly amount;
12
- private readonly dimension;
13
- constructor(amount: number, dimension?: Dimension);
14
- toValue(): PositionValue;
15
- }
@@ -1 +0,0 @@
1
- export type PositionValue = number | `${number}px` | `${number}%`;
@@ -1,2 +0,0 @@
1
- export { Size } from './size';
2
- export type { SizeValue } from './size.types';
@@ -1,15 +0,0 @@
1
- import { Dimension } from '../../constants/dimension';
2
- import type { SizeValue } from './size.types';
3
- /**
4
- * Don't want to accept non-themed literal size values inside component.
5
- * This helper is an attempt to avoid magic numbers and strings when sizing.
6
- * Components are supposed to accept this class instances for sizing.
7
- * This may force us to create optimized and named global size constants.
8
- */
9
- export declare class Size {
10
- static readonly Dimension: typeof Dimension;
11
- private readonly amount;
12
- private readonly dimension;
13
- constructor(amount: number, dimension?: Dimension);
14
- toValue(): SizeValue;
15
- }
@@ -1 +0,0 @@
1
- export type SizeValue = number | `${number}px` | `${number}%`;