@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,9 +5,18 @@
5
5
  "collection": "mode",
6
6
  "group": "component (internal)",
7
7
  "scopes": ["bgColor"]
8
+ },
9
+ "org.primer.overrides": {
10
+ "dark": {
11
+ "$value": "#010409",
12
+ "alpha": 0.1,
13
+ "filePath": "src/tokens/component/avatar.json5",
14
+ "isSource": true,
15
+ "$type": "color"
16
+ }
8
17
  }
9
18
  },
10
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
19
+ "filePath": "src/tokens/component/avatar.json5",
11
20
  "isSource": true,
12
21
  "original": {
13
22
  "$value": "{base.color.neutral.0}",
@@ -17,6 +26,15 @@
17
26
  "collection": "mode",
18
27
  "group": "component (internal)",
19
28
  "scopes": ["bgColor"]
29
+ },
30
+ "org.primer.overrides": {
31
+ "dark": {
32
+ "$value": "{base.color.neutral.13}",
33
+ "alpha": 0.1,
34
+ "filePath": "src/tokens/component/avatar.json5",
35
+ "isSource": true,
36
+ "$type": "color"
37
+ }
20
38
  }
21
39
  }
22
40
  },
@@ -28,12 +46,58 @@
28
46
  "type": "color"
29
47
  },
30
48
  "avatar-borderColor": {
31
- "alpha": 0.9,
32
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
49
+ "$extensions": {
50
+ "org.primer.figma": {
51
+ "collection": "mode",
52
+ "group": "component (internal)",
53
+ "scopes": ["borderColor"]
54
+ },
55
+ "org.primer.overrides": {
56
+ "dark-high-contrast": {
57
+ "$value": "#010409",
58
+ "alpha": 0.9,
59
+ "filePath": "src/tokens/component/avatar.json5",
60
+ "isSource": true,
61
+ "$type": "color"
62
+ },
63
+ "light-high-contrast": {
64
+ "$value": "#010409",
65
+ "alpha": 0.9,
66
+ "filePath": "src/tokens/component/avatar.json5",
67
+ "isSource": true,
68
+ "$type": "color"
69
+ }
70
+ }
71
+ },
72
+ "filePath": "src/tokens/component/avatar.json5",
33
73
  "isSource": true,
74
+ "alpha": 0.9,
34
75
  "original": {
35
76
  "$value": "{base.color.neutral.13}",
36
77
  "$type": "color",
78
+ "$extensions": {
79
+ "org.primer.figma": {
80
+ "collection": "mode",
81
+ "group": "component (internal)",
82
+ "scopes": ["borderColor"]
83
+ },
84
+ "org.primer.overrides": {
85
+ "dark-high-contrast": {
86
+ "$value": "{base.color.neutral.13}",
87
+ "alpha": 0.9,
88
+ "filePath": "src/tokens/component/avatar.json5",
89
+ "isSource": true,
90
+ "$type": "color"
91
+ },
92
+ "light-high-contrast": {
93
+ "$value": "{base.color.neutral.13}",
94
+ "alpha": 0.9,
95
+ "filePath": "src/tokens/component/avatar.json5",
96
+ "isSource": true,
97
+ "$type": "color"
98
+ }
99
+ }
100
+ },
37
101
  "alpha": 0.9
38
102
  },
39
103
  "name": "avatar-borderColor",
@@ -86,7 +150,7 @@
86
150
  "scopes": ["bgColor"]
87
151
  }
88
152
  },
89
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
153
+ "filePath": "src/tokens/component/avatarStack.json5",
90
154
  "isSource": true,
91
155
  "original": {
92
156
  "$value": "{base.color.neutral.7}",
@@ -114,7 +178,7 @@
114
178
  "scopes": ["bgColor"]
115
179
  }
116
180
  },
117
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
181
+ "filePath": "src/tokens/component/avatarStack.json5",
118
182
  "isSource": true,
119
183
  "original": {
120
184
  "$value": "{base.color.neutral.5}",
@@ -1513,7 +1577,7 @@
1513
1577
  }
1514
1578
  }
1515
1579
  },
1516
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
1580
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1517
1581
  "isSource": true,
1518
1582
  "original": {
1519
1583
  "$value": "{base.color.blue.5}",
@@ -1537,12 +1601,66 @@
1537
1601
  "type": "color"
1538
1602
  },
1539
1603
  "borderColor-accent-muted": {
1604
+ "$extensions": {
1605
+ "org.primer.figma": {
1606
+ "collection": "mode",
1607
+ "group": "semantic",
1608
+ "scopes": ["borderColor"],
1609
+ "codeSyntax": {
1610
+ "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
1611
+ }
1612
+ },
1613
+ "org.primer.overrides": {
1614
+ "dark": "#1168e3",
1615
+ "light-high-contrast": {
1616
+ "$value": "#368cf9",
1617
+ "alpha": 1,
1618
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1619
+ "isSource": true,
1620
+ "$type": "color"
1621
+ },
1622
+ "dark-high-contrast": {
1623
+ "$value": "#1168e3",
1624
+ "alpha": 1,
1625
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1626
+ "isSource": true,
1627
+ "$type": "color"
1628
+ }
1629
+ }
1630
+ },
1540
1631
  "alpha": 1,
1541
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
1632
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1542
1633
  "isSource": true,
1543
1634
  "original": {
1544
1635
  "$value": "{base.color.blue.3}",
1545
1636
  "$type": "color",
1637
+ "$extensions": {
1638
+ "org.primer.figma": {
1639
+ "collection": "mode",
1640
+ "group": "semantic",
1641
+ "scopes": ["borderColor"],
1642
+ "codeSyntax": {
1643
+ "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
1644
+ }
1645
+ },
1646
+ "org.primer.overrides": {
1647
+ "dark": "{base.color.blue.4}",
1648
+ "light-high-contrast": {
1649
+ "$value": "{base.color.blue.3}",
1650
+ "alpha": 1,
1651
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1652
+ "isSource": true,
1653
+ "$type": "color"
1654
+ },
1655
+ "dark-high-contrast": {
1656
+ "$value": "{base.color.blue.4}",
1657
+ "alpha": 1,
1658
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1659
+ "isSource": true,
1660
+ "$type": "color"
1661
+ }
1662
+ }
1663
+ },
1546
1664
  "alpha": 1
1547
1665
  },
1548
1666
  "name": "borderColor-accent-muted",
@@ -1553,11 +1671,31 @@
1553
1671
  "type": "color"
1554
1672
  },
1555
1673
  "borderColor-attention-emphasis": {
1556
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
1674
+ "$extensions": {
1675
+ "org.primer.figma": {
1676
+ "collection": "mode",
1677
+ "group": "semantic",
1678
+ "scopes": ["borderColor"],
1679
+ "codeSyntax": {
1680
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
1681
+ }
1682
+ }
1683
+ },
1684
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1557
1685
  "isSource": true,
1558
1686
  "original": {
1559
1687
  "$value": "{base.color.yellow.5}",
1560
- "$type": "color"
1688
+ "$type": "color",
1689
+ "$extensions": {
1690
+ "org.primer.figma": {
1691
+ "collection": "mode",
1692
+ "group": "semantic",
1693
+ "scopes": ["borderColor"],
1694
+ "codeSyntax": {
1695
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
1696
+ }
1697
+ }
1698
+ }
1561
1699
  },
1562
1700
  "name": "borderColor-attention-emphasis",
1563
1701
  "attributes": {},
@@ -1567,12 +1705,66 @@
1567
1705
  "type": "color"
1568
1706
  },
1569
1707
  "borderColor-attention-muted": {
1708
+ "$extensions": {
1709
+ "org.primer.figma": {
1710
+ "collection": "mode",
1711
+ "group": "semantic",
1712
+ "scopes": ["borderColor"],
1713
+ "codeSyntax": {
1714
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
1715
+ }
1716
+ },
1717
+ "org.primer.overrides": {
1718
+ "dark": "#956400",
1719
+ "light-high-contrast": {
1720
+ "$value": "#b58407",
1721
+ "alpha": 1,
1722
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1723
+ "isSource": true,
1724
+ "$type": "color"
1725
+ },
1726
+ "dark-high-contrast": {
1727
+ "$value": "#956400",
1728
+ "alpha": 1,
1729
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1730
+ "isSource": true,
1731
+ "$type": "color"
1732
+ }
1733
+ }
1734
+ },
1570
1735
  "alpha": 1,
1571
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
1736
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1572
1737
  "isSource": true,
1573
1738
  "original": {
1574
1739
  "$value": "{base.color.yellow.3}",
1575
1740
  "$type": "color",
1741
+ "$extensions": {
1742
+ "org.primer.figma": {
1743
+ "collection": "mode",
1744
+ "group": "semantic",
1745
+ "scopes": ["borderColor"],
1746
+ "codeSyntax": {
1747
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
1748
+ }
1749
+ },
1750
+ "org.primer.overrides": {
1751
+ "dark": "{base.color.yellow.4}",
1752
+ "light-high-contrast": {
1753
+ "$value": "{base.color.yellow.3}",
1754
+ "alpha": 1,
1755
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1756
+ "isSource": true,
1757
+ "$type": "color"
1758
+ },
1759
+ "dark-high-contrast": {
1760
+ "$value": "{base.color.yellow.4}",
1761
+ "alpha": 1,
1762
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1763
+ "isSource": true,
1764
+ "$type": "color"
1765
+ }
1766
+ }
1767
+ },
1576
1768
  "alpha": 1
1577
1769
  },
1578
1770
  "name": "borderColor-attention-muted",
@@ -1591,12 +1783,18 @@
1591
1783
  "codeSyntax": {
1592
1784
  "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
1593
1785
  }
1786
+ },
1787
+ "org.primer.overrides": {
1788
+ "light-protanopia-deuteranopia": "#454c54",
1789
+ "dark-protanopia-deuteranopia": "#454c54",
1790
+ "dark-tritanopia": "#454c54",
1791
+ "light-tritanopia": "#454c54"
1594
1792
  }
1595
1793
  },
1596
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
1794
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1597
1795
  "isSource": true,
1598
1796
  "original": {
1599
- "$value": "{base.color.red.5}",
1797
+ "$value": "{borderColor.danger.emphasis}",
1600
1798
  "$type": "color",
1601
1799
  "$extensions": {
1602
1800
  "org.primer.figma": {
@@ -1606,6 +1804,12 @@
1606
1804
  "codeSyntax": {
1607
1805
  "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */"
1608
1806
  }
1807
+ },
1808
+ "org.primer.overrides": {
1809
+ "light-protanopia-deuteranopia": "{borderColor.emphasis}",
1810
+ "dark-protanopia-deuteranopia": "{borderColor.emphasis}",
1811
+ "dark-tritanopia": "{borderColor.emphasis}",
1812
+ "light-tritanopia": "{borderColor.emphasis}"
1609
1813
  }
1610
1814
  }
1611
1815
  },
@@ -1617,13 +1821,77 @@
1617
1821
  "type": "color"
1618
1822
  },
1619
1823
  "borderColor-closed-muted": {
1620
- "alpha": 1,
1621
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
1824
+ "$extensions": {
1825
+ "org.primer.figma": {
1826
+ "collection": "mode",
1827
+ "group": "semantic",
1828
+ "scopes": ["borderColor"],
1829
+ "codeSyntax": {
1830
+ "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
1831
+ }
1832
+ },
1833
+ "org.primer.overrides": {
1834
+ "dark-tritanopia": {
1835
+ "$value": "#454c54",
1836
+ "alpha": 0.4,
1837
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1838
+ "isSource": true,
1839
+ "$type": "color"
1840
+ },
1841
+ "light-tritanopia": {
1842
+ "$value": "#454c54",
1843
+ "alpha": 0.4,
1844
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1845
+ "isSource": true,
1846
+ "$type": "color"
1847
+ },
1848
+ "light-protanopia-deuteranopia": {
1849
+ "$value": "#454c54",
1850
+ "alpha": 0.4,
1851
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1852
+ "isSource": true,
1853
+ "$type": "color"
1854
+ }
1855
+ }
1856
+ },
1857
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1622
1858
  "isSource": true,
1623
1859
  "original": {
1624
1860
  "$value": "{borderColor.danger.muted}",
1625
1861
  "$type": "color",
1626
- "alpha": 1
1862
+ "$extensions": {
1863
+ "org.primer.figma": {
1864
+ "collection": "mode",
1865
+ "group": "semantic",
1866
+ "scopes": ["borderColor"],
1867
+ "codeSyntax": {
1868
+ "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
1869
+ }
1870
+ },
1871
+ "org.primer.overrides": {
1872
+ "dark-tritanopia": {
1873
+ "$value": "{borderColor.default}",
1874
+ "alpha": 0.4,
1875
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1876
+ "isSource": true,
1877
+ "$type": "color"
1878
+ },
1879
+ "light-tritanopia": {
1880
+ "$value": "{borderColor.default}",
1881
+ "alpha": 0.4,
1882
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1883
+ "isSource": true,
1884
+ "$type": "color"
1885
+ },
1886
+ "light-protanopia-deuteranopia": {
1887
+ "$value": "{borderColor.default}",
1888
+ "alpha": 0.4,
1889
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1890
+ "isSource": true,
1891
+ "$type": "color"
1892
+ }
1893
+ }
1894
+ }
1627
1895
  },
1628
1896
  "name": "borderColor-closed-muted",
1629
1897
  "attributes": {},
@@ -1641,9 +1909,23 @@
1641
1909
  "codeSyntax": {
1642
1910
  "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
1643
1911
  }
1912
+ },
1913
+ "org.primer.overrides": {
1914
+ "dark-protanopia-deuteranopia": {
1915
+ "$value": "#873800",
1916
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1917
+ "isSource": true,
1918
+ "$type": "color"
1919
+ },
1920
+ "light-protanopia-deuteranopia": {
1921
+ "$value": "#873800",
1922
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1923
+ "isSource": true,
1924
+ "$type": "color"
1925
+ }
1644
1926
  }
1645
1927
  },
1646
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
1928
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1647
1929
  "isSource": true,
1648
1930
  "original": {
1649
1931
  "$value": "{base.color.red.5}",
@@ -1656,6 +1938,20 @@
1656
1938
  "codeSyntax": {
1657
1939
  "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
1658
1940
  }
1941
+ },
1942
+ "org.primer.overrides": {
1943
+ "dark-protanopia-deuteranopia": {
1944
+ "$value": "{base.color.orange.5}",
1945
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1946
+ "isSource": true,
1947
+ "$type": "color"
1948
+ },
1949
+ "light-protanopia-deuteranopia": {
1950
+ "$value": "{base.color.orange.5}",
1951
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1952
+ "isSource": true,
1953
+ "$type": "color"
1954
+ }
1659
1955
  }
1660
1956
  }
1661
1957
  },
@@ -1667,13 +1963,93 @@
1667
1963
  "type": "color"
1668
1964
  },
1669
1965
  "borderColor-danger-muted": {
1670
- "alpha": 1,
1671
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
1672
- "isSource": true,
1673
- "original": {
1674
- "$value": "{base.color.red.3}",
1675
- "$type": "color",
1676
- "alpha": 1
1966
+ "$extensions": {
1967
+ "org.primer.figma": {
1968
+ "collection": "mode",
1969
+ "group": "semantic",
1970
+ "scopes": ["borderColor"],
1971
+ "codeSyntax": {
1972
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
1973
+ }
1974
+ },
1975
+ "org.primer.overrides": {
1976
+ "dark": "#d5232c",
1977
+ "light-high-contrast": {
1978
+ "$value": "#ee5a5d",
1979
+ "alpha": 1,
1980
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1981
+ "isSource": true,
1982
+ "$type": "color"
1983
+ },
1984
+ "dark-high-contrast": {
1985
+ "$value": "#d5232c",
1986
+ "alpha": 1,
1987
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1988
+ "isSource": true,
1989
+ "$type": "color"
1990
+ },
1991
+ "dark-protanopia-deuteranopia": {
1992
+ "$value": "#b45105",
1993
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1994
+ "isSource": true,
1995
+ "$type": "color"
1996
+ },
1997
+ "light-protanopia-deuteranopia": {
1998
+ "$value": "#fff2d5",
1999
+ "alpha": 1,
2000
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2001
+ "isSource": true,
2002
+ "$type": "color"
2003
+ }
2004
+ }
2005
+ },
2006
+ "alpha": 1,
2007
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2008
+ "isSource": true,
2009
+ "original": {
2010
+ "$value": "{base.color.red.3}",
2011
+ "$type": "color",
2012
+ "$extensions": {
2013
+ "org.primer.figma": {
2014
+ "collection": "mode",
2015
+ "group": "semantic",
2016
+ "scopes": ["borderColor"],
2017
+ "codeSyntax": {
2018
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
2019
+ }
2020
+ },
2021
+ "org.primer.overrides": {
2022
+ "dark": "{base.color.red.4}",
2023
+ "light-high-contrast": {
2024
+ "$value": "{base.color.red.3}",
2025
+ "alpha": 1,
2026
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2027
+ "isSource": true,
2028
+ "$type": "color"
2029
+ },
2030
+ "dark-high-contrast": {
2031
+ "$value": "{base.color.red.4}",
2032
+ "alpha": 1,
2033
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2034
+ "isSource": true,
2035
+ "$type": "color"
2036
+ },
2037
+ "dark-protanopia-deuteranopia": {
2038
+ "$value": "{base.color.orange.4}",
2039
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2040
+ "isSource": true,
2041
+ "$type": "color"
2042
+ },
2043
+ "light-protanopia-deuteranopia": {
2044
+ "$value": "{base.color.orange.0}",
2045
+ "alpha": 1,
2046
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2047
+ "isSource": true,
2048
+ "$type": "color"
2049
+ }
2050
+ }
2051
+ },
2052
+ "alpha": 1
1677
2053
  },
1678
2054
  "name": "borderColor-danger-muted",
1679
2055
  "attributes": {},
@@ -1683,11 +2059,43 @@
1683
2059
  "type": "color"
1684
2060
  },
1685
2061
  "borderColor-default": {
1686
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2062
+ "$extensions": {
2063
+ "org.primer.overrides": {
2064
+ "dark": "#c8d1da",
2065
+ "dark-dimmed": "#c8d1da",
2066
+ "light-high-contrast": "#454c54",
2067
+ "dark-high-contrast": "#454c54"
2068
+ },
2069
+ "org.primer.figma": {
2070
+ "collection": "mode",
2071
+ "group": "semantic",
2072
+ "scopes": ["borderColor"],
2073
+ "codeSyntax": {
2074
+ "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2075
+ }
2076
+ }
2077
+ },
2078
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1687
2079
  "isSource": true,
1688
2080
  "original": {
1689
2081
  "$value": "{base.color.neutral.10}",
1690
- "$type": "color"
2082
+ "$type": "color",
2083
+ "$extensions": {
2084
+ "org.primer.overrides": {
2085
+ "dark": "{base.color.neutral.7}",
2086
+ "dark-dimmed": "{base.color.neutral.7}",
2087
+ "light-high-contrast": "{base.color.neutral.10}",
2088
+ "dark-high-contrast": "{base.color.neutral.10}"
2089
+ },
2090
+ "org.primer.figma": {
2091
+ "collection": "mode",
2092
+ "group": "semantic",
2093
+ "scopes": ["borderColor"],
2094
+ "codeSyntax": {
2095
+ "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2096
+ }
2097
+ }
2098
+ }
1691
2099
  },
1692
2100
  "name": "borderColor-default",
1693
2101
  "attributes": {},
@@ -1697,12 +2105,58 @@
1697
2105
  "type": "color"
1698
2106
  },
1699
2107
  "borderColor-disabled": {
2108
+ "$extensions": {
2109
+ "org.primer.figma": {
2110
+ "collection": "mode",
2111
+ "group": "semantic",
2112
+ "scopes": ["borderColor"]
2113
+ },
2114
+ "org.primer.overrides": {
2115
+ "dark-dimmed": {
2116
+ "$value": "#818b98",
2117
+ "alpha": 0.1,
2118
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2119
+ "isSource": true,
2120
+ "$type": "color"
2121
+ },
2122
+ "light-high-contrast": {
2123
+ "$value": "#59636e",
2124
+ "alpha": 0.12,
2125
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2126
+ "isSource": true,
2127
+ "$type": "color"
2128
+ }
2129
+ }
2130
+ },
1700
2131
  "alpha": 0.12,
1701
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2132
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1702
2133
  "isSource": true,
1703
2134
  "original": {
1704
2135
  "$value": "{base.color.neutral.9}",
1705
2136
  "$type": "color",
2137
+ "$extensions": {
2138
+ "org.primer.figma": {
2139
+ "collection": "mode",
2140
+ "group": "semantic",
2141
+ "scopes": ["borderColor"]
2142
+ },
2143
+ "org.primer.overrides": {
2144
+ "dark-dimmed": {
2145
+ "$value": "{base.color.neutral.8}",
2146
+ "alpha": 0.1,
2147
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2148
+ "isSource": true,
2149
+ "$type": "color"
2150
+ },
2151
+ "light-high-contrast": {
2152
+ "$value": "{base.color.neutral.9}",
2153
+ "alpha": 0.12,
2154
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2155
+ "isSource": true,
2156
+ "$type": "color"
2157
+ }
2158
+ }
2159
+ },
1706
2160
  "alpha": 0.12
1707
2161
  },
1708
2162
  "name": "borderColor-disabled",
@@ -1723,7 +2177,7 @@
1723
2177
  }
1724
2178
  }
1725
2179
  },
1726
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
2180
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1727
2181
  "isSource": true,
1728
2182
  "original": {
1729
2183
  "$value": "{base.color.purple.5}",
@@ -1747,12 +2201,66 @@
1747
2201
  "type": "color"
1748
2202
  },
1749
2203
  "borderColor-done-muted": {
2204
+ "$extensions": {
2205
+ "org.primer.figma": {
2206
+ "collection": "mode",
2207
+ "group": "semantic",
2208
+ "scopes": ["borderColor"],
2209
+ "codeSyntax": {
2210
+ "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
2211
+ }
2212
+ },
2213
+ "org.primer.overrides": {
2214
+ "dark": "#844ae7",
2215
+ "light-high-contrast": {
2216
+ "$value": "#a371f7",
2217
+ "alpha": 1,
2218
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2219
+ "isSource": true,
2220
+ "$type": "color"
2221
+ },
2222
+ "dark-high-contrast": {
2223
+ "$value": "#844ae7",
2224
+ "alpha": 1,
2225
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2226
+ "isSource": true,
2227
+ "$type": "color"
2228
+ }
2229
+ }
2230
+ },
1750
2231
  "alpha": 1,
1751
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2232
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1752
2233
  "isSource": true,
1753
2234
  "original": {
1754
2235
  "$value": "{base.color.purple.3}",
1755
2236
  "$type": "color",
2237
+ "$extensions": {
2238
+ "org.primer.figma": {
2239
+ "collection": "mode",
2240
+ "group": "semantic",
2241
+ "scopes": ["borderColor"],
2242
+ "codeSyntax": {
2243
+ "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */"
2244
+ }
2245
+ },
2246
+ "org.primer.overrides": {
2247
+ "dark": "{base.color.purple.4}",
2248
+ "light-high-contrast": {
2249
+ "$value": "{base.color.purple.3}",
2250
+ "alpha": 1,
2251
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2252
+ "isSource": true,
2253
+ "$type": "color"
2254
+ },
2255
+ "dark-high-contrast": {
2256
+ "$value": "{base.color.purple.4}",
2257
+ "alpha": 1,
2258
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2259
+ "isSource": true,
2260
+ "$type": "color"
2261
+ }
2262
+ }
2263
+ },
1756
2264
  "alpha": 1
1757
2265
  },
1758
2266
  "name": "borderColor-done-muted",
@@ -1763,11 +2271,33 @@
1763
2271
  "type": "color"
1764
2272
  },
1765
2273
  "borderColor-emphasis": {
1766
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2274
+ "$extensions": {
2275
+ "org.primer.figma": {
2276
+ "collection": "mode",
2277
+ "group": "semantic",
2278
+ "scopes": ["borderColor"]
2279
+ },
2280
+ "org.primer.overrides": {
2281
+ "light-high-contrast": "#454c54",
2282
+ "dark-high-contrast": "#454c54"
2283
+ }
2284
+ },
2285
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1767
2286
  "isSource": true,
1768
2287
  "original": {
1769
2288
  "$value": "{borderColor.default}",
1770
- "$type": "color"
2289
+ "$type": "color",
2290
+ "$extensions": {
2291
+ "org.primer.figma": {
2292
+ "collection": "mode",
2293
+ "group": "semantic",
2294
+ "scopes": ["borderColor"]
2295
+ },
2296
+ "org.primer.overrides": {
2297
+ "light-high-contrast": "{borderColor.default}",
2298
+ "dark-high-contrast": "{borderColor.default}"
2299
+ }
2300
+ }
1771
2301
  },
1772
2302
  "name": "borderColor-emphasis",
1773
2303
  "attributes": {},
@@ -1777,12 +2307,78 @@
1777
2307
  "type": "color"
1778
2308
  },
1779
2309
  "borderColor-muted": {
2310
+ "$extensions": {
2311
+ "org.primer.figma": {
2312
+ "collection": "mode",
2313
+ "group": "semantic",
2314
+ "scopes": ["borderColor"],
2315
+ "codeSyntax": {
2316
+ "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2317
+ }
2318
+ },
2319
+ "org.primer.overrides": {
2320
+ "dark-dimmed": {
2321
+ "$value": "#c8d1da",
2322
+ "alpha": 0.7,
2323
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2324
+ "isSource": true,
2325
+ "$type": "color"
2326
+ },
2327
+ "light-high-contrast": {
2328
+ "$value": "#454c54",
2329
+ "alpha": 1,
2330
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2331
+ "isSource": true,
2332
+ "$type": "color"
2333
+ },
2334
+ "dark-high-contrast": {
2335
+ "$value": "#454c54",
2336
+ "alpha": 1,
2337
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2338
+ "isSource": true,
2339
+ "$type": "color"
2340
+ }
2341
+ }
2342
+ },
1780
2343
  "alpha": 1,
1781
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2344
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1782
2345
  "isSource": true,
1783
2346
  "original": {
1784
2347
  "$value": "{borderColor.default}",
1785
2348
  "$type": "color",
2349
+ "$extensions": {
2350
+ "org.primer.figma": {
2351
+ "collection": "mode",
2352
+ "group": "semantic",
2353
+ "scopes": ["borderColor"],
2354
+ "codeSyntax": {
2355
+ "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2356
+ }
2357
+ },
2358
+ "org.primer.overrides": {
2359
+ "dark-dimmed": {
2360
+ "$value": "{base.color.neutral.7}",
2361
+ "alpha": 0.7,
2362
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2363
+ "isSource": true,
2364
+ "$type": "color"
2365
+ },
2366
+ "light-high-contrast": {
2367
+ "$value": "{borderColor.default}",
2368
+ "alpha": 1,
2369
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2370
+ "isSource": true,
2371
+ "$type": "color"
2372
+ },
2373
+ "dark-high-contrast": {
2374
+ "$value": "{borderColor.default}",
2375
+ "alpha": 1,
2376
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2377
+ "isSource": true,
2378
+ "$type": "color"
2379
+ }
2380
+ }
2381
+ },
1786
2382
  "alpha": 1
1787
2383
  },
1788
2384
  "name": "borderColor-muted",
@@ -1798,9 +2394,12 @@
1798
2394
  "collection": "mode",
1799
2395
  "group": "semantic",
1800
2396
  "scopes": ["borderColor"]
2397
+ },
2398
+ "org.primer.overrides": {
2399
+ "dark": "#454c54"
1801
2400
  }
1802
2401
  },
1803
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
2402
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1804
2403
  "isSource": true,
1805
2404
  "original": {
1806
2405
  "$value": "{base.color.neutral.9}",
@@ -1810,6 +2409,9 @@
1810
2409
  "collection": "mode",
1811
2410
  "group": "semantic",
1812
2411
  "scopes": ["borderColor"]
2412
+ },
2413
+ "org.primer.overrides": {
2414
+ "dark": "{borderColor.emphasis}"
1813
2415
  }
1814
2416
  }
1815
2417
  },
@@ -1826,9 +2428,18 @@
1826
2428
  "collection": "mode",
1827
2429
  "group": "semantic",
1828
2430
  "scopes": ["borderColor"]
2431
+ },
2432
+ "org.primer.overrides": {
2433
+ "dark-dimmed": {
2434
+ "$value": "#c8d1da",
2435
+ "alpha": 0.7,
2436
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2437
+ "isSource": true,
2438
+ "$type": "color"
2439
+ }
1829
2440
  }
1830
2441
  },
1831
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
2442
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1832
2443
  "isSource": true,
1833
2444
  "original": {
1834
2445
  "$value": "{borderColor.muted}",
@@ -1838,6 +2449,15 @@
1838
2449
  "collection": "mode",
1839
2450
  "group": "semantic",
1840
2451
  "scopes": ["borderColor"]
2452
+ },
2453
+ "org.primer.overrides": {
2454
+ "dark-dimmed": {
2455
+ "$value": "{base.color.neutral.7}",
2456
+ "alpha": 0.7,
2457
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2458
+ "isSource": true,
2459
+ "$type": "color"
2460
+ }
1841
2461
  }
1842
2462
  }
1843
2463
  },
@@ -1857,9 +2477,13 @@
1857
2477
  "codeSyntax": {
1858
2478
  "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
1859
2479
  }
2480
+ },
2481
+ "org.primer.overrides": {
2482
+ "dark-tritanopia": "#a0111f",
2483
+ "light-tritanopia": "#a0111f"
1860
2484
  }
1861
2485
  },
1862
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
2486
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1863
2487
  "isSource": true,
1864
2488
  "original": {
1865
2489
  "$value": "{borderColor.success.emphasis}",
@@ -1872,6 +2496,10 @@
1872
2496
  "codeSyntax": {
1873
2497
  "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
1874
2498
  }
2499
+ },
2500
+ "org.primer.overrides": {
2501
+ "dark-tritanopia": "{base.color.red.5}",
2502
+ "light-tritanopia": "{base.color.red.5}"
1875
2503
  }
1876
2504
  }
1877
2505
  },
@@ -1883,13 +2511,63 @@
1883
2511
  "type": "color"
1884
2512
  },
1885
2513
  "borderColor-open-muted": {
1886
- "alpha": 1,
1887
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2514
+ "$extensions": {
2515
+ "org.primer.figma": {
2516
+ "collection": "mode",
2517
+ "group": "semantic",
2518
+ "scopes": ["borderColor"],
2519
+ "codeSyntax": {
2520
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
2521
+ }
2522
+ },
2523
+ "org.primer.overrides": {
2524
+ "dark-tritanopia": {
2525
+ "$value": "#d5232c",
2526
+ "alpha": 0.4,
2527
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2528
+ "isSource": true,
2529
+ "$type": "color"
2530
+ },
2531
+ "light-tritanopia": {
2532
+ "$value": "#ee5a5d",
2533
+ "alpha": 0.4,
2534
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2535
+ "isSource": true,
2536
+ "$type": "color"
2537
+ }
2538
+ }
2539
+ },
2540
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1888
2541
  "isSource": true,
1889
2542
  "original": {
1890
2543
  "$value": "{borderColor.success.muted}",
1891
2544
  "$type": "color",
1892
- "alpha": 1
2545
+ "$extensions": {
2546
+ "org.primer.figma": {
2547
+ "collection": "mode",
2548
+ "group": "semantic",
2549
+ "scopes": ["borderColor"],
2550
+ "codeSyntax": {
2551
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
2552
+ }
2553
+ },
2554
+ "org.primer.overrides": {
2555
+ "dark-tritanopia": {
2556
+ "$value": "{base.color.red.4}",
2557
+ "alpha": 0.4,
2558
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2559
+ "isSource": true,
2560
+ "$type": "color"
2561
+ },
2562
+ "light-tritanopia": {
2563
+ "$value": "{base.color.red.3}",
2564
+ "alpha": 0.4,
2565
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2566
+ "isSource": true,
2567
+ "$type": "color"
2568
+ }
2569
+ }
2570
+ }
1893
2571
  },
1894
2572
  "name": "borderColor-open-muted",
1895
2573
  "attributes": {},
@@ -1907,12 +2585,74 @@
1907
2585
  "codeSyntax": {
1908
2586
  "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
1909
2587
  }
2588
+ },
2589
+ "org.primer.overrides": {
2590
+ "dark-tritanopia": "#a0111f",
2591
+ "light-tritanopia": "#a0111f"
2592
+ }
2593
+ },
2594
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2595
+ "isSource": true,
2596
+ "original": {
2597
+ "$value": "{base.color.orange.5}",
2598
+ "$type": "color",
2599
+ "$extensions": {
2600
+ "org.primer.figma": {
2601
+ "collection": "mode",
2602
+ "group": "semantic",
2603
+ "scopes": ["borderColor"],
2604
+ "codeSyntax": {
2605
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
2606
+ }
2607
+ },
2608
+ "org.primer.overrides": {
2609
+ "dark-tritanopia": "{base.color.red.5}",
2610
+ "light-tritanopia": "{base.color.red.5}"
2611
+ }
2612
+ }
2613
+ },
2614
+ "name": "borderColor-severe-emphasis",
2615
+ "attributes": {},
2616
+ "path": ["borderColor", "severe", "emphasis"],
2617
+ "key": "{borderColor.severe.emphasis}",
2618
+ "value": "#873800",
2619
+ "type": "color"
2620
+ },
2621
+ "borderColor-severe-muted": {
2622
+ "$extensions": {
2623
+ "org.primer.figma": {
2624
+ "collection": "mode",
2625
+ "group": "semantic",
2626
+ "scopes": ["borderColor"],
2627
+ "codeSyntax": {
2628
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
2629
+ }
2630
+ },
2631
+ "org.primer.overrides": {
2632
+ "dark": "#b45105",
2633
+ "light-high-contrast": {
2634
+ "$value": "#dc6d1a",
2635
+ "alpha": 1,
2636
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2637
+ "isSource": true,
2638
+ "$type": "color"
2639
+ },
2640
+ "dark-high-contrast": {
2641
+ "$value": "#b45105",
2642
+ "alpha": 1,
2643
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2644
+ "isSource": true,
2645
+ "$type": "color"
2646
+ },
2647
+ "dark-tritanopia": "#d5232c",
2648
+ "light-tritanopia": "#ee5a5d"
1910
2649
  }
1911
2650
  },
1912
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
2651
+ "alpha": 1,
2652
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1913
2653
  "isSource": true,
1914
2654
  "original": {
1915
- "$value": "{base.color.orange.5}",
2655
+ "$value": "{base.color.orange.3}",
1916
2656
  "$type": "color",
1917
2657
  "$extensions": {
1918
2658
  "org.primer.figma": {
@@ -1920,25 +2660,29 @@
1920
2660
  "group": "semantic",
1921
2661
  "scopes": ["borderColor"],
1922
2662
  "codeSyntax": {
1923
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
2663
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
1924
2664
  }
2665
+ },
2666
+ "org.primer.overrides": {
2667
+ "dark": "{base.color.orange.4}",
2668
+ "light-high-contrast": {
2669
+ "$value": "{base.color.orange.3}",
2670
+ "alpha": 1,
2671
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2672
+ "isSource": true,
2673
+ "$type": "color"
2674
+ },
2675
+ "dark-high-contrast": {
2676
+ "$value": "{base.color.orange.4}",
2677
+ "alpha": 1,
2678
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2679
+ "isSource": true,
2680
+ "$type": "color"
2681
+ },
2682
+ "dark-tritanopia": "{base.color.red.4}",
2683
+ "light-tritanopia": "{base.color.red.3}"
1925
2684
  }
1926
- }
1927
- },
1928
- "name": "borderColor-severe-emphasis",
1929
- "attributes": {},
1930
- "path": ["borderColor", "severe", "emphasis"],
1931
- "key": "{borderColor.severe.emphasis}",
1932
- "value": "#873800",
1933
- "type": "color"
1934
- },
1935
- "borderColor-severe-muted": {
1936
- "alpha": 1,
1937
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
1938
- "isSource": true,
1939
- "original": {
1940
- "$value": "{base.color.orange.3}",
1941
- "$type": "color",
2685
+ },
1942
2686
  "alpha": 1
1943
2687
  },
1944
2688
  "name": "borderColor-severe-muted",
@@ -1959,7 +2703,7 @@
1959
2703
  }
1960
2704
  }
1961
2705
  },
1962
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
2706
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1963
2707
  "isSource": true,
1964
2708
  "original": {
1965
2709
  "$value": "{base.color.pink.5}",
@@ -1983,12 +2727,66 @@
1983
2727
  "type": "color"
1984
2728
  },
1985
2729
  "borderColor-sponsors-muted": {
2730
+ "$extensions": {
2731
+ "org.primer.figma": {
2732
+ "collection": "mode",
2733
+ "group": "semantic",
2734
+ "scopes": ["borderColor"],
2735
+ "codeSyntax": {
2736
+ "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
2737
+ }
2738
+ },
2739
+ "org.primer.overrides": {
2740
+ "dark": "#c9248e",
2741
+ "light-high-contrast": {
2742
+ "$value": "#ed4baf",
2743
+ "alpha": 1,
2744
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2745
+ "isSource": true,
2746
+ "$type": "color"
2747
+ },
2748
+ "dark-high-contrast": {
2749
+ "$value": "#c9248e",
2750
+ "alpha": 1,
2751
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2752
+ "isSource": true,
2753
+ "$type": "color"
2754
+ }
2755
+ }
2756
+ },
1986
2757
  "alpha": 1,
1987
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2758
+ "filePath": "src/tokens/functional/color/borderColor.json5",
1988
2759
  "isSource": true,
1989
2760
  "original": {
1990
2761
  "$value": "{base.color.pink.3}",
1991
2762
  "$type": "color",
2763
+ "$extensions": {
2764
+ "org.primer.figma": {
2765
+ "collection": "mode",
2766
+ "group": "semantic",
2767
+ "scopes": ["borderColor"],
2768
+ "codeSyntax": {
2769
+ "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
2770
+ }
2771
+ },
2772
+ "org.primer.overrides": {
2773
+ "dark": "{base.color.pink.4}",
2774
+ "light-high-contrast": {
2775
+ "$value": "{base.color.pink.3}",
2776
+ "alpha": 1,
2777
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2778
+ "isSource": true,
2779
+ "$type": "color"
2780
+ },
2781
+ "dark-high-contrast": {
2782
+ "$value": "{base.color.pink.4}",
2783
+ "alpha": 1,
2784
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2785
+ "isSource": true,
2786
+ "$type": "color"
2787
+ }
2788
+ }
2789
+ },
1992
2790
  "alpha": 1
1993
2791
  },
1994
2792
  "name": "borderColor-sponsors-muted",
@@ -1999,11 +2797,43 @@
1999
2797
  "type": "color"
2000
2798
  },
2001
2799
  "borderColor-success-emphasis": {
2002
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2800
+ "$extensions": {
2801
+ "org.primer.figma": {
2802
+ "collection": "mode",
2803
+ "group": "semantic",
2804
+ "scopes": ["borderColor"],
2805
+ "codeSyntax": {
2806
+ "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */"
2807
+ }
2808
+ },
2809
+ "org.primer.overrides": {
2810
+ "dark-tritanopia": "#0349b4",
2811
+ "light-tritanopia": "#0349b4",
2812
+ "dark-protanopia-deuteranopia": "#0349b4",
2813
+ "light-protanopia-deuteranopia": "#0349b4"
2814
+ }
2815
+ },
2816
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2003
2817
  "isSource": true,
2004
2818
  "original": {
2005
2819
  "$value": "{base.color.green.5}",
2006
- "$type": "color"
2820
+ "$type": "color",
2821
+ "$extensions": {
2822
+ "org.primer.figma": {
2823
+ "collection": "mode",
2824
+ "group": "semantic",
2825
+ "scopes": ["borderColor"],
2826
+ "codeSyntax": {
2827
+ "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */"
2828
+ }
2829
+ },
2830
+ "org.primer.overrides": {
2831
+ "dark-tritanopia": "{base.color.blue.5}",
2832
+ "light-tritanopia": "{base.color.blue.5}",
2833
+ "dark-protanopia-deuteranopia": "{base.color.blue.5}",
2834
+ "light-protanopia-deuteranopia": "{base.color.blue.5}"
2835
+ }
2836
+ }
2007
2837
  },
2008
2838
  "name": "borderColor-success-emphasis",
2009
2839
  "attributes": {},
@@ -2013,12 +2843,120 @@
2013
2843
  "type": "color"
2014
2844
  },
2015
2845
  "borderColor-success-muted": {
2846
+ "$extensions": {
2847
+ "org.primer.figma": {
2848
+ "collection": "mode",
2849
+ "group": "semantic",
2850
+ "scopes": ["borderColor"],
2851
+ "codeSyntax": {
2852
+ "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */"
2853
+ }
2854
+ },
2855
+ "org.primer.overrides": {
2856
+ "dark": "#117f32",
2857
+ "light-high-contrast": {
2858
+ "$value": "#26a148",
2859
+ "alpha": 1,
2860
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2861
+ "isSource": true,
2862
+ "$type": "color"
2863
+ },
2864
+ "dark-high-contrast": {
2865
+ "$value": "#117f32",
2866
+ "alpha": 1,
2867
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2868
+ "isSource": true,
2869
+ "$type": "color"
2870
+ },
2871
+ "dark-tritanopia": {
2872
+ "$value": "#1168e3",
2873
+ "alpha": 0.4,
2874
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2875
+ "isSource": true,
2876
+ "$type": "color"
2877
+ },
2878
+ "light-tritanopia": {
2879
+ "$value": "#368cf9",
2880
+ "alpha": 0.4,
2881
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2882
+ "isSource": true,
2883
+ "$type": "color"
2884
+ },
2885
+ "dark-protanopia-deuteranopia": {
2886
+ "$value": "#1168e3",
2887
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2888
+ "isSource": true,
2889
+ "$type": "color"
2890
+ },
2891
+ "light-protanopia-deuteranopia": {
2892
+ "$value": "#dff7ff",
2893
+ "alpha": 1,
2894
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2895
+ "isSource": true,
2896
+ "$type": "color"
2897
+ }
2898
+ }
2899
+ },
2016
2900
  "alpha": 1,
2017
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2901
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2018
2902
  "isSource": true,
2019
2903
  "original": {
2020
2904
  "$value": "{base.color.green.3}",
2021
2905
  "$type": "color",
2906
+ "$extensions": {
2907
+ "org.primer.figma": {
2908
+ "collection": "mode",
2909
+ "group": "semantic",
2910
+ "scopes": ["borderColor"],
2911
+ "codeSyntax": {
2912
+ "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */"
2913
+ }
2914
+ },
2915
+ "org.primer.overrides": {
2916
+ "dark": "{base.color.green.4}",
2917
+ "light-high-contrast": {
2918
+ "$value": "{base.color.green.3}",
2919
+ "alpha": 1,
2920
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2921
+ "isSource": true,
2922
+ "$type": "color"
2923
+ },
2924
+ "dark-high-contrast": {
2925
+ "$value": "{base.color.green.4}",
2926
+ "alpha": 1,
2927
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2928
+ "isSource": true,
2929
+ "$type": "color"
2930
+ },
2931
+ "dark-tritanopia": {
2932
+ "$value": "{base.color.blue.4}",
2933
+ "alpha": 0.4,
2934
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2935
+ "isSource": true,
2936
+ "$type": "color"
2937
+ },
2938
+ "light-tritanopia": {
2939
+ "$value": "{base.color.blue.3}",
2940
+ "alpha": 0.4,
2941
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2942
+ "isSource": true,
2943
+ "$type": "color"
2944
+ },
2945
+ "dark-protanopia-deuteranopia": {
2946
+ "$value": "{base.color.blue.4}",
2947
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2948
+ "isSource": true,
2949
+ "$type": "color"
2950
+ },
2951
+ "light-protanopia-deuteranopia": {
2952
+ "$value": "{base.color.blue.0}",
2953
+ "alpha": 1,
2954
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2955
+ "isSource": true,
2956
+ "$type": "color"
2957
+ }
2958
+ }
2959
+ },
2022
2960
  "alpha": 1
2023
2961
  },
2024
2962
  "name": "borderColor-success-muted",
@@ -2029,12 +2967,58 @@
2029
2967
  "type": "color"
2030
2968
  },
2031
2969
  "borderColor-translucent": {
2970
+ "$extensions": {
2971
+ "org.primer.figma": {
2972
+ "collection": "mode",
2973
+ "group": "semantic",
2974
+ "scopes": ["borderColor"]
2975
+ },
2976
+ "org.primer.overrides": {
2977
+ "light-high-contrast": {
2978
+ "$value": "#59636e",
2979
+ "alpha": 1,
2980
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2981
+ "isSource": true,
2982
+ "$type": "color"
2983
+ },
2984
+ "dark-high-contrast": {
2985
+ "$value": "#d1d9e0",
2986
+ "alpha": 1,
2987
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2988
+ "isSource": true,
2989
+ "$type": "color"
2990
+ }
2991
+ }
2992
+ },
2032
2993
  "alpha": 1,
2033
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2994
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2034
2995
  "isSource": true,
2035
2996
  "original": {
2036
2997
  "$value": "{base.color.neutral.9}",
2037
2998
  "$type": "color",
2999
+ "$extensions": {
3000
+ "org.primer.figma": {
3001
+ "collection": "mode",
3002
+ "group": "semantic",
3003
+ "scopes": ["borderColor"]
3004
+ },
3005
+ "org.primer.overrides": {
3006
+ "light-high-contrast": {
3007
+ "$value": "{base.color.neutral.9}",
3008
+ "alpha": 1,
3009
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3010
+ "isSource": true,
3011
+ "$type": "color"
3012
+ },
3013
+ "dark-high-contrast": {
3014
+ "$value": "{base.color.neutral.6}",
3015
+ "alpha": 1,
3016
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3017
+ "isSource": true,
3018
+ "$type": "color"
3019
+ }
3020
+ }
3021
+ },
2038
3022
  "alpha": 1
2039
3023
  },
2040
3024
  "name": "borderColor-translucent",
@@ -2052,7 +3036,7 @@
2052
3036
  "scopes": ["borderColor"]
2053
3037
  }
2054
3038
  },
2055
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
3039
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2056
3040
  "isSource": true,
2057
3041
  "original": {
2058
3042
  "$value": "{base.color.transparent}",
@@ -2083,7 +3067,7 @@
2083
3067
  }
2084
3068
  }
2085
3069
  },
2086
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
3070
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2087
3071
  "isSource": true,
2088
3072
  "original": {
2089
3073
  "$value": "{borderColor.done.emphasis}",
@@ -2107,13 +3091,31 @@
2107
3091
  "type": "color"
2108
3092
  },
2109
3093
  "borderColor-upsell-muted": {
2110
- "alpha": 1,
2111
- "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
3094
+ "$extensions": {
3095
+ "org.primer.figma": {
3096
+ "collection": "mode",
3097
+ "group": "semantic",
3098
+ "scopes": ["borderColor"],
3099
+ "codeSyntax": {
3100
+ "web": "var(--borderColor-upsell-muted)"
3101
+ }
3102
+ }
3103
+ },
3104
+ "filePath": "src/tokens/functional/color/borderColor.json5",
2112
3105
  "isSource": true,
2113
3106
  "original": {
2114
3107
  "$value": "{borderColor.done.muted}",
2115
3108
  "$type": "color",
2116
- "alpha": 1
3109
+ "$extensions": {
3110
+ "org.primer.figma": {
3111
+ "collection": "mode",
3112
+ "group": "semantic",
3113
+ "scopes": ["borderColor"],
3114
+ "codeSyntax": {
3115
+ "web": "var(--borderColor-upsell-muted)"
3116
+ }
3117
+ }
3118
+ }
2117
3119
  },
2118
3120
  "name": "borderColor-upsell-muted",
2119
3121
  "attributes": {},