@bitrise/bitkit-v2 0.3.481 → 0.3.482-beta.3116

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 (51) hide show
  1. package/dist/components/BitkitUIHeader/BitkitUIHeader.d.ts +41 -0
  2. package/dist/components/BitkitUIHeader/BitkitUIHeader.js +114 -0
  3. package/dist/components/BitkitUIHeader/BitkitUIHeader.js.map +1 -0
  4. package/dist/components/BitkitUIHeader/BitriseLogo.d.ts +10 -0
  5. package/dist/components/BitkitUIHeader/BitriseLogo.js +86 -0
  6. package/dist/components/BitkitUIHeader/BitriseLogo.js.map +1 -0
  7. package/dist/components/BitkitUIHeader/UIHeaderAccount.d.ts +26 -0
  8. package/dist/components/BitkitUIHeader/UIHeaderAccount.js +40 -0
  9. package/dist/components/BitkitUIHeader/UIHeaderAccount.js.map +1 -0
  10. package/dist/components/BitkitUIHeader/UIHeaderButton.d.ts +34 -0
  11. package/dist/components/BitkitUIHeader/UIHeaderButton.js +45 -0
  12. package/dist/components/BitkitUIHeader/UIHeaderButton.js.map +1 -0
  13. package/dist/components/BitkitUIHeader/UIHeaderContext.d.ts +13 -0
  14. package/dist/components/BitkitUIHeader/UIHeaderContext.js +11 -0
  15. package/dist/components/BitkitUIHeader/UIHeaderContext.js.map +1 -0
  16. package/dist/components/BitkitUIHeader/UIHeaderControl.d.ts +65 -0
  17. package/dist/components/BitkitUIHeader/UIHeaderControl.js +72 -0
  18. package/dist/components/BitkitUIHeader/UIHeaderControl.js.map +1 -0
  19. package/dist/components/BitkitUIHeader/UIHeaderNavButton.d.ts +20 -0
  20. package/dist/components/BitkitUIHeader/UIHeaderNavButton.js +46 -0
  21. package/dist/components/BitkitUIHeader/UIHeaderNavButton.js.map +1 -0
  22. package/dist/components/BitkitUIHeader/UIHeaderSearch.d.ts +32 -0
  23. package/dist/components/BitkitUIHeader/UIHeaderSearch.js +121 -0
  24. package/dist/components/BitkitUIHeader/UIHeaderSearch.js.map +1 -0
  25. package/dist/components/BitkitUIHeader/uiHeaderPart.d.ts +14 -0
  26. package/dist/components/BitkitUIHeader/uiHeaderPart.js +18 -0
  27. package/dist/components/BitkitUIHeader/uiHeaderPart.js.map +1 -0
  28. package/dist/components/index.d.ts +1 -0
  29. package/dist/main.js +3 -1
  30. package/dist/theme/recipes/UIHeaderButton.recipe.js +103 -0
  31. package/dist/theme/recipes/UIHeaderButton.recipe.js.map +1 -0
  32. package/dist/theme/recipes/index.js +3 -1
  33. package/dist/theme/recipes/index.js.map +1 -1
  34. package/dist/theme/semantic-tokens/index.d.ts +5 -0
  35. package/dist/theme/semantic-tokens/semanticColors.d.ts +5 -0
  36. package/dist/theme/semantic-tokens/semanticColors.js +1 -0
  37. package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
  38. package/dist/theme/slot-recipes/UIHeader.recipe.d.ts +14 -0
  39. package/dist/theme/slot-recipes/UIHeader.recipe.js +253 -0
  40. package/dist/theme/slot-recipes/UIHeader.recipe.js.map +1 -0
  41. package/dist/theme/slot-recipes/UISideNav.recipe.d.ts +1 -2
  42. package/dist/theme/slot-recipes/UISideNav.recipe.js +2 -3
  43. package/dist/theme/slot-recipes/UISideNav.recipe.js.map +1 -1
  44. package/dist/theme/slot-recipes/index.d.ts +2 -2
  45. package/dist/theme/slot-recipes/index.js +2 -0
  46. package/dist/theme/slot-recipes/index.js.map +1 -1
  47. package/dist/theme/themeUtils.d.ts +6 -0
  48. package/dist/theme/themeUtils.js +7 -1
  49. package/dist/theme/themeUtils.js.map +1 -1
  50. package/package.json +1 -1
  51. package/dist/theme/recipes/index.d.ts +0 -525
@@ -1,525 +0,0 @@
1
- declare const recipes: {
2
- badge: import('@chakra-ui/react').RecipeDefinition<{
3
- size: {
4
- xs: {
5
- minWidth: "20";
6
- paddingBlock: "2";
7
- };
8
- sm: {
9
- minWidth: "24";
10
- paddingBlock: "4";
11
- };
12
- };
13
- colorVariant: {
14
- neutral: {
15
- color: "color/neutral/strong";
16
- background: "color/neutral/subtle";
17
- };
18
- purple: {
19
- color: "color/purple/strong";
20
- background: "color/purple/subtle";
21
- };
22
- blue: {
23
- color: "color/blue/strong";
24
- background: "color/blue/subtle";
25
- };
26
- green: {
27
- color: "color/green/strong";
28
- background: "color/green/subtle";
29
- };
30
- yellow: {
31
- color: "color/yellow/strong";
32
- background: "color/yellow/subtle";
33
- };
34
- red: {
35
- color: "color/red/strong";
36
- background: "color/red/subtle";
37
- };
38
- orange: {
39
- color: "color/orange/strong";
40
- background: "color/orange/subtle";
41
- };
42
- turquoise: {
43
- color: "color/turquoise/strong";
44
- background: "color/turquoise/subtle";
45
- };
46
- 'ai-gradient': {
47
- color: "status/ai/text";
48
- background: "gradient/ai/background/subtle";
49
- };
50
- };
51
- variant: {
52
- subtle: {};
53
- bold: {
54
- color: "text/on-color";
55
- };
56
- };
57
- }>;
58
- button: import('@chakra-ui/react').RecipeDefinition<{
59
- variant: Record<NonNullable<"primary" | "secondary" | "tertiary" | "danger-primary" | "danger-secondary" | "danger-tertiary" | "ai-primary" | "ai-secondary" | "ai-tertiary">, import('@chakra-ui/react').SystemStyleObject>;
60
- size: {
61
- sm: {
62
- minWidth: "32";
63
- height: "32";
64
- paddingInline: `${number}rem`;
65
- paddingBlock: `${number}rem`;
66
- textStyle: "comp/button/sm";
67
- };
68
- md: {
69
- minWidth: "40";
70
- height: "40";
71
- paddingInline: `${number}rem`;
72
- paddingBlock: `${number}rem`;
73
- textStyle: "comp/button/md";
74
- };
75
- lg: {
76
- minWidth: "48";
77
- height: "48";
78
- padding: `${number}rem`;
79
- textStyle: "comp/button/lg";
80
- };
81
- };
82
- }>;
83
- closeButton: import('@chakra-ui/react').RecipeDefinition<{
84
- size: {
85
- xs: {
86
- h: "24";
87
- w: "24";
88
- };
89
- sm: {
90
- h: "32";
91
- w: "32";
92
- };
93
- md: {
94
- h: "40";
95
- w: "40";
96
- };
97
- };
98
- colorVariant: {
99
- neutral: {
100
- color: "color/neutral/strong";
101
- '&:hover': {
102
- backgroundColor: "color/neutral/subtle";
103
- };
104
- '&:active': {
105
- backgroundColor: "color/neutral/moderate";
106
- };
107
- };
108
- blue: {
109
- color: "color/blue/strong";
110
- '&:hover': {
111
- backgroundColor: "color/blue/subtle";
112
- };
113
- '&:active': {
114
- backgroundColor: "color/blue/moderate";
115
- };
116
- };
117
- green: {
118
- color: "color/green/strong";
119
- '&:hover': {
120
- backgroundColor: "color/green/subtle";
121
- };
122
- '&:active': {
123
- backgroundColor: "color/green/moderate";
124
- };
125
- };
126
- red: {
127
- color: "color/red/strong";
128
- '&:hover': {
129
- backgroundColor: "color/red/subtle";
130
- };
131
- '&:active': {
132
- backgroundColor: "color/red/moderate";
133
- };
134
- };
135
- yellow: {
136
- color: "color/yellow/strong";
137
- '&:hover': {
138
- backgroundColor: "color/yellow/subtle";
139
- };
140
- '&:active': {
141
- backgroundColor: "color/yellow/moderate";
142
- };
143
- };
144
- purple: {
145
- color: "color/purple/strong";
146
- '&:hover': {
147
- backgroundColor: "color/purple/subtle";
148
- };
149
- '&:active': {
150
- backgroundColor: "color/purple/moderate";
151
- };
152
- };
153
- indigo: {
154
- color: "color/indigo/strong";
155
- '&:hover': {
156
- backgroundColor: "color/indigo/subtle";
157
- };
158
- '&:active': {
159
- backgroundColor: "color/indigo/moderate";
160
- };
161
- };
162
- white: {
163
- color: "icon/on-contrast";
164
- };
165
- };
166
- }>;
167
- controlButton: import('@chakra-ui/react').RecipeDefinition<{
168
- isDanger: {
169
- false: {
170
- color: "button/control/fg";
171
- _hover: {
172
- background: "button/control/bg-hover";
173
- color: "button/control/fg-hover";
174
- _active: {
175
- background: "button/control/bg-active";
176
- color: "button/control/fg-active";
177
- };
178
- };
179
- _active: {
180
- background: "button/control/bg-active";
181
- color: "button/control/fg-active";
182
- };
183
- _disabled: {
184
- color: "button/control/fg-disabled!";
185
- };
186
- };
187
- true: {
188
- color: "button/control-danger/fg";
189
- _hover: {
190
- background: "button/control-danger/bg-hover";
191
- color: "button/control-danger/fg-hover";
192
- _active: {
193
- background: "button/control-danger/bg-active";
194
- color: "button/control-danger/fg-active";
195
- };
196
- };
197
- _active: {
198
- background: "button/control-danger/bg-active";
199
- color: "button/control-danger/fg-active";
200
- };
201
- _disabled: {
202
- color: "button/control-danger/fg-disabled!";
203
- };
204
- };
205
- };
206
- size: {
207
- xxs: {
208
- padding: "4";
209
- };
210
- xs: {
211
- padding: "8";
212
- };
213
- sm: {
214
- padding: "4";
215
- };
216
- md: {
217
- padding: "8";
218
- };
219
- lg: {
220
- padding: "12";
221
- };
222
- };
223
- }>;
224
- colorButton: import('@chakra-ui/react').RecipeDefinition<{
225
- size: {
226
- sm: {
227
- height: "32";
228
- paddingInline: "12";
229
- textStyle: "comp/button/sm";
230
- };
231
- md: {
232
- height: "40";
233
- paddingInline: "12";
234
- textStyle: "comp/button/md";
235
- };
236
- lg: {
237
- height: "48";
238
- paddingInline: "16";
239
- textStyle: "comp/button/lg";
240
- };
241
- };
242
- colorVariant: {
243
- neutral: {
244
- color: "color/neutral/strong";
245
- '&:hover': {
246
- backgroundColor: "color/neutral/subtle";
247
- };
248
- '&:active': {
249
- backgroundColor: "color/neutral/moderate";
250
- };
251
- };
252
- blue: {
253
- color: "color/blue/strong";
254
- '&:hover': {
255
- backgroundColor: "color/blue/subtle";
256
- };
257
- '&:active': {
258
- backgroundColor: "color/blue/moderate";
259
- };
260
- };
261
- green: {
262
- color: "color/green/strong";
263
- '&:hover': {
264
- backgroundColor: "color/green/subtle";
265
- };
266
- '&:active': {
267
- backgroundColor: "color/green/moderate";
268
- };
269
- };
270
- red: {
271
- color: "color/red/strong";
272
- '&:hover': {
273
- backgroundColor: "color/red/subtle";
274
- };
275
- '&:active': {
276
- backgroundColor: "color/red/moderate";
277
- };
278
- };
279
- yellow: {
280
- color: "color/yellow/strong";
281
- '&:hover': {
282
- backgroundColor: "color/yellow/subtle";
283
- };
284
- '&:active': {
285
- backgroundColor: "color/yellow/moderate";
286
- };
287
- };
288
- purple: {
289
- color: "color/purple/strong";
290
- '&:hover': {
291
- backgroundColor: "color/purple/subtle";
292
- };
293
- '&:active': {
294
- backgroundColor: "color/purple/moderate";
295
- };
296
- };
297
- orange: {
298
- color: "color/orange/strong";
299
- '&:hover': {
300
- backgroundColor: "color/orange/subtle";
301
- };
302
- '&:active': {
303
- backgroundColor: "color/orange/moderate";
304
- };
305
- };
306
- turquoise: {
307
- color: "color/turquoise/strong";
308
- '&:hover': {
309
- backgroundColor: "color/turquoise/subtle";
310
- };
311
- '&:active': {
312
- backgroundColor: "color/turquoise/moderate";
313
- };
314
- };
315
- indigo: {
316
- color: "color/indigo/strong";
317
- '&:hover': {
318
- backgroundColor: "color/indigo/subtle";
319
- };
320
- '&:active': {
321
- backgroundColor: "color/indigo/moderate";
322
- };
323
- };
324
- white: {
325
- color: "text/on-color";
326
- borderColor: "border/inverse";
327
- '&:hover': {
328
- backgroundColor: "color/white/15";
329
- };
330
- '&:active': {
331
- backgroundColor: "color/white/30";
332
- };
333
- };
334
- };
335
- }>;
336
- definitionTooltip: import('@chakra-ui/react').RecipeDefinition<{
337
- method: {
338
- click: {
339
- cursor: "pointer";
340
- };
341
- hover: {
342
- cursor: "default";
343
- };
344
- };
345
- textSize: {
346
- lg: {
347
- textStyle: "body/lg/regular";
348
- };
349
- md: {
350
- textStyle: "body/md/regular";
351
- textUnderlineOffset: "0.25em";
352
- };
353
- sm: {
354
- textStyle: "body/sm/regular";
355
- textUnderlineOffset: "0.25em";
356
- };
357
- };
358
- }>;
359
- icon: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
360
- input: import('@chakra-ui/react').RecipeDefinition<{
361
- size: {
362
- md: {
363
- paddingInline: `${number}rem`;
364
- paddingBlock: `${number}rem`;
365
- textStyle: "body/md/regular";
366
- '--input-height': `${number}rem`;
367
- };
368
- lg: {
369
- paddingInline: `${number}rem`;
370
- paddingBlock: `${number}rem`;
371
- textStyle: "body/lg/regular";
372
- '--input-height': `${number}rem`;
373
- };
374
- };
375
- }>;
376
- inputAddon: import('@chakra-ui/react').RecipeDefinition<{
377
- position: {
378
- start: {
379
- borderInlineStartWidth: "1";
380
- borderStartStartRadius: "4";
381
- borderEndStartRadius: "4";
382
- };
383
- end: {
384
- borderInlineWidth: "1";
385
- borderStartEndRadius: "4";
386
- borderEndEndRadius: "4";
387
- };
388
- };
389
- size: {
390
- md: {
391
- paddingInline: `${number}rem`;
392
- textStyle: "body/md/regular";
393
- };
394
- lg: {
395
- paddingInline: `${number}rem`;
396
- textStyle: "body/lg/regular";
397
- };
398
- };
399
- }>;
400
- link: import('@chakra-ui/react').RecipeDefinition<{
401
- colorVariant: {
402
- purple: {
403
- color: "text/link";
404
- _hover: {
405
- color: "text/link-hover";
406
- };
407
- };
408
- };
409
- }>;
410
- linkButton: import('@chakra-ui/react').RecipeDefinition<{
411
- size: {
412
- lg: {
413
- textStyle: "body/lg/regular";
414
- };
415
- md: {
416
- textStyle: "body/md/regular";
417
- };
418
- sm: {
419
- textStyle: "body/sm/regular";
420
- };
421
- };
422
- }>;
423
- selectableTag: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
424
- separator: import('@chakra-ui/react').RecipeDefinition<{
425
- variant: {};
426
- orientation: {
427
- horizontal: {
428
- borderTopWidth: "var(--separator-thickness)";
429
- width: "100%";
430
- };
431
- vertical: {
432
- borderInlineStartWidth: "var(--separator-thickness)";
433
- minHeight: "20";
434
- };
435
- };
436
- size: {
437
- '1': {
438
- '--separator-thickness': "1px";
439
- };
440
- '2': {
441
- '--separator-thickness': "2px";
442
- };
443
- };
444
- }>;
445
- skeleton: import('@chakra-ui/react').RecipeDefinition<{
446
- loading: {
447
- true: {
448
- position: "relative";
449
- overflow: "hidden";
450
- backgroundColor: "utilities/skeleton";
451
- borderColor: "transparent";
452
- backgroundClip: "padding-box";
453
- cursor: "default";
454
- color: "transparent";
455
- pointerEvents: "none";
456
- userSelect: "none";
457
- flexShrink: "0";
458
- '&::before, *': {
459
- visibility: "hidden";
460
- };
461
- '&::after': import('@chakra-ui/react').SystemStyleObject;
462
- };
463
- false: {
464
- animation: "fade-in var(--fade-duration, 0.1s) ease-out !important";
465
- };
466
- };
467
- }>;
468
- spinner: import('@chakra-ui/react').RecipeDefinition<{
469
- size: {
470
- md: {
471
- '--spinner-size': "sizes.12";
472
- };
473
- lg: {
474
- '--spinner-size': "sizes.20";
475
- };
476
- };
477
- variant: {
478
- primary: {
479
- '--spinner-color': "colors.icon/primary";
480
- };
481
- purple: {
482
- '--spinner-color': "colors.color/purple/strong";
483
- };
484
- white: {
485
- '--spinner-color': "colors.icon/on-color";
486
- };
487
- 'on-disabled': {
488
- '--spinner-color': "colors.icon/on-disabled";
489
- };
490
- };
491
- }>;
492
- textarea: import('@chakra-ui/react').RecipeDefinition<{
493
- size: {
494
- md: {
495
- '&[rows="1"]': {
496
- paddingBlock: `${number}rem`;
497
- };
498
- paddingInline: `${number}rem`;
499
- paddingBlock: `${number}rem`;
500
- textStyle: "body/md/regular";
501
- '--input-height': `${number}rem`;
502
- };
503
- lg: {
504
- paddingInline: `${number}rem`;
505
- paddingBlock: `${number}rem`;
506
- textStyle: "body/lg/regular";
507
- '--input-height': `${number}rem`;
508
- };
509
- };
510
- }>;
511
- toggleButton: import('@chakra-ui/react').RecipeDefinition<{
512
- size: {
513
- sm: {
514
- padding: "8";
515
- };
516
- md: {
517
- padding: "12";
518
- };
519
- lg: {
520
- padding: "12";
521
- };
522
- };
523
- }>;
524
- };
525
- export default recipes;