@bitrise/bitkit-v2 0.3.32 → 0.3.34

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 (41) hide show
  1. package/dist/bitkit-v2.css +1 -1
  2. package/dist/bitkit-v2.js +7607 -3325
  3. package/dist/bitkit-v2.umd.cjs +7 -8
  4. package/dist/main.d.ts +2 -4
  5. package/dist/providers/BitkitProvider.d.ts +3 -18
  6. package/dist/theme/breakpoints.d.ts +7 -0
  7. package/dist/theme/global-css.d.ts +2 -0
  8. package/dist/theme/index.d.ts +2 -4
  9. package/dist/theme/recipes/Button.recipe.d.ts +24 -0
  10. package/dist/theme/recipes/Input.recipe.d.ts +4 -0
  11. package/dist/theme/recipes/index.d.ts +25 -0
  12. package/dist/theme/semantic-tokens/index.d.ts +46 -0
  13. package/dist/theme/semantic-tokens/semanticColors.d.ts +2 -0
  14. package/dist/theme/semantic-tokens/semanticColors.json.d.ts +1045 -0
  15. package/dist/theme/semantic-tokens/shadows.d.ts +43 -0
  16. package/dist/theme/semantic-tokens/shadows.json.d.ts +44 -0
  17. package/dist/theme/slot-recipes/Field.recipe.d.ts +2 -0
  18. package/dist/theme/slot-recipes/index.d.ts +4 -0
  19. package/dist/theme/text-styles.d.ts +3 -0
  20. package/dist/theme/themeUtils.d.ts +4 -0
  21. package/dist/theme/tokens/colors.d.ts +2 -0
  22. package/dist/theme/tokens/colors.json.d.ts +112 -0
  23. package/dist/theme/tokens/fontSizes.d.ts +30 -0
  24. package/dist/theme/tokens/fontSizes.json.d.ts +32 -0
  25. package/dist/theme/tokens/fontWeights.d.ts +15 -0
  26. package/dist/theme/tokens/fontWeights.json.d.ts +17 -0
  27. package/dist/theme/tokens/fonts.d.ts +9 -0
  28. package/dist/theme/tokens/fonts.json.d.ts +11 -0
  29. package/dist/theme/tokens/index.d.ts +198 -0
  30. package/dist/theme/tokens/radii.d.ts +21 -0
  31. package/dist/theme/tokens/radii.json.d.ts +23 -0
  32. package/dist/theme/tokens/sizes.d.ts +48 -0
  33. package/dist/theme/tokens/sizesAndSpacing.json.d.ts +50 -0
  34. package/dist/theme/tokens/spacing.d.ts +48 -0
  35. package/dist/theme/tokens/zIndex.d.ts +30 -0
  36. package/dist/theme/tokens/zIndex.json.d.ts +32 -0
  37. package/package.json +21 -20
  38. package/dist/atoms/Button/Button.d.ts +0 -4
  39. package/dist/atoms/Button/Button.recepie.d.ts +0 -167
  40. package/dist/atoms/Button/index.d.ts +0 -2
  41. package/dist/atoms/index.d.ts +0 -1
@@ -0,0 +1,43 @@
1
+ declare const shadows: {
2
+ formFocus: {
3
+ value: {
4
+ _light: string;
5
+ };
6
+ };
7
+ inner: {
8
+ value: {
9
+ _light: string;
10
+ };
11
+ };
12
+ innerSmall: {
13
+ value: {
14
+ _light: string;
15
+ };
16
+ };
17
+ large: {
18
+ value: {
19
+ _light: string;
20
+ };
21
+ };
22
+ medium: {
23
+ value: {
24
+ _light: string;
25
+ };
26
+ };
27
+ outline: {
28
+ value: {
29
+ _light: string;
30
+ };
31
+ };
32
+ small: {
33
+ value: {
34
+ _light: string;
35
+ };
36
+ };
37
+ tooltip: {
38
+ value: {
39
+ _light: string;
40
+ };
41
+ };
42
+ };
43
+ export default shadows;
@@ -0,0 +1,44 @@
1
+ declare const _default: {
2
+ "formFocus": {
3
+ "value": {
4
+ "_light": "0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset, 0 0 0 3px var(--colors-purple-70)"
5
+ }
6
+ },
7
+ "inner": {
8
+ "value": {
9
+ "_light": "0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset"
10
+ }
11
+ },
12
+ "innerSmall": {
13
+ "value": {
14
+ "_light": "0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.1) inset"
15
+ }
16
+ },
17
+ "large": {
18
+ "value": {
19
+ "_light": "0 0.125rem 1.5rem 0 rgba(0, 0, 0, 0.08)"
20
+ }
21
+ },
22
+ "medium": {
23
+ "value": {
24
+ "_light": "0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.06)"
25
+ }
26
+ },
27
+ "outline": {
28
+ "value": {
29
+ "_light": "0 0 0 3px var(--colors-purple-70)"
30
+ }
31
+ },
32
+ "small": {
33
+ "value": {
34
+ "_light": "0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.06)"
35
+ }
36
+ },
37
+ "tooltip": {
38
+ "value": {
39
+ "_light": "0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2)"
40
+ }
41
+ }
42
+ };
43
+
44
+ export default _default;
@@ -0,0 +1,2 @@
1
+ declare const field: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "input" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "input" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">>;
2
+ export default field;
@@ -0,0 +1,4 @@
1
+ declare const slotRecipes: {
2
+ field: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "input" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "input" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">>;
3
+ };
4
+ export default slotRecipes;
@@ -0,0 +1,3 @@
1
+ import { TextStyles } from '@chakra-ui/react';
2
+ declare const textStyles: TextStyles;
3
+ export default textStyles;
@@ -0,0 +1,4 @@
1
+ import { TextProps } from '@chakra-ui/react';
2
+ export declare function withSlashes(dataObject: Record<string, any>, prefix?: string): Record<string, any>;
3
+ export declare const rem: (input: number | string) => number | string;
4
+ export declare const getTextStyle: (as: TextProps["as"]) => string | undefined;
@@ -0,0 +1,2 @@
1
+ declare const colors: Record<string, any>;
2
+ export default colors;
@@ -0,0 +1,112 @@
1
+ declare const _default: {
2
+ "pal": {
3
+ "neutral": {
4
+ "10": { "value": "#201b22" },
5
+ "20": { "value": "#362d39" },
6
+ "30": { "value": "#49404f" },
7
+ "40": { "value": "#6b6071" },
8
+ "50": { "value": "#7d7184" },
9
+ "60": { "value": "#94879b" },
10
+ "70": { "value": "#afa4b4" },
11
+ "80": { "value": "#c9c1cd" },
12
+ "90": { "value": "#dfdae1" },
13
+ "93": { "value": "#efebef" },
14
+ "95": { "value": "#f6f4f6" },
15
+ "100": { "value": "#ffffff" }
16
+ },
17
+ "purple": {
18
+ "10": { "value": "#2b0e3f" },
19
+ "20": { "value": "#421560" },
20
+ "30": { "value": "#5c2a7e" },
21
+ "40": { "value": "#7b3ba5" },
22
+ "50": { "value": "#9247c2" },
23
+ "60": { "value": "#ae63de" },
24
+ "70": { "value": "#c289e6" },
25
+ "80": { "value": "#d5adeb" },
26
+ "90": { "value": "#ead4f2" },
27
+ "93": { "value": "#f3e7f9" },
28
+ "95": { "value": "#f9f2fd" }
29
+ },
30
+ "red": {
31
+ "10": { "value": "#47060c" },
32
+ "20": { "value": "#630811" },
33
+ "30": { "value": "#78111c" },
34
+ "40": { "value": "#a91e2e" },
35
+ "50": { "value": "#d72d40" },
36
+ "60": { "value": "#f7596c" },
37
+ "70": { "value": "#ff8091" },
38
+ "80": { "value": "#ffa8b5" },
39
+ "90": { "value": "#ffccd5" },
40
+ "93": { "value": "#ffe5eb" },
41
+ "95": { "value": "#fff0f3" }
42
+ },
43
+ "orange": {
44
+ "10": { "value": "#421000" },
45
+ "20": { "value": "#661900" },
46
+ "30": { "value": "#7a2200" },
47
+ "40": { "value": "#a33500" },
48
+ "50": { "value": "#d45202" },
49
+ "60": { "value": "#ed720c" },
50
+ "70": { "value": "#fd9730" },
51
+ "80": { "value": "#ffb766" },
52
+ "90": { "value": "#ffd5a3" },
53
+ "93": { "value": "#ffe9cf" },
54
+ "95": { "value": "#fff4e5" }
55
+ },
56
+ "yellow": {
57
+ "10": { "value": "#2e1c00" },
58
+ "20": { "value": "#4d2f00" },
59
+ "30": { "value": "#613e00" },
60
+ "40": { "value": "#875b00" },
61
+ "50": { "value": "#b27e00" },
62
+ "60": { "value": "#d6a200" },
63
+ "70": { "value": "#ebba00" },
64
+ "80": { "value": "#f9cc15" },
65
+ "90": { "value": "#fbe074" },
66
+ "93": { "value": "#ffefad" },
67
+ "95": { "value": "#fff6d1" }
68
+ },
69
+ "green": {
70
+ "10": { "value": "#042a0f" },
71
+ "20": { "value": "#064217" },
72
+ "30": { "value": "#0b5620" },
73
+ "40": { "value": "#167231" },
74
+ "50": { "value": "#2a9d4c" },
75
+ "60": { "value": "#4eb76c" },
76
+ "70": { "value": "#77cf8f" },
77
+ "80": { "value": "#a1deb2" },
78
+ "90": { "value": "#c3eace" },
79
+ "93": { "value": "#e1f4e7" },
80
+ "95": { "value": "#eef9f1" }
81
+ },
82
+ "turquoise": {
83
+ "10": { "value": "#002924" },
84
+ "20": { "value": "#003d36" },
85
+ "30": { "value": "#005248" },
86
+ "40": { "value": "#007366" },
87
+ "50": { "value": "#009e8e" },
88
+ "60": { "value": "#11bba9" },
89
+ "70": { "value": "#55cec3" },
90
+ "80": { "value": "#8ae0d7" },
91
+ "90": { "value": "#aeefe8" },
92
+ "93": { "value": "#d8f8f4" },
93
+ "95": { "value": "#e9fbf9" }
94
+ },
95
+ "blue": {
96
+ "10": { "value": "#002442" },
97
+ "20": { "value": "#00315c" },
98
+ "30": { "value": "#044781" },
99
+ "40": { "value": "#1066ac" },
100
+ "50": { "value": "#2582d0" },
101
+ "60": { "value": "#4f9bde" },
102
+ "70": { "value": "#71b8ef" },
103
+ "80": { "value": "#99d1f5" },
104
+ "90": { "value": "#c2e7fa" },
105
+ "93": { "value": "#def2fc" },
106
+ "95": { "value": "#ecf8fd" }
107
+ }
108
+ }
109
+ }
110
+ ;
111
+
112
+ export default _default;
@@ -0,0 +1,30 @@
1
+ declare const fontSizes: {
2
+ "1": {
3
+ value: string;
4
+ };
5
+ "2": {
6
+ value: string;
7
+ };
8
+ "3": {
9
+ value: string;
10
+ };
11
+ "4": {
12
+ value: string;
13
+ };
14
+ "5": {
15
+ value: string;
16
+ };
17
+ "6": {
18
+ value: string;
19
+ };
20
+ "7": {
21
+ value: string;
22
+ };
23
+ "8": {
24
+ value: string;
25
+ };
26
+ base: {
27
+ value: string;
28
+ };
29
+ };
30
+ export default fontSizes;
@@ -0,0 +1,32 @@
1
+ declare const _default: {
2
+ "1": {
3
+ "value": "0.75rem"
4
+ },
5
+ "2": {
6
+ "value": "0.875rem"
7
+ },
8
+ "3": {
9
+ "value": "1rem"
10
+ },
11
+ "4": {
12
+ "value": "1.1875rem"
13
+ },
14
+ "5": {
15
+ "value": "1.5rem"
16
+ },
17
+ "6": {
18
+ "value": "1.875rem"
19
+ },
20
+ "7": {
21
+ "value": "2.25rem"
22
+ },
23
+ "8": {
24
+ "value": "3rem"
25
+ },
26
+ "base": {
27
+ "value": "1rem"
28
+ }
29
+ }
30
+ ;
31
+
32
+ export default _default;
@@ -0,0 +1,15 @@
1
+ declare const fontWeights: {
2
+ bold: {
3
+ value: number;
4
+ };
5
+ demiBold: {
6
+ value: number;
7
+ };
8
+ normal: {
9
+ value: number;
10
+ };
11
+ semibold: {
12
+ value: number;
13
+ };
14
+ };
15
+ export default fontWeights;
@@ -0,0 +1,17 @@
1
+ declare const _default: {
2
+ "bold": {
3
+ "value": 700
4
+ },
5
+ "demiBold": {
6
+ "value": 600
7
+ },
8
+ "normal": {
9
+ "value": 400
10
+ },
11
+ "semibold": {
12
+ "value": 600
13
+ }
14
+ }
15
+ ;
16
+
17
+ export default _default;
@@ -0,0 +1,9 @@
1
+ declare const fonts: {
2
+ body: {
3
+ value: string;
4
+ };
5
+ mono: {
6
+ value: string;
7
+ };
8
+ };
9
+ export default fonts;
@@ -0,0 +1,11 @@
1
+ declare const _default: {
2
+ "body": {
3
+ "value": "\"Figtree Variable\", sans-serif"
4
+ },
5
+ "mono": {
6
+ "value": "\"Source Code Pro Variable\", monospace"
7
+ }
8
+ }
9
+ ;
10
+
11
+ export default _default;
@@ -0,0 +1,198 @@
1
+ declare const tokens: {
2
+ colors: Record<string, any>;
3
+ fonts: {
4
+ body: {
5
+ value: string;
6
+ };
7
+ mono: {
8
+ value: string;
9
+ };
10
+ };
11
+ fontSizes: {
12
+ "1": {
13
+ value: string;
14
+ };
15
+ "2": {
16
+ value: string;
17
+ };
18
+ "3": {
19
+ value: string;
20
+ };
21
+ "4": {
22
+ value: string;
23
+ };
24
+ "5": {
25
+ value: string;
26
+ };
27
+ "6": {
28
+ value: string;
29
+ };
30
+ "7": {
31
+ value: string;
32
+ };
33
+ "8": {
34
+ value: string;
35
+ };
36
+ base: {
37
+ value: string;
38
+ };
39
+ };
40
+ fontWeights: {
41
+ bold: {
42
+ value: number;
43
+ };
44
+ demiBold: {
45
+ value: number;
46
+ };
47
+ normal: {
48
+ value: number;
49
+ };
50
+ semibold: {
51
+ value: number;
52
+ };
53
+ };
54
+ radii: {
55
+ "2": {
56
+ value: string;
57
+ };
58
+ "4": {
59
+ value: string;
60
+ };
61
+ "8": {
62
+ value: string;
63
+ };
64
+ "12": {
65
+ value: string;
66
+ };
67
+ "16": {
68
+ value: string;
69
+ };
70
+ "24": {
71
+ value: string;
72
+ };
73
+ };
74
+ sizes: {
75
+ "1": {
76
+ value: string;
77
+ };
78
+ "2": {
79
+ value: string;
80
+ };
81
+ "4": {
82
+ value: string;
83
+ };
84
+ "6": {
85
+ value: string;
86
+ };
87
+ "8": {
88
+ value: string;
89
+ };
90
+ "12": {
91
+ value: string;
92
+ };
93
+ "16": {
94
+ value: string;
95
+ };
96
+ "20": {
97
+ value: string;
98
+ };
99
+ "24": {
100
+ value: string;
101
+ };
102
+ "32": {
103
+ value: string;
104
+ };
105
+ "40": {
106
+ value: string;
107
+ };
108
+ "48": {
109
+ value: string;
110
+ };
111
+ "64": {
112
+ value: string;
113
+ };
114
+ "96": {
115
+ value: string;
116
+ };
117
+ "128": {
118
+ value: string;
119
+ };
120
+ };
121
+ spacing: {
122
+ "1": {
123
+ value: string;
124
+ };
125
+ "2": {
126
+ value: string;
127
+ };
128
+ "4": {
129
+ value: string;
130
+ };
131
+ "6": {
132
+ value: string;
133
+ };
134
+ "8": {
135
+ value: string;
136
+ };
137
+ "12": {
138
+ value: string;
139
+ };
140
+ "16": {
141
+ value: string;
142
+ };
143
+ "20": {
144
+ value: string;
145
+ };
146
+ "24": {
147
+ value: string;
148
+ };
149
+ "32": {
150
+ value: string;
151
+ };
152
+ "40": {
153
+ value: string;
154
+ };
155
+ "48": {
156
+ value: string;
157
+ };
158
+ "64": {
159
+ value: string;
160
+ };
161
+ "96": {
162
+ value: string;
163
+ };
164
+ "128": {
165
+ value: string;
166
+ };
167
+ };
168
+ zIndex: {
169
+ base: {
170
+ value: number;
171
+ };
172
+ dialog: {
173
+ value: number;
174
+ };
175
+ dialogOverlay: {
176
+ value: number;
177
+ };
178
+ fullDialog: {
179
+ value: number;
180
+ };
181
+ fullDialogOverlay: {
182
+ value: number;
183
+ };
184
+ header: {
185
+ value: number;
186
+ };
187
+ hide: {
188
+ value: number;
189
+ };
190
+ popover: {
191
+ value: number;
192
+ };
193
+ tooltip: {
194
+ value: number;
195
+ };
196
+ };
197
+ };
198
+ export default tokens;
@@ -0,0 +1,21 @@
1
+ declare const radii: {
2
+ "2": {
3
+ value: string;
4
+ };
5
+ "4": {
6
+ value: string;
7
+ };
8
+ "8": {
9
+ value: string;
10
+ };
11
+ "12": {
12
+ value: string;
13
+ };
14
+ "16": {
15
+ value: string;
16
+ };
17
+ "24": {
18
+ value: string;
19
+ };
20
+ };
21
+ export default radii;
@@ -0,0 +1,23 @@
1
+ declare const _default: {
2
+ "2": {
3
+ "value": "0.125rem"
4
+ },
5
+ "4": {
6
+ "value": "0.25rem"
7
+ },
8
+ "8": {
9
+ "value": "0.5rem"
10
+ },
11
+ "12": {
12
+ "value": "0.75rem"
13
+ },
14
+ "16": {
15
+ "value": "1rem"
16
+ },
17
+ "24": {
18
+ "value": "1.5rem"
19
+ }
20
+ }
21
+ ;
22
+
23
+ export default _default;
@@ -0,0 +1,48 @@
1
+ declare const sizes: {
2
+ "1": {
3
+ value: string;
4
+ };
5
+ "2": {
6
+ value: string;
7
+ };
8
+ "4": {
9
+ value: string;
10
+ };
11
+ "6": {
12
+ value: string;
13
+ };
14
+ "8": {
15
+ value: string;
16
+ };
17
+ "12": {
18
+ value: string;
19
+ };
20
+ "16": {
21
+ value: string;
22
+ };
23
+ "20": {
24
+ value: string;
25
+ };
26
+ "24": {
27
+ value: string;
28
+ };
29
+ "32": {
30
+ value: string;
31
+ };
32
+ "40": {
33
+ value: string;
34
+ };
35
+ "48": {
36
+ value: string;
37
+ };
38
+ "64": {
39
+ value: string;
40
+ };
41
+ "96": {
42
+ value: string;
43
+ };
44
+ "128": {
45
+ value: string;
46
+ };
47
+ };
48
+ export default sizes;
@@ -0,0 +1,50 @@
1
+ declare const _default: {
2
+ "1": {
3
+ "value": "0.0625rem"
4
+ },
5
+ "2": {
6
+ "value": "0.125rem"
7
+ },
8
+ "4": {
9
+ "value": "0.25rem"
10
+ },
11
+ "6": {
12
+ "value": "0.375rem"
13
+ },
14
+ "8": {
15
+ "value": "0.5rem"
16
+ },
17
+ "12": {
18
+ "value": "0.75rem"
19
+ },
20
+ "16": {
21
+ "value": "1rem"
22
+ },
23
+ "20": {
24
+ "value": "1.25rem"
25
+ },
26
+ "24": {
27
+ "value": "1.5rem"
28
+ },
29
+ "32": {
30
+ "value": "2rem"
31
+ },
32
+ "40": {
33
+ "value": "2.5rem"
34
+ },
35
+ "48": {
36
+ "value": "3rem"
37
+ },
38
+ "64": {
39
+ "value": "4rem"
40
+ },
41
+ "96": {
42
+ "value": "6rem"
43
+ },
44
+ "128": {
45
+ "value": "8rem"
46
+ }
47
+ }
48
+ ;
49
+
50
+ export default _default;