@bitrise/bitkit-v2 0.3.461-beta.2914 → 0.3.461

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 (74) hide show
  1. package/dist/components/BitkitCombobox/BitkitCombobox.d.ts +3 -3
  2. package/dist/components/BitkitCombobox/BitkitCombobox.js +2 -6
  3. package/dist/components/BitkitCombobox/BitkitCombobox.js.map +1 -1
  4. package/dist/components/BitkitMultiselect/BitkitMultiselect.d.ts +3 -3
  5. package/dist/components/BitkitMultiselect/BitkitMultiselect.js +1 -4
  6. package/dist/components/BitkitMultiselect/BitkitMultiselect.js.map +1 -1
  7. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.d.ts +3 -3
  8. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js.map +1 -1
  9. package/dist/components/BitkitSelect/BitkitSelect.d.ts +3 -3
  10. package/dist/components/BitkitSelect/BitkitSelect.js +1 -4
  11. package/dist/components/BitkitSelect/BitkitSelect.js.map +1 -1
  12. package/dist/components/BitkitSelectMenu/BitkitSelectMenu.d.ts +2 -7
  13. package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js.map +1 -1
  14. package/dist/components/BitkitSelectMenu/SelectMenuShell.d.ts +3 -3
  15. package/dist/components/BitkitSelectMenu/SelectMenuShell.js +4 -22
  16. package/dist/components/BitkitSelectMenu/SelectMenuShell.js.map +1 -1
  17. package/dist/components/index.d.ts +0 -2
  18. package/dist/docs/shared.d.ts +3 -0
  19. package/dist/main.js +1 -4
  20. package/dist/theme/global-css.js +1 -0
  21. package/dist/theme/global-css.js.map +1 -1
  22. package/dist/theme/semantic-tokens/index.d.ts +93 -3
  23. package/dist/theme/semantic-tokens/semanticColors.d.ts +93 -3
  24. package/dist/theme/semantic-tokens/semanticColors.js +349 -93
  25. package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
  26. package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts +2 -14
  27. package/dist/theme/slot-recipes/Select.recipe.d.ts +5 -23
  28. package/dist/theme/slot-recipes/Select.recipe.js +3 -37
  29. package/dist/theme/slot-recipes/Select.recipe.js.map +1 -1
  30. package/dist/theme/slot-recipes/index.d.ts +7 -145
  31. package/dist/theme/slot-recipes/index.js +1 -3
  32. package/dist/theme/slot-recipes/index.js.map +1 -1
  33. package/dist/theme/text-styles.d.ts +36 -0
  34. package/dist/theme/text-styles.js +17 -0
  35. package/dist/theme/text-styles.js.map +1 -1
  36. package/dist/theme/tokens/borderWidths.d.ts +6 -0
  37. package/dist/theme/tokens/borderWidths.js +3 -1
  38. package/dist/theme/tokens/borderWidths.js.map +1 -1
  39. package/dist/theme/tokens/colors.d.ts +38 -0
  40. package/dist/theme/tokens/colors.js +14 -0
  41. package/dist/theme/tokens/colors.js.map +1 -1
  42. package/dist/theme/tokens/index.d.ts +56 -0
  43. package/dist/theme/tokens/sizes.d.ts +12 -0
  44. package/dist/theme/tokens/sizes.js +7 -1
  45. package/dist/theme/tokens/sizes.js.map +1 -1
  46. package/docs/design-tokens.md +13 -16
  47. package/package.json +2 -1
  48. package/dist/components/BitkitUISideNav/BitkitUISideNav.d.ts +0 -37
  49. package/dist/components/BitkitUISideNav/BitkitUISideNav.js +0 -146
  50. package/dist/components/BitkitUISideNav/BitkitUISideNav.js.map +0 -1
  51. package/dist/components/BitkitUISideNav/UISideNavBody.d.ts +0 -7
  52. package/dist/components/BitkitUISideNav/UISideNavBody.js +0 -20
  53. package/dist/components/BitkitUISideNav/UISideNavBody.js.map +0 -1
  54. package/dist/components/BitkitUISideNav/UISideNavContext.d.ts +0 -32
  55. package/dist/components/BitkitUISideNav/UISideNavContext.js +0 -28
  56. package/dist/components/BitkitUISideNav/UISideNavContext.js.map +0 -1
  57. package/dist/components/BitkitUISideNav/UISideNavFooter.d.ts +0 -16
  58. package/dist/components/BitkitUISideNav/UISideNavFooter.js +0 -28
  59. package/dist/components/BitkitUISideNav/UISideNavFooter.js.map +0 -1
  60. package/dist/components/BitkitUISideNav/UISideNavFooterHeading.d.ts +0 -12
  61. package/dist/components/BitkitUISideNav/UISideNavFooterHeading.js +0 -26
  62. package/dist/components/BitkitUISideNav/UISideNavFooterHeading.js.map +0 -1
  63. package/dist/components/BitkitUISideNav/UISideNavItem.d.ts +0 -26
  64. package/dist/components/BitkitUISideNav/UISideNavItem.js +0 -33
  65. package/dist/components/BitkitUISideNav/UISideNavItem.js.map +0 -1
  66. package/dist/components/BitkitUISideNav/UISideNavLink.d.ts +0 -30
  67. package/dist/components/BitkitUISideNav/UISideNavLink.js +0 -58
  68. package/dist/components/BitkitUISideNav/UISideNavLink.js.map +0 -1
  69. package/dist/components/BitkitUISideNav/UISideNavWorkspaceSelector.d.ts +0 -45
  70. package/dist/components/BitkitUISideNav/UISideNavWorkspaceSelector.js +0 -119
  71. package/dist/components/BitkitUISideNav/UISideNavWorkspaceSelector.js.map +0 -1
  72. package/dist/theme/slot-recipes/UISideNav.recipe.d.ts +0 -114
  73. package/dist/theme/slot-recipes/UISideNav.recipe.js +0 -411
  74. package/dist/theme/slot-recipes/UISideNav.recipe.js.map +0 -1
package/dist/theme/semantic-tokens/index.d.ts CHANGED
@@ -3,41 +3,49 @@ declare const semanticTokens: {
3
3
  'sys/fg/base': {
4
4
  value: {
5
5
  _light: string;
6
+ _dark: string;
6
7
  };
7
8
  };
8
9
  'sys/fg/primary': {
9
10
  value: {
10
11
  _light: string;
12
+ _dark: string;
11
13
  };
12
14
  };
13
15
  'sys/fg/secondary': {
14
16
  value: {
15
17
  _light: string;
18
+ _dark: string;
16
19
  };
17
20
  };
18
21
  'sys/fg/tertiary': {
19
22
  value: {
20
23
  _light: string;
24
+ _dark: string;
21
25
  };
22
26
  };
23
27
  'sys/fg/subtle': {
24
28
  value: {
25
29
  _light: string;
30
+ _dark: string;
26
31
  };
27
32
  };
28
33
  'sys/fg/minimal': {
29
34
  value: {
30
35
  _light: string;
36
+ _dark: string;
31
37
  };
32
38
  };
33
39
  'sys/fg/positive': {
34
40
  value: {
35
41
  _light: string;
42
+ _dark: string;
36
43
  };
37
44
  };
38
45
  'sys/fg/negative': {
39
46
  value: {
40
47
  _light: string;
48
+ _dark: string;
41
49
  };
42
50
  };
43
51
  'sys/fg/on-color': {
@@ -48,51 +56,61 @@ declare const semanticTokens: {
48
56
  'sys/fg/on-contrast': {
49
57
  value: {
50
58
  _light: string;
59
+ _dark: string;
51
60
  };
52
61
  };
53
62
  'sys/fg/on-disabled': {
54
63
  value: {
55
64
  _light: string;
65
+ _dark: string;
56
66
  };
57
67
  };
58
68
  'sys/fg/disabled': {
59
69
  value: {
60
70
  _light: string;
71
+ _dark: string;
61
72
  };
62
73
  };
63
74
  'sys/fg/warning': {
64
75
  value: {
65
76
  _light: string;
77
+ _dark: string;
66
78
  };
67
79
  };
68
80
  'sys/bg/surface': {
69
81
  value: {
70
82
  _light: string;
83
+ _dark: string;
71
84
  };
72
85
  };
73
86
  'sys/bg/contrast': {
74
87
  value: {
75
88
  _light: string;
89
+ _dark: string;
76
90
  };
77
91
  };
78
92
  'sys/bg/moderate': {
79
93
  value: {
80
94
  _light: string;
95
+ _dark: string;
81
96
  };
82
97
  };
83
98
  'sys/bg/subtle': {
84
99
  value: {
85
100
  _light: string;
101
+ _dark: string;
86
102
  };
87
103
  };
88
104
  'sys/bg/minimal': {
89
105
  value: {
90
106
  _light: string;
107
+ _dark: string;
91
108
  };
92
109
  };
93
110
  'sys/bg/disabled': {
94
111
  value: {
95
112
  _light: string;
113
+ _dark: string;
96
114
  };
97
115
  };
98
116
  'sys/bg/transparent': {
@@ -103,46 +121,55 @@ declare const semanticTokens: {
103
121
  'sys/border/minimal': {
104
122
  value: {
105
123
  _light: string;
124
+ _dark: string;
106
125
  };
107
126
  };
108
127
  'sys/border/subtle': {
109
128
  value: {
110
129
  _light: string;
130
+ _dark: string;
111
131
  };
112
132
  };
113
133
  'sys/border/strong': {
114
134
  value: {
115
135
  _light: string;
136
+ _dark: string;
116
137
  };
117
138
  };
118
139
  'sys/border/emphasized': {
119
140
  value: {
120
141
  _light: string;
142
+ _dark: string;
121
143
  };
122
144
  };
123
145
  'sys/border/critical': {
124
146
  value: {
125
147
  _light: string;
148
+ _dark: string;
126
149
  };
127
150
  };
128
151
  'sys/border/inverse': {
129
152
  value: {
130
153
  _light: string;
154
+ _dark: string;
131
155
  };
132
156
  };
133
157
  'sys/border/on-contrast': {
134
158
  value: {
135
159
  _light: string;
160
+ _dark: string;
136
161
  };
137
162
  };
138
163
  'sys/border/disabled': {
139
164
  value: {
140
165
  _light: string;
166
+ _dark: string;
141
167
  };
142
168
  };
143
169
  'sys/primary/base': {
144
170
  value: {
145
171
  _light: string;
172
+ _dark: string;
146
173
  };
147
174
  };
148
175
  'sys/primary/dark': {
@@ -153,6 +180,7 @@ declare const semanticTokens: {
153
180
  'sys/primary/emphasized': {
154
181
  value: {
155
182
  _light: string;
183
+ _dark: string;
156
184
  };
157
185
  };
158
186
  'sys/primary/contrast': {
@@ -173,11 +201,13 @@ declare const semanticTokens: {
173
201
  'sys/primary/disabled': {
174
202
  value: {
175
203
  _light: string;
204
+ _dark: string;
176
205
  };
177
206
  };
178
207
  'sys/primary-danger/base': {
179
208
  value: {
180
209
  _light: string;
210
+ _dark: string;
181
211
  };
182
212
  };
183
213
  'sys/primary-danger/dark': {
@@ -188,6 +218,7 @@ declare const semanticTokens: {
188
218
  'sys/primary-danger/strong': {
189
219
  value: {
190
220
  _light: string;
221
+ _dark: string;
191
222
  };
192
223
  };
193
224
  'sys/primary-danger/bold': {
@@ -228,11 +259,13 @@ declare const semanticTokens: {
228
259
  'color/purple/base': {
229
260
  value: {
230
261
  _light: string;
262
+ _dark: string;
231
263
  };
232
264
  };
233
265
  'color/purple/strong': {
234
266
  value: {
235
267
  _light: string;
268
+ _dark: string;
236
269
  };
237
270
  };
238
271
  'color/purple/bold': {
@@ -243,6 +276,7 @@ declare const semanticTokens: {
243
276
  'color/purple/highlight': {
244
277
  value: {
245
278
  _light: string;
279
+ _dark: string;
246
280
  };
247
281
  };
248
282
  'color/purple/muted': {
@@ -254,11 +288,13 @@ declare const semanticTokens: {
254
288
  'color/purple/moderate': {
255
289
  value: {
256
290
  _light: string;
291
+ _dark: string;
257
292
  };
258
293
  };
259
294
  'color/purple/subtle': {
260
295
  value: {
261
296
  _light: string;
297
+ _dark: string;
262
298
  };
263
299
  };
264
300
  'color/purple/minimal': {
@@ -270,21 +306,25 @@ declare const semanticTokens: {
270
306
  'color/indigo/base': {
271
307
  value: {
272
308
  _light: string;
309
+ _dark: string;
273
310
  };
274
311
  };
275
312
  'color/indigo/dark': {
276
313
  value: {
277
314
  _light: string;
315
+ _dark: string;
278
316
  };
279
317
  };
280
318
  'color/indigo/emphasized': {
281
319
  value: {
282
320
  _light: string;
321
+ _dark: string;
283
322
  };
284
323
  };
285
324
  'color/indigo/strong': {
286
325
  value: {
287
326
  _light: string;
327
+ _dark: string;
288
328
  };
289
329
  };
290
330
  'color/indigo/bold': {
@@ -301,11 +341,13 @@ declare const semanticTokens: {
301
341
  'color/indigo/moderate': {
302
342
  value: {
303
343
  _light: string;
344
+ _dark: string;
304
345
  };
305
346
  };
306
347
  'color/indigo/subtle': {
307
348
  value: {
308
349
  _light: string;
350
+ _dark: string;
309
351
  };
310
352
  };
311
353
  'color/indigo/minimal': {
@@ -317,11 +359,13 @@ declare const semanticTokens: {
317
359
  'color/blue/base': {
318
360
  value: {
319
361
  _light: string;
362
+ _dark: string;
320
363
  };
321
364
  };
322
365
  'color/blue/strong': {
323
366
  value: {
324
367
  _light: string;
368
+ _dark: string;
325
369
  };
326
370
  };
327
371
  'color/blue/bold': {
@@ -338,11 +382,13 @@ declare const semanticTokens: {
338
382
  'color/blue/moderate': {
339
383
  value: {
340
384
  _light: string;
385
+ _dark: string;
341
386
  };
342
387
  };
343
388
  'color/blue/subtle': {
344
389
  value: {
345
390
  _light: string;
391
+ _dark: string;
346
392
  };
347
393
  };
348
394
  'color/blue/minimal': {
@@ -354,11 +400,13 @@ declare const semanticTokens: {
354
400
  'color/green/base': {
355
401
  value: {
356
402
  _light: string;
403
+ _dark: string;
357
404
  };
358
405
  };
359
406
  'color/green/strong': {
360
407
  value: {
361
408
  _light: string;
409
+ _dark: string;
362
410
  };
363
411
  };
364
412
  'color/green/bold': {
@@ -369,31 +417,37 @@ declare const semanticTokens: {
369
417
  'color/green/muted': {
370
418
  value: {
371
419
  _light: string;
420
+ _dark: string;
372
421
  };
373
422
  };
374
423
  'color/green/moderate': {
375
424
  value: {
376
425
  _light: string;
426
+ _dark: string;
377
427
  };
378
428
  };
379
429
  'color/green/subtle': {
380
430
  value: {
381
431
  _light: string;
432
+ _dark: string;
382
433
  };
383
434
  };
384
435
  'color/green/minimal': {
385
436
  value: {
386
437
  _light: string;
438
+ _dark: string;
387
439
  };
388
440
  };
389
441
  'color/yellow/base': {
390
442
  value: {
391
443
  _light: string;
444
+ _dark: string;
392
445
  };
393
446
  };
394
447
  'color/yellow/strong': {
395
448
  value: {
396
449
  _light: string;
450
+ _dark: string;
397
451
  };
398
452
  };
399
453
  'color/yellow/bold': {
@@ -404,36 +458,43 @@ declare const semanticTokens: {
404
458
  'color/yellow/muted': {
405
459
  value: {
406
460
  _light: string;
461
+ _dark: string;
407
462
  };
408
463
  };
409
464
  'color/yellow/moderate': {
410
465
  value: {
411
466
  _light: string;
467
+ _dark: string;
412
468
  };
413
469
  };
414
470
  'color/yellow/subtle': {
415
471
  value: {
416
472
  _light: string;
473
+ _dark: string;
417
474
  };
418
475
  };
419
476
  'color/yellow/minimal': {
420
477
  value: {
421
478
  _light: string;
479
+ _dark: string;
422
480
  };
423
481
  };
424
482
  'color/red/base': {
425
483
  value: {
426
484
  _light: string;
485
+ _dark: string;
427
486
  };
428
487
  };
429
488
  'color/red/dark': {
430
489
  value: {
431
490
  _light: string;
491
+ _dark: string;
432
492
  };
433
493
  };
434
494
  'color/red/strong': {
435
495
  value: {
436
496
  _light: string;
497
+ _dark: string;
437
498
  };
438
499
  };
439
500
  'color/red/bold': {
@@ -444,31 +505,37 @@ declare const semanticTokens: {
444
505
  'color/red/muted': {
445
506
  value: {
446
507
  _light: string;
508
+ _dark: string;
447
509
  };
448
510
  };
449
511
  'color/red/moderate': {
450
512
  value: {
451
513
  _light: string;
514
+ _dark: string;
452
515
  };
453
516
  };
454
517
  'color/red/subtle': {
455
518
  value: {
456
519
  _light: string;
520
+ _dark: string;
457
521
  };
458
522
  };
459
523
  'color/red/minimal': {
460
524
  value: {
461
525
  _light: string;
526
+ _dark: string;
462
527
  };
463
528
  };
464
529
  'color/neutral/base': {
465
530
  value: {
466
531
  _light: string;
532
+ _dark: string;
467
533
  };
468
534
  };
469
535
  'color/neutral/strong': {
470
536
  value: {
471
537
  _light: string;
538
+ _dark: string;
472
539
  };
473
540
  };
474
541
  'color/neutral/bold': {
@@ -479,31 +546,37 @@ declare const semanticTokens: {
479
546
  'color/neutral/muted': {
480
547
  value: {
481
548
  _light: string;
549
+ _dark: string;
482
550
  };
483
551
  };
484
552
  'color/neutral/moderate': {
485
553
  value: {
486
554
  _light: string;
555
+ _dark: string;
487
556
  };
488
557
  };
489
558
  'color/neutral/subtle': {
490
559
  value: {
491
560
  _light: string;
561
+ _dark: string;
492
562
  };
493
563
  };
494
564
  'color/neutral/minimal': {
495
565
  value: {
496
566
  _light: string;
567
+ _dark: string;
497
568
  };
498
569
  };
499
570
  'color/orange/base': {
500
571
  value: {
501
572
  _light: string;
573
+ _dark: string;
502
574
  };
503
575
  };
504
576
  'color/orange/strong': {
505
577
  value: {
506
578
  _light: string;
579
+ _dark: string;
507
580
  };
508
581
  };
509
582
  'color/orange/bold': {
@@ -514,41 +587,49 @@ declare const semanticTokens: {
514
587
  'color/orange/muted': {
515
588
  value: {
516
589
  _light: string;
590
+ _dark: string;
517
591
  };
518
592
  };
519
593
  'color/orange/moderate': {
520
594
  value: {
521
595
  _light: string;
596
+ _dark: string;
522
597
  };
523
598
  };
524
599
  'color/orange/subtle': {
525
600
  value: {
526
601
  _light: string;
602
+ _dark: string;
527
603
  };
528
604
  };
529
605
  'color/orange/minimal': {
530
606
  value: {
531
607
  _light: string;
608
+ _dark: string;
532
609
  };
533
610
  };
534
611
  'color/turquoise/base': {
535
612
  value: {
536
613
  _light: string;
614
+ _dark: string;
537
615
  };
538
616
  };
539
617
  'color/turquoise/dark': {
540
618
  value: {
541
619
  _light: string;
620
+ _dark: string;
542
621
  };
543
622
  };
544
623
  'color/turquoise/emphasized': {
545
624
  value: {
546
625
  _light: string;
626
+ _dark: string;
547
627
  };
548
628
  };
549
629
  'color/turquoise/strong': {
550
630
  value: {
551
631
  _light: string;
632
+ _dark: string;
552
633
  };
553
634
  };
554
635
  'color/turquoise/bold': {
@@ -559,21 +640,25 @@ declare const semanticTokens: {
559
640
  'color/turquoise/muted': {
560
641
  value: {
561
642
  _light: string;
643
+ _dark: string;
562
644
  };
563
645
  };
564
646
  'color/turquoise/moderate': {
565
647
  value: {
566
648
  _light: string;
649
+ _dark: string;
567
650
  };
568
651
  };
569
652
  'color/turquoise/subtle': {
570
653
  value: {
571
654
  _light: string;
655
+ _dark: string;
572
656
  };
573
657
  };
574
658
  'color/turquoise/minimal': {
575
659
  value: {
576
660
  _light: string;
661
+ _dark: string;
577
662
  };
578
663
  };
579
664
  'color/transparent': {
@@ -706,6 +791,11 @@ declare const semanticTokens: {
706
791
  base: string;
707
792
  };
708
793
  };
794
+ 'gradient/video/bg': {
795
+ value: {
796
+ base: string;
797
+ };
798
+ };
709
799
  'background/primary': {
710
800
  value: {
711
801
  base: string;
@@ -1646,17 +1736,17 @@ declare const semanticTokens: {
1646
1736
  base: string;
1647
1737
  };
1648
1738
  };
1649
- 'sys/ui/sidenav/badge/neutral': {
1739
+ 'sys/ui/sidenav/badge/green': {
1650
1740
  value: {
1651
1741
  base: string;
1652
1742
  };
1653
1743
  };
1654
- 'sys/ui/sidenav/badge/green': {
1744
+ 'sys/ui/sidenav/badge/red': {
1655
1745
  value: {
1656
1746
  base: string;
1657
1747
  };
1658
1748
  };
1659
- 'sys/ui/sidenav/badge/red': {
1749
+ 'sys/ui/sidenav/badge/neutral': {
1660
1750
  value: {
1661
1751
  base: string;
1662
1752
  };