@primer/primitives 10.3.0 → 10.3.1

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 (63) hide show
  1. package/dist/build/schemas/colorToken.js +1 -1
  2. package/dist/css/functional/themes/dark-colorblind.css +14 -14
  3. package/dist/css/functional/themes/dark-high-contrast.css +4 -4
  4. package/dist/css/functional/themes/light-colorblind.css +16 -16
  5. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  6. package/dist/css/functional/themes/light.css +4 -4
  7. package/dist/docs/functional/themes/dark-colorblind.json +963 -139
  8. package/dist/docs/functional/themes/dark-dimmed.json +819 -85
  9. package/dist/docs/functional/themes/dark-high-contrast.json +1039 -77
  10. package/dist/docs/functional/themes/dark-tritanopia.json +885 -55
  11. package/dist/docs/functional/themes/dark.json +723 -57
  12. package/dist/docs/functional/themes/light-colorblind.json +964 -136
  13. package/dist/docs/functional/themes/light-high-contrast.json +1069 -67
  14. package/dist/docs/functional/themes/light-tritanopia.json +880 -50
  15. package/dist/docs/functional/themes/light.json +716 -50
  16. package/dist/figma/figma.json +133 -0
  17. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  18. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  19. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  20. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  21. package/dist/figma/shadows/dark.json +1152 -0
  22. package/dist/figma/shadows/light-colorblind.json +1052 -0
  23. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  24. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  25. package/dist/figma/shadows/light.json +1052 -0
  26. package/dist/figma/themes/dark-colorblind.json +2886 -2733
  27. package/dist/figma/themes/dark-dimmed.json +2778 -2708
  28. package/dist/figma/themes/dark-high-contrast.json +697 -394
  29. package/dist/figma/themes/dark-tritanopia.json +2886 -2731
  30. package/dist/figma/themes/dark.json +3018 -3021
  31. package/dist/figma/themes/light-colorblind.json +2913 -2759
  32. package/dist/figma/themes/light-high-contrast.json +591 -250
  33. package/dist/figma/themes/light-tritanopia.json +2895 -2740
  34. package/dist/figma/themes/light.json +5496 -5499
  35. package/dist/internalCss/dark-colorblind.css +14 -14
  36. package/dist/internalCss/dark-high-contrast.css +4 -4
  37. package/dist/internalCss/light-colorblind.css +16 -16
  38. package/dist/internalCss/light-high-contrast.css +2 -2
  39. package/dist/internalCss/light.css +4 -4
  40. package/dist/styleLint/functional/themes/dark-colorblind.json +963 -139
  41. package/dist/styleLint/functional/themes/dark-dimmed.json +819 -85
  42. package/dist/styleLint/functional/themes/dark-high-contrast.json +1039 -77
  43. package/dist/styleLint/functional/themes/dark-tritanopia.json +885 -55
  44. package/dist/styleLint/functional/themes/dark.json +723 -57
  45. package/dist/styleLint/functional/themes/light-colorblind.json +979 -151
  46. package/dist/styleLint/functional/themes/light-high-contrast.json +1069 -67
  47. package/dist/styleLint/functional/themes/light-tritanopia.json +880 -50
  48. package/dist/styleLint/functional/themes/light.json +716 -50
  49. package/package.json +1 -1
  50. package/src/tokens/component/avatar.json5 +42 -0
  51. package/src/tokens/component/avatarStack.json5 +30 -0
  52. package/src/tokens/functional/color/borderColor.json5 +616 -0
  53. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -23
  54. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -102
  55. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -55
  56. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -46
  57. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -53
  58. package/src/tokens/functional/color/dark/primitives-dark.json5 +0 -438
  59. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -110
  60. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +2 -48
  61. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -46
  62. package/src/tokens/functional/color/light/patterns-light.json5 +0 -52
  63. package/src/tokens/functional/color/light/primitives-light.json5 +0 -411
@@ -5,11 +5,20 @@
5
5
  "collection": "mode",
6
6
  "group": "component (internal)",
7
7
  "scopes": ["bgColor"]
8
+ },
9
+ "org.primer.overrides": {
10
+ "dark": {
11
+ "$value": "#ffffff",
12
+ "alpha": 0.1,
13
+ "filePath": "src/tokens/component/avatar.json5",
14
+ "isSource": true,
15
+ "$type": "color"
16
+ }
8
17
  }
9
18
  },
10
- "alpha": 0.1,
11
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
19
+ "filePath": "src/tokens/component/avatar.json5",
12
20
  "isSource": true,
21
+ "alpha": 0.1,
13
22
  "original": {
14
23
  "$value": "{base.color.neutral.13}",
15
24
  "$type": "color",
@@ -18,6 +27,15 @@
18
27
  "collection": "mode",
19
28
  "group": "component (internal)",
20
29
  "scopes": ["bgColor"]
30
+ },
31
+ "org.primer.overrides": {
32
+ "dark": {
33
+ "$value": "{base.color.neutral.13}",
34
+ "alpha": 0.1,
35
+ "filePath": "src/tokens/component/avatar.json5",
36
+ "isSource": true,
37
+ "$type": "color"
38
+ }
21
39
  }
22
40
  },
23
41
  "alpha": 0.1
@@ -30,12 +48,58 @@
30
48
  "type": "color"
31
49
  },
32
50
  "avatar-borderColor": {
33
- "alpha": 0.9,
34
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
51
+ "$extensions": {
52
+ "org.primer.figma": {
53
+ "collection": "mode",
54
+ "group": "component (internal)",
55
+ "scopes": ["borderColor"]
56
+ },
57
+ "org.primer.overrides": {
58
+ "dark-high-contrast": {
59
+ "$value": "#ffffff",
60
+ "alpha": 0.9,
61
+ "filePath": "src/tokens/component/avatar.json5",
62
+ "isSource": true,
63
+ "$type": "color"
64
+ },
65
+ "light-high-contrast": {
66
+ "$value": "#ffffff",
67
+ "alpha": 0.9,
68
+ "filePath": "src/tokens/component/avatar.json5",
69
+ "isSource": true,
70
+ "$type": "color"
71
+ }
72
+ }
73
+ },
74
+ "filePath": "src/tokens/component/avatar.json5",
35
75
  "isSource": true,
76
+ "alpha": 0.9,
36
77
  "original": {
37
78
  "$value": "{base.color.neutral.13}",
38
79
  "$type": "color",
80
+ "$extensions": {
81
+ "org.primer.figma": {
82
+ "collection": "mode",
83
+ "group": "component (internal)",
84
+ "scopes": ["borderColor"]
85
+ },
86
+ "org.primer.overrides": {
87
+ "dark-high-contrast": {
88
+ "$value": "{base.color.neutral.13}",
89
+ "alpha": 0.9,
90
+ "filePath": "src/tokens/component/avatar.json5",
91
+ "isSource": true,
92
+ "$type": "color"
93
+ },
94
+ "light-high-contrast": {
95
+ "$value": "{base.color.neutral.13}",
96
+ "alpha": 0.9,
97
+ "filePath": "src/tokens/component/avatar.json5",
98
+ "isSource": true,
99
+ "$type": "color"
100
+ }
101
+ }
102
+ },
39
103
  "alpha": 0.9
40
104
  },
41
105
  "name": "avatar-borderColor",
@@ -88,7 +152,7 @@
88
152
  "scopes": ["bgColor"]
89
153
  }
90
154
  },
91
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
155
+ "filePath": "src/tokens/component/avatarStack.json5",
92
156
  "isSource": true,
93
157
  "original": {
94
158
  "$value": "{base.color.neutral.7}",
@@ -116,7 +180,7 @@
116
180
  "scopes": ["bgColor"]
117
181
  }
118
182
  },
119
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
183
+ "filePath": "src/tokens/component/avatarStack.json5",
120
184
  "isSource": true,
121
185
  "original": {
122
186
  "$value": "{base.color.neutral.5}",
@@ -1123,7 +1187,7 @@
1123
1187
  "attributes": {},
1124
1188
  "path": ["border", "disabled"],
1125
1189
  "key": "{border.disabled}",
1126
- "value": "0.0625rem solid #9198a11f",
1190
+ "value": "0.0625rem solid #656c761a",
1127
1191
  "type": "border"
1128
1192
  },
1129
1193
  "border-done-emphasis": {
@@ -1435,7 +1499,7 @@
1435
1499
  }
1436
1500
  }
1437
1501
  },
1438
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
1502
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1439
1503
  "isSource": true,
1440
1504
  "original": {
1441
1505
  "$value": "{base.color.blue.5}",
@@ -1459,12 +1523,66 @@
1459
1523
  "type": "color"
1460
1524
  },
1461
1525
  "borderColor-accent-muted": {
1526
+ "$extensions": {
1527
+ "org.primer.figma": {
1528
+ "collection": "mode",
1529
+ "group": "semantic",
1530
+ "scopes": ["borderColor"],
1531
+ "codeSyntax": {
1532
+ "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
1533
+ }
1534
+ },
1535
+ "org.primer.overrides": {
1536
+ "dark": "#5cacff",
1537
+ "light-high-contrast": {
1538
+ "$value": "#71b7ff",
1539
+ "alpha": 1,
1540
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1541
+ "isSource": true,
1542
+ "$type": "color"
1543
+ },
1544
+ "dark-high-contrast": {
1545
+ "$value": "#5cacff",
1546
+ "alpha": 1,
1547
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1548
+ "isSource": true,
1549
+ "$type": "color"
1550
+ }
1551
+ }
1552
+ },
1462
1553
  "alpha": 1,
1463
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
1554
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1464
1555
  "isSource": true,
1465
1556
  "original": {
1466
1557
  "$value": "{base.color.blue.4}",
1467
1558
  "$type": "color",
1559
+ "$extensions": {
1560
+ "org.primer.figma": {
1561
+ "collection": "mode",
1562
+ "group": "semantic",
1563
+ "scopes": ["borderColor"],
1564
+ "codeSyntax": {
1565
+ "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
1566
+ }
1567
+ },
1568
+ "org.primer.overrides": {
1569
+ "dark": "{base.color.blue.4}",
1570
+ "light-high-contrast": {
1571
+ "$value": "{base.color.blue.3}",
1572
+ "alpha": 1,
1573
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1574
+ "isSource": true,
1575
+ "$type": "color"
1576
+ },
1577
+ "dark-high-contrast": {
1578
+ "$value": "{base.color.blue.4}",
1579
+ "alpha": 1,
1580
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1581
+ "isSource": true,
1582
+ "$type": "color"
1583
+ }
1584
+ }
1585
+ },
1468
1586
  "alpha": 1
1469
1587
  },
1470
1588
  "name": "borderColor-accent-muted",
@@ -1485,7 +1603,7 @@
1485
1603
  }
1486
1604
  }
1487
1605
  },
1488
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
1606
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1489
1607
  "isSource": true,
1490
1608
  "original": {
1491
1609
  "$value": "{base.color.yellow.5}",
@@ -1509,12 +1627,66 @@
1509
1627
  "type": "color"
1510
1628
  },
1511
1629
  "borderColor-attention-muted": {
1630
+ "$extensions": {
1631
+ "org.primer.figma": {
1632
+ "collection": "mode",
1633
+ "group": "semantic",
1634
+ "scopes": ["borderColor"],
1635
+ "codeSyntax": {
1636
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
1637
+ }
1638
+ },
1639
+ "org.primer.overrides": {
1640
+ "dark": "#edaa27",
1641
+ "light-high-contrast": {
1642
+ "$value": "#f0b72f",
1643
+ "alpha": 1,
1644
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1645
+ "isSource": true,
1646
+ "$type": "color"
1647
+ },
1648
+ "dark-high-contrast": {
1649
+ "$value": "#edaa27",
1650
+ "alpha": 1,
1651
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1652
+ "isSource": true,
1653
+ "$type": "color"
1654
+ }
1655
+ }
1656
+ },
1512
1657
  "alpha": 1,
1513
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
1658
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1514
1659
  "isSource": true,
1515
1660
  "original": {
1516
1661
  "$value": "{base.color.yellow.4}",
1517
1662
  "$type": "color",
1663
+ "$extensions": {
1664
+ "org.primer.figma": {
1665
+ "collection": "mode",
1666
+ "group": "semantic",
1667
+ "scopes": ["borderColor"],
1668
+ "codeSyntax": {
1669
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
1670
+ }
1671
+ },
1672
+ "org.primer.overrides": {
1673
+ "dark": "{base.color.yellow.4}",
1674
+ "light-high-contrast": {
1675
+ "$value": "{base.color.yellow.3}",
1676
+ "alpha": 1,
1677
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1678
+ "isSource": true,
1679
+ "$type": "color"
1680
+ },
1681
+ "dark-high-contrast": {
1682
+ "$value": "{base.color.yellow.4}",
1683
+ "alpha": 1,
1684
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1685
+ "isSource": true,
1686
+ "$type": "color"
1687
+ }
1688
+ }
1689
+ },
1518
1690
  "alpha": 1
1519
1691
  },
1520
1692
  "name": "borderColor-attention-muted",
@@ -1533,9 +1705,15 @@
1533
1705
  "codeSyntax": {
1534
1706
  "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
1535
1707
  }
1708
+ },
1709
+ "org.primer.overrides": {
1710
+ "light-protanopia-deuteranopia": "#b7bdc8",
1711
+ "dark-protanopia-deuteranopia": "#b7bdc8",
1712
+ "dark-tritanopia": "#b7bdc8",
1713
+ "light-tritanopia": "#b7bdc8"
1536
1714
  }
1537
1715
  },
1538
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
1716
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1539
1717
  "isSource": true,
1540
1718
  "original": {
1541
1719
  "$value": "{borderColor.danger.emphasis}",
@@ -1548,6 +1726,12 @@
1548
1726
  "codeSyntax": {
1549
1727
  "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
1550
1728
  }
1729
+ },
1730
+ "org.primer.overrides": {
1731
+ "light-protanopia-deuteranopia": "{borderColor.emphasis}",
1732
+ "dark-protanopia-deuteranopia": "{borderColor.emphasis}",
1733
+ "dark-tritanopia": "{borderColor.emphasis}",
1734
+ "light-tritanopia": "{borderColor.emphasis}"
1551
1735
  }
1552
1736
  }
1553
1737
  },
@@ -1559,13 +1743,77 @@
1559
1743
  "type": "color"
1560
1744
  },
1561
1745
  "borderColor-closed-muted": {
1562
- "alpha": 1,
1563
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
1746
+ "$extensions": {
1747
+ "org.primer.figma": {
1748
+ "collection": "mode",
1749
+ "group": "semantic",
1750
+ "scopes": ["borderColor"],
1751
+ "codeSyntax": {
1752
+ "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
1753
+ }
1754
+ },
1755
+ "org.primer.overrides": {
1756
+ "dark-tritanopia": {
1757
+ "$value": "#b7bdc8",
1758
+ "alpha": 0.4,
1759
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1760
+ "isSource": true,
1761
+ "$type": "color"
1762
+ },
1763
+ "light-tritanopia": {
1764
+ "$value": "#b7bdc8",
1765
+ "alpha": 0.4,
1766
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1767
+ "isSource": true,
1768
+ "$type": "color"
1769
+ },
1770
+ "light-protanopia-deuteranopia": {
1771
+ "$value": "#b7bdc8",
1772
+ "alpha": 0.4,
1773
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1774
+ "isSource": true,
1775
+ "$type": "color"
1776
+ }
1777
+ }
1778
+ },
1779
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1564
1780
  "isSource": true,
1565
1781
  "original": {
1566
1782
  "$value": "{borderColor.danger.muted}",
1567
1783
  "$type": "color",
1568
- "alpha": 1
1784
+ "$extensions": {
1785
+ "org.primer.figma": {
1786
+ "collection": "mode",
1787
+ "group": "semantic",
1788
+ "scopes": ["borderColor"],
1789
+ "codeSyntax": {
1790
+ "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
1791
+ }
1792
+ },
1793
+ "org.primer.overrides": {
1794
+ "dark-tritanopia": {
1795
+ "$value": "{borderColor.default}",
1796
+ "alpha": 0.4,
1797
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1798
+ "isSource": true,
1799
+ "$type": "color"
1800
+ },
1801
+ "light-tritanopia": {
1802
+ "$value": "{borderColor.default}",
1803
+ "alpha": 0.4,
1804
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1805
+ "isSource": true,
1806
+ "$type": "color"
1807
+ },
1808
+ "light-protanopia-deuteranopia": {
1809
+ "$value": "{borderColor.default}",
1810
+ "alpha": 0.4,
1811
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1812
+ "isSource": true,
1813
+ "$type": "color"
1814
+ }
1815
+ }
1816
+ }
1569
1817
  },
1570
1818
  "name": "borderColor-closed-muted",
1571
1819
  "attributes": {},
@@ -1583,9 +1831,23 @@
1583
1831
  "codeSyntax": {
1584
1832
  "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
1585
1833
  }
1834
+ },
1835
+ "org.primer.overrides": {
1836
+ "dark-protanopia-deuteranopia": {
1837
+ "$value": "#e7811d",
1838
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1839
+ "isSource": true,
1840
+ "$type": "color"
1841
+ },
1842
+ "light-protanopia-deuteranopia": {
1843
+ "$value": "#e7811d",
1844
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1845
+ "isSource": true,
1846
+ "$type": "color"
1847
+ }
1586
1848
  }
1587
1849
  },
1588
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
1850
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1589
1851
  "isSource": true,
1590
1852
  "original": {
1591
1853
  "$value": "{base.color.red.5}",
@@ -1598,6 +1860,20 @@
1598
1860
  "codeSyntax": {
1599
1861
  "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
1600
1862
  }
1863
+ },
1864
+ "org.primer.overrides": {
1865
+ "dark-protanopia-deuteranopia": {
1866
+ "$value": "{base.color.orange.5}",
1867
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1868
+ "isSource": true,
1869
+ "$type": "color"
1870
+ },
1871
+ "light-protanopia-deuteranopia": {
1872
+ "$value": "{base.color.orange.5}",
1873
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1874
+ "isSource": true,
1875
+ "$type": "color"
1876
+ }
1601
1877
  }
1602
1878
  }
1603
1879
  },
@@ -1609,49 +1885,207 @@
1609
1885
  "type": "color"
1610
1886
  },
1611
1887
  "borderColor-danger-muted": {
1612
- "alpha": 1,
1613
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
1614
- "isSource": true,
1615
- "original": {
1616
- "$value": "{base.color.red.4}",
1617
- "$type": "color",
1618
- "alpha": 1
1619
- },
1620
- "name": "borderColor-danger-muted",
1621
- "attributes": {},
1622
- "path": ["borderColor", "danger", "muted"],
1623
- "key": "{borderColor.danger.muted}",
1624
- "value": "#ff8080",
1625
- "type": "color"
1626
- },
1627
- "borderColor-default": {
1628
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
1629
- "isSource": true,
1630
- "original": {
1631
- "$value": "{base.color.neutral.10}",
1632
- "$type": "color"
1633
- },
1634
- "name": "borderColor-default",
1635
- "attributes": {},
1636
- "path": ["borderColor", "default"],
1637
- "key": "{borderColor.default}",
1638
- "value": "#b7bdc8",
1888
+ "$extensions": {
1889
+ "org.primer.figma": {
1890
+ "collection": "mode",
1891
+ "group": "semantic",
1892
+ "scopes": ["borderColor"],
1893
+ "codeSyntax": {
1894
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
1895
+ }
1896
+ },
1897
+ "org.primer.overrides": {
1898
+ "dark": "#ff8080",
1899
+ "light-high-contrast": {
1900
+ "$value": "#ff9492",
1901
+ "alpha": 1,
1902
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1903
+ "isSource": true,
1904
+ "$type": "color"
1905
+ },
1906
+ "dark-high-contrast": {
1907
+ "$value": "#ff8080",
1908
+ "alpha": 1,
1909
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1910
+ "isSource": true,
1911
+ "$type": "color"
1912
+ },
1913
+ "dark-protanopia-deuteranopia": {
1914
+ "$value": "#f48b25",
1915
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1916
+ "isSource": true,
1917
+ "$type": "color"
1918
+ },
1919
+ "light-protanopia-deuteranopia": {
1920
+ "$value": "#ffe1b4",
1921
+ "alpha": 1,
1922
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1923
+ "isSource": true,
1924
+ "$type": "color"
1925
+ }
1926
+ }
1927
+ },
1928
+ "alpha": 1,
1929
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1930
+ "isSource": true,
1931
+ "original": {
1932
+ "$value": "{base.color.red.4}",
1933
+ "$type": "color",
1934
+ "$extensions": {
1935
+ "org.primer.figma": {
1936
+ "collection": "mode",
1937
+ "group": "semantic",
1938
+ "scopes": ["borderColor"],
1939
+ "codeSyntax": {
1940
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
1941
+ }
1942
+ },
1943
+ "org.primer.overrides": {
1944
+ "dark": "{base.color.red.4}",
1945
+ "light-high-contrast": {
1946
+ "$value": "{base.color.red.3}",
1947
+ "alpha": 1,
1948
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1949
+ "isSource": true,
1950
+ "$type": "color"
1951
+ },
1952
+ "dark-high-contrast": {
1953
+ "$value": "{base.color.red.4}",
1954
+ "alpha": 1,
1955
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1956
+ "isSource": true,
1957
+ "$type": "color"
1958
+ },
1959
+ "dark-protanopia-deuteranopia": {
1960
+ "$value": "{base.color.orange.4}",
1961
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1962
+ "isSource": true,
1963
+ "$type": "color"
1964
+ },
1965
+ "light-protanopia-deuteranopia": {
1966
+ "$value": "{base.color.orange.0}",
1967
+ "alpha": 1,
1968
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1969
+ "isSource": true,
1970
+ "$type": "color"
1971
+ }
1972
+ }
1973
+ },
1974
+ "alpha": 1
1975
+ },
1976
+ "name": "borderColor-danger-muted",
1977
+ "attributes": {},
1978
+ "path": ["borderColor", "danger", "muted"],
1979
+ "key": "{borderColor.danger.muted}",
1980
+ "value": "#ff8080",
1981
+ "type": "color"
1982
+ },
1983
+ "borderColor-default": {
1984
+ "$extensions": {
1985
+ "org.primer.overrides": {
1986
+ "dark": "#3d444d",
1987
+ "dark-dimmed": "#3d444d",
1988
+ "light-high-contrast": "#b7bdc8",
1989
+ "dark-high-contrast": "#b7bdc8"
1990
+ },
1991
+ "org.primer.figma": {
1992
+ "collection": "mode",
1993
+ "group": "semantic",
1994
+ "scopes": ["borderColor"],
1995
+ "codeSyntax": {
1996
+ "web": "var(--borderColor-default) /* utility class: .color-border-default */"
1997
+ }
1998
+ }
1999
+ },
2000
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2001
+ "isSource": true,
2002
+ "original": {
2003
+ "$value": "{base.color.neutral.10}",
2004
+ "$type": "color",
2005
+ "$extensions": {
2006
+ "org.primer.overrides": {
2007
+ "dark": "{base.color.neutral.7}",
2008
+ "dark-dimmed": "{base.color.neutral.7}",
2009
+ "light-high-contrast": "{base.color.neutral.10}",
2010
+ "dark-high-contrast": "{base.color.neutral.10}"
2011
+ },
2012
+ "org.primer.figma": {
2013
+ "collection": "mode",
2014
+ "group": "semantic",
2015
+ "scopes": ["borderColor"],
2016
+ "codeSyntax": {
2017
+ "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2018
+ }
2019
+ }
2020
+ }
2021
+ },
2022
+ "name": "borderColor-default",
2023
+ "attributes": {},
2024
+ "path": ["borderColor", "default"],
2025
+ "key": "{borderColor.default}",
2026
+ "value": "#b7bdc8",
1639
2027
  "type": "color"
1640
2028
  },
1641
2029
  "borderColor-disabled": {
1642
- "alpha": 0.12,
1643
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
2030
+ "$extensions": {
2031
+ "org.primer.figma": {
2032
+ "collection": "mode",
2033
+ "group": "semantic",
2034
+ "scopes": ["borderColor"]
2035
+ },
2036
+ "org.primer.overrides": {
2037
+ "dark-dimmed": {
2038
+ "$value": "#656c76",
2039
+ "alpha": 0.1,
2040
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2041
+ "isSource": true,
2042
+ "$type": "color"
2043
+ },
2044
+ "light-high-contrast": {
2045
+ "$value": "#9198a1",
2046
+ "alpha": 0.12,
2047
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2048
+ "isSource": true,
2049
+ "$type": "color"
2050
+ }
2051
+ }
2052
+ },
2053
+ "alpha": 0.1,
2054
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1644
2055
  "isSource": true,
1645
2056
  "original": {
1646
- "$value": "{base.color.neutral.9}",
2057
+ "$value": "{base.color.neutral.8}",
1647
2058
  "$type": "color",
1648
- "alpha": 0.12
2059
+ "$extensions": {
2060
+ "org.primer.figma": {
2061
+ "collection": "mode",
2062
+ "group": "semantic",
2063
+ "scopes": ["borderColor"]
2064
+ },
2065
+ "org.primer.overrides": {
2066
+ "dark-dimmed": {
2067
+ "$value": "{base.color.neutral.8}",
2068
+ "alpha": 0.1,
2069
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2070
+ "isSource": true,
2071
+ "$type": "color"
2072
+ },
2073
+ "light-high-contrast": {
2074
+ "$value": "{base.color.neutral.9}",
2075
+ "alpha": 0.12,
2076
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2077
+ "isSource": true,
2078
+ "$type": "color"
2079
+ }
2080
+ }
2081
+ },
2082
+ "alpha": 0.1
1649
2083
  },
1650
2084
  "name": "borderColor-disabled",
1651
2085
  "attributes": {},
1652
2086
  "path": ["borderColor", "disabled"],
1653
2087
  "key": "{borderColor.disabled}",
1654
- "value": "#9198a11f",
2088
+ "value": "#656c761a",
1655
2089
  "type": "color"
1656
2090
  },
1657
2091
  "borderColor-done-emphasis": {
@@ -1661,11 +2095,11 @@
1661
2095
  "group": "semantic",
1662
2096
  "scopes": ["borderColor"],
1663
2097
  "codeSyntax": {
1664
- "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
2098
+ "web": "var(--borderColor-done-emphasis)"
1665
2099
  }
1666
2100
  }
1667
2101
  },
1668
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2102
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1669
2103
  "isSource": true,
1670
2104
  "original": {
1671
2105
  "$value": "{base.color.purple.5}",
@@ -1676,7 +2110,7 @@
1676
2110
  "group": "semantic",
1677
2111
  "scopes": ["borderColor"],
1678
2112
  "codeSyntax": {
1679
- "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */"
2113
+ "web": "var(--borderColor-done-emphasis)"
1680
2114
  }
1681
2115
  }
1682
2116
  }
@@ -1689,12 +2123,66 @@
1689
2123
  "type": "color"
1690
2124
  },
1691
2125
  "borderColor-done-muted": {
2126
+ "$extensions": {
2127
+ "org.primer.figma": {
2128
+ "collection": "mode",
2129
+ "group": "semantic",
2130
+ "scopes": ["borderColor"],
2131
+ "codeSyntax": {
2132
+ "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
2133
+ }
2134
+ },
2135
+ "org.primer.overrides": {
2136
+ "dark": "#bf8fff",
2137
+ "light-high-contrast": {
2138
+ "$value": "#cb9eff",
2139
+ "alpha": 1,
2140
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2141
+ "isSource": true,
2142
+ "$type": "color"
2143
+ },
2144
+ "dark-high-contrast": {
2145
+ "$value": "#bf8fff",
2146
+ "alpha": 1,
2147
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2148
+ "isSource": true,
2149
+ "$type": "color"
2150
+ }
2151
+ }
2152
+ },
1692
2153
  "alpha": 1,
1693
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
2154
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1694
2155
  "isSource": true,
1695
2156
  "original": {
1696
2157
  "$value": "{base.color.purple.4}",
1697
2158
  "$type": "color",
2159
+ "$extensions": {
2160
+ "org.primer.figma": {
2161
+ "collection": "mode",
2162
+ "group": "semantic",
2163
+ "scopes": ["borderColor"],
2164
+ "codeSyntax": {
2165
+ "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
2166
+ }
2167
+ },
2168
+ "org.primer.overrides": {
2169
+ "dark": "{base.color.purple.4}",
2170
+ "light-high-contrast": {
2171
+ "$value": "{base.color.purple.3}",
2172
+ "alpha": 1,
2173
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2174
+ "isSource": true,
2175
+ "$type": "color"
2176
+ },
2177
+ "dark-high-contrast": {
2178
+ "$value": "{base.color.purple.4}",
2179
+ "alpha": 1,
2180
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2181
+ "isSource": true,
2182
+ "$type": "color"
2183
+ }
2184
+ }
2185
+ },
1698
2186
  "alpha": 1
1699
2187
  },
1700
2188
  "name": "borderColor-done-muted",
@@ -1705,11 +2193,33 @@
1705
2193
  "type": "color"
1706
2194
  },
1707
2195
  "borderColor-emphasis": {
1708
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
2196
+ "$extensions": {
2197
+ "org.primer.figma": {
2198
+ "collection": "mode",
2199
+ "group": "semantic",
2200
+ "scopes": ["borderColor"]
2201
+ },
2202
+ "org.primer.overrides": {
2203
+ "light-high-contrast": "#b7bdc8",
2204
+ "dark-high-contrast": "#b7bdc8"
2205
+ }
2206
+ },
2207
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1709
2208
  "isSource": true,
1710
2209
  "original": {
1711
2210
  "$value": "{borderColor.default}",
1712
- "$type": "color"
2211
+ "$type": "color",
2212
+ "$extensions": {
2213
+ "org.primer.figma": {
2214
+ "collection": "mode",
2215
+ "group": "semantic",
2216
+ "scopes": ["borderColor"]
2217
+ },
2218
+ "org.primer.overrides": {
2219
+ "light-high-contrast": "{borderColor.default}",
2220
+ "dark-high-contrast": "{borderColor.default}"
2221
+ }
2222
+ }
1713
2223
  },
1714
2224
  "name": "borderColor-emphasis",
1715
2225
  "attributes": {},
@@ -1719,12 +2229,78 @@
1719
2229
  "type": "color"
1720
2230
  },
1721
2231
  "borderColor-muted": {
2232
+ "$extensions": {
2233
+ "org.primer.figma": {
2234
+ "collection": "mode",
2235
+ "group": "semantic",
2236
+ "scopes": ["borderColor"],
2237
+ "codeSyntax": {
2238
+ "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2239
+ }
2240
+ },
2241
+ "org.primer.overrides": {
2242
+ "dark-dimmed": {
2243
+ "$value": "#3d444d",
2244
+ "alpha": 0.7,
2245
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2246
+ "isSource": true,
2247
+ "$type": "color"
2248
+ },
2249
+ "light-high-contrast": {
2250
+ "$value": "#b7bdc8",
2251
+ "alpha": 1,
2252
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2253
+ "isSource": true,
2254
+ "$type": "color"
2255
+ },
2256
+ "dark-high-contrast": {
2257
+ "$value": "#b7bdc8",
2258
+ "alpha": 1,
2259
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2260
+ "isSource": true,
2261
+ "$type": "color"
2262
+ }
2263
+ }
2264
+ },
1722
2265
  "alpha": 1,
1723
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
2266
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1724
2267
  "isSource": true,
1725
2268
  "original": {
1726
2269
  "$value": "{borderColor.default}",
1727
2270
  "$type": "color",
2271
+ "$extensions": {
2272
+ "org.primer.figma": {
2273
+ "collection": "mode",
2274
+ "group": "semantic",
2275
+ "scopes": ["borderColor"],
2276
+ "codeSyntax": {
2277
+ "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2278
+ }
2279
+ },
2280
+ "org.primer.overrides": {
2281
+ "dark-dimmed": {
2282
+ "$value": "{base.color.neutral.7}",
2283
+ "alpha": 0.7,
2284
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2285
+ "isSource": true,
2286
+ "$type": "color"
2287
+ },
2288
+ "light-high-contrast": {
2289
+ "$value": "{borderColor.default}",
2290
+ "alpha": 1,
2291
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2292
+ "isSource": true,
2293
+ "$type": "color"
2294
+ },
2295
+ "dark-high-contrast": {
2296
+ "$value": "{borderColor.default}",
2297
+ "alpha": 1,
2298
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2299
+ "isSource": true,
2300
+ "$type": "color"
2301
+ }
2302
+ }
2303
+ },
1728
2304
  "alpha": 1
1729
2305
  },
1730
2306
  "name": "borderColor-muted",
@@ -1740,9 +2316,12 @@
1740
2316
  "collection": "mode",
1741
2317
  "group": "semantic",
1742
2318
  "scopes": ["borderColor"]
2319
+ },
2320
+ "org.primer.overrides": {
2321
+ "dark": "#b7bdc8"
1743
2322
  }
1744
2323
  },
1745
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2324
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1746
2325
  "isSource": true,
1747
2326
  "original": {
1748
2327
  "$value": "{borderColor.emphasis}",
@@ -1752,6 +2331,9 @@
1752
2331
  "collection": "mode",
1753
2332
  "group": "semantic",
1754
2333
  "scopes": ["borderColor"]
2334
+ },
2335
+ "org.primer.overrides": {
2336
+ "dark": "{borderColor.emphasis}"
1755
2337
  }
1756
2338
  }
1757
2339
  },
@@ -1768,9 +2350,18 @@
1768
2350
  "collection": "mode",
1769
2351
  "group": "semantic",
1770
2352
  "scopes": ["borderColor"]
2353
+ },
2354
+ "org.primer.overrides": {
2355
+ "dark-dimmed": {
2356
+ "$value": "#3d444d",
2357
+ "alpha": 0.7,
2358
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2359
+ "isSource": true,
2360
+ "$type": "color"
2361
+ }
1771
2362
  }
1772
2363
  },
1773
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2364
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1774
2365
  "isSource": true,
1775
2366
  "original": {
1776
2367
  "$value": "{borderColor.muted}",
@@ -1780,6 +2371,15 @@
1780
2371
  "collection": "mode",
1781
2372
  "group": "semantic",
1782
2373
  "scopes": ["borderColor"]
2374
+ },
2375
+ "org.primer.overrides": {
2376
+ "dark-dimmed": {
2377
+ "$value": "{base.color.neutral.7}",
2378
+ "alpha": 0.7,
2379
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2380
+ "isSource": true,
2381
+ "$type": "color"
2382
+ }
1783
2383
  }
1784
2384
  }
1785
2385
  },
@@ -1799,9 +2399,13 @@
1799
2399
  "codeSyntax": {
1800
2400
  "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
1801
2401
  }
2402
+ },
2403
+ "org.primer.overrides": {
2404
+ "dark-tritanopia": "#ff6a69",
2405
+ "light-tritanopia": "#ff6a69"
1802
2406
  }
1803
2407
  },
1804
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2408
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1805
2409
  "isSource": true,
1806
2410
  "original": {
1807
2411
  "$value": "{borderColor.success.emphasis}",
@@ -1814,6 +2418,10 @@
1814
2418
  "codeSyntax": {
1815
2419
  "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
1816
2420
  }
2421
+ },
2422
+ "org.primer.overrides": {
2423
+ "dark-tritanopia": "{base.color.red.5}",
2424
+ "light-tritanopia": "{base.color.red.5}"
1817
2425
  }
1818
2426
  }
1819
2427
  },
@@ -1825,13 +2433,63 @@
1825
2433
  "type": "color"
1826
2434
  },
1827
2435
  "borderColor-open-muted": {
1828
- "alpha": 1,
1829
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
2436
+ "$extensions": {
2437
+ "org.primer.figma": {
2438
+ "collection": "mode",
2439
+ "group": "semantic",
2440
+ "scopes": ["borderColor"],
2441
+ "codeSyntax": {
2442
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
2443
+ }
2444
+ },
2445
+ "org.primer.overrides": {
2446
+ "dark-tritanopia": {
2447
+ "$value": "#ff8080",
2448
+ "alpha": 0.4,
2449
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2450
+ "isSource": true,
2451
+ "$type": "color"
2452
+ },
2453
+ "light-tritanopia": {
2454
+ "$value": "#ff9492",
2455
+ "alpha": 0.4,
2456
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2457
+ "isSource": true,
2458
+ "$type": "color"
2459
+ }
2460
+ }
2461
+ },
2462
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1830
2463
  "isSource": true,
1831
2464
  "original": {
1832
2465
  "$value": "{borderColor.success.muted}",
1833
2466
  "$type": "color",
1834
- "alpha": 1
2467
+ "$extensions": {
2468
+ "org.primer.figma": {
2469
+ "collection": "mode",
2470
+ "group": "semantic",
2471
+ "scopes": ["borderColor"],
2472
+ "codeSyntax": {
2473
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
2474
+ }
2475
+ },
2476
+ "org.primer.overrides": {
2477
+ "dark-tritanopia": {
2478
+ "$value": "{base.color.red.4}",
2479
+ "alpha": 0.4,
2480
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2481
+ "isSource": true,
2482
+ "$type": "color"
2483
+ },
2484
+ "light-tritanopia": {
2485
+ "$value": "{base.color.red.3}",
2486
+ "alpha": 0.4,
2487
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2488
+ "isSource": true,
2489
+ "$type": "color"
2490
+ }
2491
+ }
2492
+ }
1835
2493
  },
1836
2494
  "name": "borderColor-open-muted",
1837
2495
  "attributes": {},
@@ -1849,9 +2507,13 @@
1849
2507
  "codeSyntax": {
1850
2508
  "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
1851
2509
  }
2510
+ },
2511
+ "org.primer.overrides": {
2512
+ "dark-tritanopia": "#ff6a69",
2513
+ "light-tritanopia": "#ff6a69"
1852
2514
  }
1853
2515
  },
1854
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2516
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1855
2517
  "isSource": true,
1856
2518
  "original": {
1857
2519
  "$value": "{base.color.orange.5}",
@@ -1864,6 +2526,10 @@
1864
2526
  "codeSyntax": {
1865
2527
  "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
1866
2528
  }
2529
+ },
2530
+ "org.primer.overrides": {
2531
+ "dark-tritanopia": "{base.color.red.5}",
2532
+ "light-tritanopia": "{base.color.red.5}"
1867
2533
  }
1868
2534
  }
1869
2535
  },
@@ -1875,12 +2541,70 @@
1875
2541
  "type": "color"
1876
2542
  },
1877
2543
  "borderColor-severe-muted": {
2544
+ "$extensions": {
2545
+ "org.primer.figma": {
2546
+ "collection": "mode",
2547
+ "group": "semantic",
2548
+ "scopes": ["borderColor"],
2549
+ "codeSyntax": {
2550
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
2551
+ }
2552
+ },
2553
+ "org.primer.overrides": {
2554
+ "dark": "#f48b25",
2555
+ "light-high-contrast": {
2556
+ "$value": "#fe9a2d",
2557
+ "alpha": 1,
2558
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2559
+ "isSource": true,
2560
+ "$type": "color"
2561
+ },
2562
+ "dark-high-contrast": {
2563
+ "$value": "#f48b25",
2564
+ "alpha": 1,
2565
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2566
+ "isSource": true,
2567
+ "$type": "color"
2568
+ },
2569
+ "dark-tritanopia": "#ff8080",
2570
+ "light-tritanopia": "#ff9492"
2571
+ }
2572
+ },
1878
2573
  "alpha": 1,
1879
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
2574
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1880
2575
  "isSource": true,
1881
2576
  "original": {
1882
2577
  "$value": "{base.color.orange.4}",
1883
2578
  "$type": "color",
2579
+ "$extensions": {
2580
+ "org.primer.figma": {
2581
+ "collection": "mode",
2582
+ "group": "semantic",
2583
+ "scopes": ["borderColor"],
2584
+ "codeSyntax": {
2585
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
2586
+ }
2587
+ },
2588
+ "org.primer.overrides": {
2589
+ "dark": "{base.color.orange.4}",
2590
+ "light-high-contrast": {
2591
+ "$value": "{base.color.orange.3}",
2592
+ "alpha": 1,
2593
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2594
+ "isSource": true,
2595
+ "$type": "color"
2596
+ },
2597
+ "dark-high-contrast": {
2598
+ "$value": "{base.color.orange.4}",
2599
+ "alpha": 1,
2600
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2601
+ "isSource": true,
2602
+ "$type": "color"
2603
+ },
2604
+ "dark-tritanopia": "{base.color.red.4}",
2605
+ "light-tritanopia": "{base.color.red.3}"
2606
+ }
2607
+ },
1884
2608
  "alpha": 1
1885
2609
  },
1886
2610
  "name": "borderColor-severe-muted",
@@ -1901,7 +2625,7 @@
1901
2625
  }
1902
2626
  }
1903
2627
  },
1904
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2628
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1905
2629
  "isSource": true,
1906
2630
  "original": {
1907
2631
  "$value": "{base.color.pink.5}",
@@ -1925,12 +2649,66 @@
1925
2649
  "type": "color"
1926
2650
  },
1927
2651
  "borderColor-sponsors-muted": {
2652
+ "$extensions": {
2653
+ "org.primer.figma": {
2654
+ "collection": "mode",
2655
+ "group": "semantic",
2656
+ "scopes": ["borderColor"],
2657
+ "codeSyntax": {
2658
+ "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
2659
+ }
2660
+ },
2661
+ "org.primer.overrides": {
2662
+ "dark": "#f87cbd",
2663
+ "light-high-contrast": {
2664
+ "$value": "#ff8dc7",
2665
+ "alpha": 1,
2666
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2667
+ "isSource": true,
2668
+ "$type": "color"
2669
+ },
2670
+ "dark-high-contrast": {
2671
+ "$value": "#f87cbd",
2672
+ "alpha": 1,
2673
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2674
+ "isSource": true,
2675
+ "$type": "color"
2676
+ }
2677
+ }
2678
+ },
1928
2679
  "alpha": 1,
1929
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
2680
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1930
2681
  "isSource": true,
1931
2682
  "original": {
1932
2683
  "$value": "{base.color.pink.4}",
1933
2684
  "$type": "color",
2685
+ "$extensions": {
2686
+ "org.primer.figma": {
2687
+ "collection": "mode",
2688
+ "group": "semantic",
2689
+ "scopes": ["borderColor"],
2690
+ "codeSyntax": {
2691
+ "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
2692
+ }
2693
+ },
2694
+ "org.primer.overrides": {
2695
+ "dark": "{base.color.pink.4}",
2696
+ "light-high-contrast": {
2697
+ "$value": "{base.color.pink.3}",
2698
+ "alpha": 1,
2699
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2700
+ "isSource": true,
2701
+ "$type": "color"
2702
+ },
2703
+ "dark-high-contrast": {
2704
+ "$value": "{base.color.pink.4}",
2705
+ "alpha": 1,
2706
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2707
+ "isSource": true,
2708
+ "$type": "color"
2709
+ }
2710
+ }
2711
+ },
1934
2712
  "alpha": 1
1935
2713
  },
1936
2714
  "name": "borderColor-sponsors-muted",
@@ -1949,9 +2727,15 @@
1949
2727
  "codeSyntax": {
1950
2728
  "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */"
1951
2729
  }
2730
+ },
2731
+ "org.primer.overrides": {
2732
+ "dark-tritanopia": "#409eff",
2733
+ "light-tritanopia": "#409eff",
2734
+ "dark-protanopia-deuteranopia": "#409eff",
2735
+ "light-protanopia-deuteranopia": "#409eff"
1952
2736
  }
1953
2737
  },
1954
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2738
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1955
2739
  "isSource": true,
1956
2740
  "original": {
1957
2741
  "$value": "{base.color.green.5}",
@@ -1964,6 +2748,12 @@
1964
2748
  "codeSyntax": {
1965
2749
  "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */"
1966
2750
  }
2751
+ },
2752
+ "org.primer.overrides": {
2753
+ "dark-tritanopia": "{base.color.blue.5}",
2754
+ "light-tritanopia": "{base.color.blue.5}",
2755
+ "dark-protanopia-deuteranopia": "{base.color.blue.5}",
2756
+ "light-protanopia-deuteranopia": "{base.color.blue.5}"
1967
2757
  }
1968
2758
  }
1969
2759
  },
@@ -1975,12 +2765,120 @@
1975
2765
  "type": "color"
1976
2766
  },
1977
2767
  "borderColor-success-muted": {
2768
+ "$extensions": {
2769
+ "org.primer.figma": {
2770
+ "collection": "mode",
2771
+ "group": "semantic",
2772
+ "scopes": ["borderColor"],
2773
+ "codeSyntax": {
2774
+ "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */"
2775
+ }
2776
+ },
2777
+ "org.primer.overrides": {
2778
+ "dark": "#0ac740",
2779
+ "light-high-contrast": {
2780
+ "$value": "#28d751",
2781
+ "alpha": 1,
2782
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2783
+ "isSource": true,
2784
+ "$type": "color"
2785
+ },
2786
+ "dark-high-contrast": {
2787
+ "$value": "#0ac740",
2788
+ "alpha": 1,
2789
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2790
+ "isSource": true,
2791
+ "$type": "color"
2792
+ },
2793
+ "dark-tritanopia": {
2794
+ "$value": "#5cacff",
2795
+ "alpha": 0.4,
2796
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2797
+ "isSource": true,
2798
+ "$type": "color"
2799
+ },
2800
+ "light-tritanopia": {
2801
+ "$value": "#71b7ff",
2802
+ "alpha": 0.4,
2803
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2804
+ "isSource": true,
2805
+ "$type": "color"
2806
+ },
2807
+ "dark-protanopia-deuteranopia": {
2808
+ "$value": "#5cacff",
2809
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2810
+ "isSource": true,
2811
+ "$type": "color"
2812
+ },
2813
+ "light-protanopia-deuteranopia": {
2814
+ "$value": "#caeaff",
2815
+ "alpha": 1,
2816
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2817
+ "isSource": true,
2818
+ "$type": "color"
2819
+ }
2820
+ }
2821
+ },
1978
2822
  "alpha": 1,
1979
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
2823
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1980
2824
  "isSource": true,
1981
2825
  "original": {
1982
2826
  "$value": "{base.color.green.4}",
1983
2827
  "$type": "color",
2828
+ "$extensions": {
2829
+ "org.primer.figma": {
2830
+ "collection": "mode",
2831
+ "group": "semantic",
2832
+ "scopes": ["borderColor"],
2833
+ "codeSyntax": {
2834
+ "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */"
2835
+ }
2836
+ },
2837
+ "org.primer.overrides": {
2838
+ "dark": "{base.color.green.4}",
2839
+ "light-high-contrast": {
2840
+ "$value": "{base.color.green.3}",
2841
+ "alpha": 1,
2842
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2843
+ "isSource": true,
2844
+ "$type": "color"
2845
+ },
2846
+ "dark-high-contrast": {
2847
+ "$value": "{base.color.green.4}",
2848
+ "alpha": 1,
2849
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2850
+ "isSource": true,
2851
+ "$type": "color"
2852
+ },
2853
+ "dark-tritanopia": {
2854
+ "$value": "{base.color.blue.4}",
2855
+ "alpha": 0.4,
2856
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2857
+ "isSource": true,
2858
+ "$type": "color"
2859
+ },
2860
+ "light-tritanopia": {
2861
+ "$value": "{base.color.blue.3}",
2862
+ "alpha": 0.4,
2863
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2864
+ "isSource": true,
2865
+ "$type": "color"
2866
+ },
2867
+ "dark-protanopia-deuteranopia": {
2868
+ "$value": "{base.color.blue.4}",
2869
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2870
+ "isSource": true,
2871
+ "$type": "color"
2872
+ },
2873
+ "light-protanopia-deuteranopia": {
2874
+ "$value": "{base.color.blue.0}",
2875
+ "alpha": 1,
2876
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2877
+ "isSource": true,
2878
+ "$type": "color"
2879
+ }
2880
+ }
2881
+ },
1984
2882
  "alpha": 1
1985
2883
  },
1986
2884
  "name": "borderColor-success-muted",
@@ -1991,12 +2889,58 @@
1991
2889
  "type": "color"
1992
2890
  },
1993
2891
  "borderColor-translucent": {
2892
+ "$extensions": {
2893
+ "org.primer.figma": {
2894
+ "collection": "mode",
2895
+ "group": "semantic",
2896
+ "scopes": ["borderColor"]
2897
+ },
2898
+ "org.primer.overrides": {
2899
+ "light-high-contrast": {
2900
+ "$value": "#9198a1",
2901
+ "alpha": 1,
2902
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2903
+ "isSource": true,
2904
+ "$type": "color"
2905
+ },
2906
+ "dark-high-contrast": {
2907
+ "$value": "#2f3742",
2908
+ "alpha": 1,
2909
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2910
+ "isSource": true,
2911
+ "$type": "color"
2912
+ }
2913
+ }
2914
+ },
1994
2915
  "alpha": 1,
1995
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
2916
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1996
2917
  "isSource": true,
1997
2918
  "original": {
1998
2919
  "$value": "{base.color.neutral.6}",
1999
2920
  "$type": "color",
2921
+ "$extensions": {
2922
+ "org.primer.figma": {
2923
+ "collection": "mode",
2924
+ "group": "semantic",
2925
+ "scopes": ["borderColor"]
2926
+ },
2927
+ "org.primer.overrides": {
2928
+ "light-high-contrast": {
2929
+ "$value": "{base.color.neutral.9}",
2930
+ "alpha": 1,
2931
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2932
+ "isSource": true,
2933
+ "$type": "color"
2934
+ },
2935
+ "dark-high-contrast": {
2936
+ "$value": "{base.color.neutral.6}",
2937
+ "alpha": 1,
2938
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2939
+ "isSource": true,
2940
+ "$type": "color"
2941
+ }
2942
+ }
2943
+ },
2000
2944
  "alpha": 1
2001
2945
  },
2002
2946
  "name": "borderColor-translucent",
@@ -2014,7 +2958,7 @@
2014
2958
  "scopes": ["borderColor"]
2015
2959
  }
2016
2960
  },
2017
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2961
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2018
2962
  "isSource": true,
2019
2963
  "original": {
2020
2964
  "$value": "{base.color.transparent}",
@@ -2041,11 +2985,11 @@
2041
2985
  "group": "semantic",
2042
2986
  "scopes": ["borderColor"],
2043
2987
  "codeSyntax": {
2044
- "web": "var(--borderColor-upsell-emphasis"
2988
+ "web": "var(--borderColor-upsell-emphasis)"
2045
2989
  }
2046
2990
  }
2047
2991
  },
2048
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
2992
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2049
2993
  "isSource": true,
2050
2994
  "original": {
2051
2995
  "$value": "{borderColor.done.emphasis}",
@@ -2056,7 +3000,7 @@
2056
3000
  "group": "semantic",
2057
3001
  "scopes": ["borderColor"],
2058
3002
  "codeSyntax": {
2059
- "web": "var(--borderColor-upsell-emphasis"
3003
+ "web": "var(--borderColor-upsell-emphasis)"
2060
3004
  }
2061
3005
  }
2062
3006
  }
@@ -2069,13 +3013,31 @@
2069
3013
  "type": "color"
2070
3014
  },
2071
3015
  "borderColor-upsell-muted": {
2072
- "alpha": 1,
2073
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
3016
+ "$extensions": {
3017
+ "org.primer.figma": {
3018
+ "collection": "mode",
3019
+ "group": "semantic",
3020
+ "scopes": ["borderColor"],
3021
+ "codeSyntax": {
3022
+ "web": "var(--borderColor-upsell-muted)"
3023
+ }
3024
+ }
3025
+ },
3026
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2074
3027
  "isSource": true,
2075
3028
  "original": {
2076
3029
  "$value": "{borderColor.done.muted}",
2077
3030
  "$type": "color",
2078
- "alpha": 1
3031
+ "$extensions": {
3032
+ "org.primer.figma": {
3033
+ "collection": "mode",
3034
+ "group": "semantic",
3035
+ "scopes": ["borderColor"],
3036
+ "codeSyntax": {
3037
+ "web": "var(--borderColor-upsell-muted)"
3038
+ }
3039
+ }
3040
+ }
2079
3041
  },
2080
3042
  "name": "borderColor-upsell-muted",
2081
3043
  "attributes": {},
@@ -2613,7 +3575,7 @@
2613
3575
  "attributes": {},
2614
3576
  "path": ["button", "default", "borderColor", "disabled"],
2615
3577
  "key": "{button.default.borderColor.disabled}",
2616
- "value": "#9198a11f",
3578
+ "value": "#656c761a",
2617
3579
  "type": "color"
2618
3580
  },
2619
3581
  "button-default-borderColor-hover": {
@@ -6023,7 +6985,7 @@
6023
6985
  "attributes": {},
6024
6986
  "path": ["control", "borderColor", "disabled"],
6025
6987
  "key": "{control.borderColor.disabled}",
6026
- "value": "#9198a11f",
6988
+ "value": "#656c761a",
6027
6989
  "type": "color"
6028
6990
  },
6029
6991
  "control-borderColor-emphasis": {