@bitrise/bitkit-v2 0.3.254 → 0.3.255-beta.1719

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/components/BitkitCalendar/components/CalendarNextTrigger.js +1 -1
  2. package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js.map +1 -1
  3. package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js +1 -1
  4. package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js.map +1 -1
  5. package/dist/components/BitkitLabel/BitkitLabel.js +1 -1
  6. package/dist/components/BitkitLabel/BitkitLabel.js.map +1 -1
  7. package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.js +1 -1
  8. package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.js.map +1 -1
  9. package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.js +1 -1
  10. package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.js.map +1 -1
  11. package/dist/components/BitkitTable/BitkitExpandableRow.js +1 -1
  12. package/dist/components/BitkitTable/BitkitExpandableRow.js.map +1 -1
  13. package/dist/theme/recipes/Badge.recipe.d.ts +1 -1
  14. package/dist/theme/recipes/Badge.recipe.js +2 -2
  15. package/dist/theme/recipes/Badge.recipe.js.map +1 -1
  16. package/dist/theme/recipes/Button.recipe.js +9 -8
  17. package/dist/theme/recipes/Button.recipe.js.map +1 -1
  18. package/dist/theme/recipes/ToggleButton.recipe.js +3 -3
  19. package/dist/theme/recipes/ToggleButton.recipe.js.map +1 -1
  20. package/dist/theme/recipes/index.d.ts +1 -1
  21. package/dist/theme/semantic-tokens/index.d.ts +263 -48
  22. package/dist/theme/semantic-tokens/semanticColors.d.ts +263 -48
  23. package/dist/theme/semantic-tokens/semanticColors.js +103 -60
  24. package/dist/theme/semantic-tokens/semanticColors.js.map +1 -1
  25. package/dist/theme/slot-recipes/Field.recipe.js +2 -2
  26. package/dist/theme/slot-recipes/Field.recipe.js.map +1 -1
  27. package/dist/theme/slot-recipes/NoteCard.recipe.d.ts +1 -1
  28. package/dist/theme/slot-recipes/NoteCard.recipe.js +1 -1
  29. package/dist/theme/slot-recipes/NoteCard.recipe.js.map +1 -1
  30. package/dist/theme/slot-recipes/NumberInput.recipe.js +4 -4
  31. package/dist/theme/slot-recipes/NumberInput.recipe.js.map +1 -1
  32. package/dist/theme/slot-recipes/SplitButton.recipe.d.ts +1 -1
  33. package/dist/theme/slot-recipes/SplitButton.recipe.js +1 -1
  34. package/dist/theme/slot-recipes/SplitButton.recipe.js.map +1 -1
  35. package/dist/theme/slot-recipes/index.d.ts +2 -2
  36. package/dist/theme/tokens/colors.d.ts +3 -0
  37. package/dist/theme/tokens/colors.js +1 -0
  38. package/dist/theme/tokens/colors.js.map +1 -1
  39. package/dist/theme/tokens/index.d.ts +3 -0
  40. package/docs/design-tokens.md +94 -0
  41. package/package.json +2 -1
@@ -95,6 +95,11 @@ declare const semanticTokens: {
95
95
  _light: string;
96
96
  };
97
97
  };
98
+ 'sys/bg/transparent': {
99
+ value: {
100
+ _light: string;
101
+ };
102
+ };
98
103
  'sys/border/minimal': {
99
104
  value: {
100
105
  _light: string;
@@ -140,6 +145,11 @@ declare const semanticTokens: {
140
145
  _light: string;
141
146
  };
142
147
  };
148
+ 'sys/primary/dark': {
149
+ value: {
150
+ _light: string;
151
+ };
152
+ };
143
153
  'sys/primary/emphasized': {
144
154
  value: {
145
155
  _light: string;
@@ -165,47 +175,52 @@ declare const semanticTokens: {
165
175
  _light: string;
166
176
  };
167
177
  };
168
- 'sys/interactive/base': {
178
+ 'sys/primary-danger/base': {
169
179
  value: {
170
180
  _light: string;
171
181
  };
172
182
  };
173
- 'sys/interactive/strong': {
183
+ 'sys/primary-danger/dark': {
174
184
  value: {
175
185
  _light: string;
176
186
  };
177
187
  };
178
- 'sys/interactive/highlight': {
188
+ 'sys/primary-danger/strong': {
179
189
  value: {
180
190
  _light: string;
181
191
  };
182
192
  };
183
- 'sys/interactive/disabled': {
193
+ 'sys/primary-danger/bold': {
184
194
  value: {
185
195
  _light: string;
186
196
  };
187
197
  };
188
- 'sys/ui/header/control/bg': {
198
+ 'sys/primary-danger/muted': {
189
199
  value: {
190
200
  _light: string;
191
201
  };
192
202
  };
193
- 'sys/ui/header/control/bg-hover': {
203
+ 'sys/primary-danger/moderate': {
194
204
  value: {
195
205
  _light: string;
196
206
  };
197
207
  };
198
- 'sys/ui/header/control/bg-active': {
208
+ 'sys/primary-danger/subtle': {
199
209
  value: {
200
210
  _light: string;
201
211
  };
202
212
  };
203
- 'sys/ui/header/control/bg-selected': {
213
+ 'sys/primary-danger/minimal': {
204
214
  value: {
205
215
  _light: string;
206
216
  };
207
217
  };
208
- 'sys/ui/header/control/bg-selected-hover': {
218
+ 'sys/fixed/icon/primary': {
219
+ value: {
220
+ _light: string;
221
+ };
222
+ };
223
+ 'sys/fixed/icon/warning': {
209
224
  value: {
210
225
  _light: string;
211
226
  };
@@ -250,11 +265,6 @@ declare const semanticTokens: {
250
265
  _light: string;
251
266
  };
252
267
  };
253
- 'color/purple/disabled': {
254
- value: {
255
- _light: string;
256
- };
257
- };
258
268
  'color/indigo/base': {
259
269
  value: {
260
270
  _light: string;
@@ -560,97 +570,132 @@ declare const semanticTokens: {
560
570
  _light: string;
561
571
  };
562
572
  };
563
- 'color/white/a0': {
573
+ 'color/transparent': {
574
+ value: {
575
+ _light: string;
576
+ };
577
+ };
578
+ 'color/white/10': {
564
579
  value: {
565
580
  _light: string;
566
581
  };
567
582
  };
568
- 'color/white/a10': {
583
+ 'color/white/15': {
569
584
  value: {
570
585
  _light: string;
571
586
  };
572
587
  };
573
- 'color/white/a15': {
588
+ 'color/white/20': {
574
589
  value: {
575
590
  _light: string;
576
591
  };
577
592
  };
578
- 'color/white/a20': {
593
+ 'color/white/30': {
579
594
  value: {
580
595
  _light: string;
581
596
  };
582
597
  };
583
- 'color/white/a30': {
598
+ 'color/white/40': {
584
599
  value: {
585
600
  _light: string;
586
601
  };
587
602
  };
588
- 'color/white/a50': {
603
+ 'color/white/50': {
589
604
  value: {
590
605
  _light: string;
591
606
  };
592
607
  };
593
- 'color/white/a80': {
608
+ 'color/white/60': {
594
609
  value: {
595
610
  _light: string;
596
611
  };
597
612
  };
598
- 'color/white/a90': {
613
+ 'color/white/70': {
599
614
  value: {
600
615
  _light: string;
601
616
  };
602
617
  };
603
- 'color/white/a100': {
618
+ 'color/white/80': {
604
619
  value: {
605
620
  _light: string;
606
621
  };
607
622
  };
608
- 'ai/background/base': {
623
+ 'color/white/85': {
624
+ value: {
625
+ _light: string;
626
+ };
627
+ };
628
+ 'color/white/90': {
629
+ value: {
630
+ _light: string;
631
+ };
632
+ };
633
+ 'color/white/100': {
634
+ value: {
635
+ _light: string;
636
+ };
637
+ };
638
+ 'gradient/ai/background/base': {
639
+ value: {
640
+ base: string;
641
+ };
642
+ };
643
+ 'gradient/ai/background/bold': {
644
+ value: {
645
+ base: string;
646
+ };
647
+ };
648
+ 'gradient/ai/background/muted': {
649
+ value: {
650
+ base: string;
651
+ };
652
+ };
653
+ 'gradient/ai/background/minimal': {
609
654
  value: {
610
655
  base: string;
611
656
  };
612
657
  };
613
- 'ai/background/bold': {
658
+ 'gradient/ai/background/subtle': {
614
659
  value: {
615
660
  base: string;
616
661
  };
617
662
  };
618
- 'ai/background/muted': {
663
+ 'gradient/ai/background/moderate': {
619
664
  value: {
620
665
  base: string;
621
666
  };
622
667
  };
623
- 'ai/background/minimal': {
668
+ 'gradient/ai/background/minimal-vertical': {
624
669
  value: {
625
670
  base: string;
626
671
  };
627
672
  };
628
- 'ai/background/subtle': {
673
+ 'gradient/ai/background/surface': {
629
674
  value: {
630
675
  base: string;
631
676
  };
632
677
  };
633
- 'ai/background/moderate': {
678
+ 'gradient/ai/border/minimal': {
634
679
  value: {
635
680
  base: string;
636
681
  };
637
682
  };
638
- 'ai/background/minimal-vertical': {
683
+ 'gradient/ai/border/subtle': {
639
684
  value: {
640
685
  base: string;
641
686
  };
642
687
  };
643
- 'ai/border/regular': {
688
+ 'gradient/ai/border/strong': {
644
689
  value: {
645
690
  base: string;
646
691
  };
647
692
  };
648
- 'ai/border/minimal': {
693
+ 'gradient/overflow/bottom': {
649
694
  value: {
650
695
  base: string;
651
696
  };
652
697
  };
653
- 'ai/border/strong': {
698
+ 'gradient/overflow/right': {
654
699
  value: {
655
700
  base: string;
656
701
  };
@@ -945,32 +990,42 @@ declare const semanticTokens: {
945
990
  base: string;
946
991
  };
947
992
  };
948
- 'button/secondary/fg/base': {
993
+ 'button/secondary/text': {
949
994
  value: {
950
995
  base: string;
951
996
  };
952
997
  };
953
- 'button/secondary/fg/text': {
998
+ 'button/secondary/text-hover': {
954
999
  value: {
955
1000
  base: string;
956
1001
  };
957
1002
  };
958
- 'button/secondary/fg/icon': {
1003
+ 'button/secondary/text-active': {
959
1004
  value: {
960
1005
  base: string;
961
1006
  };
962
1007
  };
963
- 'button/secondary/fg-hover': {
1008
+ 'button/secondary/text-disabled': {
964
1009
  value: {
965
1010
  base: string;
966
1011
  };
967
1012
  };
968
- 'button/secondary/fg-active': {
1013
+ 'button/secondary/icon': {
969
1014
  value: {
970
1015
  base: string;
971
1016
  };
972
1017
  };
973
- 'button/secondary/fg-disabled': {
1018
+ 'button/secondary/icon-hover': {
1019
+ value: {
1020
+ base: string;
1021
+ };
1022
+ };
1023
+ 'button/secondary/icon-active': {
1024
+ value: {
1025
+ base: string;
1026
+ };
1027
+ };
1028
+ 'button/secondary/icon-disabled': {
974
1029
  value: {
975
1030
  base: string;
976
1031
  };
@@ -1395,47 +1450,207 @@ declare const semanticTokens: {
1395
1450
  base: string;
1396
1451
  };
1397
1452
  };
1398
- 'ui-header/bg': {
1453
+ 'sys/ui/header/bg': {
1399
1454
  value: {
1400
1455
  base: string;
1401
1456
  };
1402
1457
  };
1403
- 'ui-header/bg-hover': {
1458
+ 'sys/ui/header/control/bg': {
1404
1459
  value: {
1405
1460
  base: string;
1406
1461
  };
1407
1462
  };
1408
- 'ui-header/bg-active': {
1463
+ 'sys/ui/header/control/bg-hover': {
1409
1464
  value: {
1410
1465
  base: string;
1411
1466
  };
1412
1467
  };
1413
- 'ui-header/bg-selected': {
1468
+ 'sys/ui/header/control/bg-active': {
1414
1469
  value: {
1415
1470
  base: string;
1416
1471
  };
1417
1472
  };
1418
- 'ui-header/bg-selected-hover': {
1473
+ 'sys/ui/header/control/bg-selected': {
1419
1474
  value: {
1420
1475
  base: string;
1421
1476
  };
1422
1477
  };
1423
- 'input/text/label': {
1478
+ 'sys/ui/header/control/bg-selected-hover': {
1424
1479
  value: {
1425
1480
  base: string;
1426
1481
  };
1427
1482
  };
1428
- 'input/text/inputValue': {
1483
+ 'sys/ui/header/control/indicator': {
1429
1484
  value: {
1430
1485
  base: string;
1431
1486
  };
1432
1487
  };
1433
- 'input/text/placeholder': {
1488
+ 'sys/ui/header/button/primary/bg': {
1489
+ value: {
1490
+ base: string;
1491
+ };
1492
+ };
1493
+ 'sys/ui/header/button/primary/bg-hover': {
1494
+ value: {
1495
+ base: string;
1496
+ };
1497
+ };
1498
+ 'sys/ui/header/button/primary/bg-active': {
1499
+ value: {
1500
+ base: string;
1501
+ };
1502
+ };
1503
+ 'sys/ui/header/button/primary/bg-disabled': {
1504
+ value: {
1505
+ base: string;
1506
+ };
1507
+ };
1508
+ 'sys/ui/header/button/primary/fg': {
1509
+ value: {
1510
+ base: string;
1511
+ };
1512
+ };
1513
+ 'sys/ui/header/button/primary/fg-disabled': {
1514
+ value: {
1515
+ base: string;
1516
+ };
1517
+ };
1518
+ 'sys/ui/header/button/secondary/bg': {
1519
+ value: {
1520
+ base: string;
1521
+ };
1522
+ };
1523
+ 'sys/ui/header/button/secondary/bg-hover': {
1524
+ value: {
1525
+ base: string;
1526
+ };
1527
+ };
1528
+ 'sys/ui/header/button/secondary/bg-active': {
1529
+ value: {
1530
+ base: string;
1531
+ };
1532
+ };
1533
+ 'sys/ui/header/button/secondary/bg-disabled': {
1534
+ value: {
1535
+ base: string;
1536
+ };
1537
+ };
1538
+ 'sys/ui/header/button/secondary/fg': {
1539
+ value: {
1540
+ base: string;
1541
+ };
1542
+ };
1543
+ 'sys/ui/header/button/secondary/fg-disabled': {
1544
+ value: {
1545
+ base: string;
1546
+ };
1547
+ };
1548
+ 'sys/ui/header/button/secondary/border': {
1549
+ value: {
1550
+ base: string;
1551
+ };
1552
+ };
1553
+ 'sys/ui/header/button/secondary/border-disabled': {
1554
+ value: {
1555
+ base: string;
1556
+ };
1557
+ };
1558
+ 'sys/ui/header/button/tertiary/bg': {
1559
+ value: {
1560
+ base: string;
1561
+ };
1562
+ };
1563
+ 'sys/ui/header/button/tertiary/bg-hover': {
1564
+ value: {
1565
+ base: string;
1566
+ };
1567
+ };
1568
+ 'sys/ui/header/button/tertiary/bg-active': {
1569
+ value: {
1570
+ base: string;
1571
+ };
1572
+ };
1573
+ 'sys/ui/header/button/tertiary/bg-disabled': {
1574
+ value: {
1575
+ base: string;
1576
+ };
1577
+ };
1578
+ 'sys/ui/header/button/tertiary/fg': {
1579
+ value: {
1580
+ base: string;
1581
+ };
1582
+ };
1583
+ 'sys/ui/header/button/tertiary/fg-disabled': {
1584
+ value: {
1585
+ base: string;
1586
+ };
1587
+ };
1588
+ 'sys/ui/header/indicator/badge': {
1589
+ value: {
1590
+ base: string;
1591
+ };
1592
+ };
1593
+ 'sys/ui/header/indicator/badge-ai': {
1434
1594
  value: {
1435
1595
  base: string;
1436
1596
  };
1437
1597
  };
1438
- 'input/text/helper': {
1598
+ 'sys/ui/sidenav/bg': {
1599
+ value: {
1600
+ base: string;
1601
+ };
1602
+ };
1603
+ 'sys/ui/sidenav/item/bg': {
1604
+ value: {
1605
+ base: string;
1606
+ };
1607
+ };
1608
+ 'sys/ui/sidenav/item/bg-hover': {
1609
+ value: {
1610
+ base: string;
1611
+ };
1612
+ };
1613
+ 'sys/ui/sidenav/item/bg-active': {
1614
+ value: {
1615
+ base: string;
1616
+ };
1617
+ };
1618
+ 'sys/ui/sidenav/item/bg-selected': {
1619
+ value: {
1620
+ base: string;
1621
+ };
1622
+ };
1623
+ 'sys/ui/sidenav/item/fg': {
1624
+ value: {
1625
+ base: string;
1626
+ };
1627
+ };
1628
+ 'sys/ui/sidenav/item/fg-hover': {
1629
+ value: {
1630
+ base: string;
1631
+ };
1632
+ };
1633
+ 'sys/ui/sidenav/item/fg-active': {
1634
+ value: {
1635
+ base: string;
1636
+ };
1637
+ };
1638
+ 'sys/ui/sidenav/item/indicator': {
1639
+ value: {
1640
+ base: string;
1641
+ };
1642
+ };
1643
+ 'input/text/label': {
1644
+ value: {
1645
+ base: string;
1646
+ };
1647
+ };
1648
+ 'input/text/inputValue': {
1649
+ value: {
1650
+ base: string;
1651
+ };
1652
+ };
1653
+ 'input/text/placeholder': {
1439
1654
  value: {
1440
1655
  base: string;
1441
1656
  };