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