@primer/primitives 10.2.0 → 10.3.0-rc.22c9c6cf

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 (123) hide show
  1. package/dist/build/formats/cssCustomMedia.js +2 -2
  2. package/dist/build/formats/jsonOneDimensional.js +2 -1
  3. package/dist/build/platforms/css.js +5 -2
  4. package/dist/build/platforms/figma.js +40 -36
  5. package/dist/build/preprocessors/themeOverrides.js +7 -4
  6. package/dist/build/schemas/collections.d.ts +1 -1
  7. package/dist/build/schemas/colorToken.d.ts +471 -65
  8. package/dist/build/schemas/colorToken.js +18 -15
  9. package/dist/build/schemas/shadowToken.js +2 -2
  10. package/dist/build/transformers/colorAlphaToCss.d.ts +1 -1
  11. package/dist/build/transformers/colorToHex.js +3 -3
  12. package/dist/build/transformers/colorToRgbAlpha.js +2 -2
  13. package/dist/build/transformers/figmaAttributes.js +2 -1
  14. package/dist/build/transformers/shadowToCss.js +2 -2
  15. package/dist/build/transformers/utilities/alpha.d.ts +2 -2
  16. package/dist/build/transformers/utilities/alpha.js +3 -3
  17. package/dist/build/types/styleDictionaryConfigGenerator.d.ts +1 -1
  18. package/dist/build/utilities/asArray.d.ts +1 -0
  19. package/dist/build/utilities/asArray.js +1 -0
  20. package/dist/build/utilities/log.d.ts +6 -0
  21. package/dist/build/utilities/log.js +34 -0
  22. package/dist/css/functional/size/border.css +5 -5
  23. package/dist/css/functional/size/size.css +15 -15
  24. package/dist/css/functional/size/viewport.css +2 -2
  25. package/dist/css/functional/themes/dark-colorblind.css +408 -408
  26. package/dist/css/functional/themes/dark-dimmed.css +390 -390
  27. package/dist/css/functional/themes/dark-high-contrast.css +412 -412
  28. package/dist/css/functional/themes/dark-tritanopia.css +406 -406
  29. package/dist/css/functional/themes/dark.css +416 -416
  30. package/dist/css/functional/themes/light-colorblind.css +444 -444
  31. package/dist/css/functional/themes/light-high-contrast.css +438 -438
  32. package/dist/css/functional/themes/light-tritanopia.css +432 -432
  33. package/dist/css/functional/themes/light.css +444 -444
  34. package/dist/css/primitives.css +20 -20
  35. package/dist/docs/base/motion/motion.json +88 -73
  36. package/dist/docs/base/size/size.json +94 -75
  37. package/dist/docs/base/typography/typography.json +14 -10
  38. package/dist/docs/functional/motion/motion.json +19 -15
  39. package/dist/docs/functional/size/border.json +139 -125
  40. package/dist/docs/functional/size/breakpoints.json +31 -25
  41. package/dist/docs/functional/size/size-coarse.json +13 -10
  42. package/dist/docs/functional/size/size-fine.json +9 -6
  43. package/dist/docs/functional/size/size.json +499 -433
  44. package/dist/docs/functional/size/viewport.json +32 -26
  45. package/dist/docs/functional/themes/dark-colorblind.json +7846 -6530
  46. package/dist/docs/functional/themes/dark-dimmed.json +7774 -6498
  47. package/dist/docs/functional/themes/dark-high-contrast.json +8121 -6737
  48. package/dist/docs/functional/themes/dark-tritanopia.json +7817 -6543
  49. package/dist/docs/functional/themes/dark.json +7772 -6562
  50. package/dist/docs/functional/themes/light-colorblind.json +7753 -6455
  51. package/dist/docs/functional/themes/light-high-contrast.json +7983 -6643
  52. package/dist/docs/functional/themes/light-tritanopia.json +7732 -6454
  53. package/dist/docs/functional/themes/light.json +7658 -6450
  54. package/dist/docs/functional/typography/typography.json +518 -472
  55. package/dist/figma/themes/dark-colorblind.json +5704 -5570
  56. package/dist/figma/themes/dark-dimmed.json +5204 -5122
  57. package/dist/figma/themes/dark-high-contrast.json +4381 -4166
  58. package/dist/figma/themes/dark-tritanopia.json +5354 -5271
  59. package/dist/figma/themes/dark.json +5505 -5504
  60. package/dist/figma/themes/light-colorblind.json +5666 -5567
  61. package/dist/figma/themes/light-high-contrast.json +4277 -4115
  62. package/dist/figma/themes/light-tritanopia.json +5071 -4991
  63. package/dist/figma/themes/light.json +4808 -4808
  64. package/dist/internalCss/dark-colorblind.css +1148 -1148
  65. package/dist/internalCss/dark-dimmed.css +1138 -1138
  66. package/dist/internalCss/dark-high-contrast.css +1154 -1154
  67. package/dist/internalCss/dark-tritanopia.css +1148 -1148
  68. package/dist/internalCss/dark.css +1150 -1150
  69. package/dist/internalCss/light-colorblind.css +1152 -1152
  70. package/dist/internalCss/light-high-contrast.css +1166 -1166
  71. package/dist/internalCss/light-tritanopia.css +1156 -1156
  72. package/dist/internalCss/light.css +1158 -1158
  73. package/dist/styleLint/base/motion/motion.json +97 -82
  74. package/dist/styleLint/base/size/size.json +102 -83
  75. package/dist/styleLint/base/typography/typography.json +16 -12
  76. package/dist/styleLint/functional/motion/motion.json +22 -18
  77. package/dist/styleLint/functional/size/border.json +140 -126
  78. package/dist/styleLint/functional/size/breakpoints.json +32 -26
  79. package/dist/styleLint/functional/size/size-coarse.json +14 -11
  80. package/dist/styleLint/functional/size/size-fine.json +10 -7
  81. package/dist/styleLint/functional/size/size.json +486 -420
  82. package/dist/styleLint/functional/size/viewport.json +36 -30
  83. package/dist/styleLint/functional/themes/dark-colorblind.json +7601 -6285
  84. package/dist/styleLint/functional/themes/dark-dimmed.json +7984 -6708
  85. package/dist/styleLint/functional/themes/dark-high-contrast.json +8150 -6766
  86. package/dist/styleLint/functional/themes/dark-tritanopia.json +7780 -6506
  87. package/dist/styleLint/functional/themes/dark.json +7689 -6479
  88. package/dist/styleLint/functional/themes/light-colorblind.json +7756 -6458
  89. package/dist/styleLint/functional/themes/light-high-contrast.json +8135 -6795
  90. package/dist/styleLint/functional/themes/light-tritanopia.json +7642 -6364
  91. package/dist/styleLint/functional/themes/light.json +7552 -6344
  92. package/dist/styleLint/functional/typography/typography.json +520 -474
  93. package/package.json +2 -2
  94. package/src/tokens/component/diffBlob.json5 +387 -0
  95. package/src/tokens/component/header.json5 +65 -0
  96. package/src/tokens/component/headerSerach.json5 +32 -0
  97. package/src/tokens/component/highlight.json5 +23 -0
  98. package/src/tokens/component/overlay.json5 +68 -0
  99. package/src/tokens/component/page.json5 +20 -0
  100. package/src/tokens/component/reactionButton.json5 +78 -0
  101. package/src/tokens/component/skeletonLoader.json5 +29 -0
  102. package/src/tokens/component/timelineBadge.json5 +19 -0
  103. package/src/tokens/functional/color/dark/app-dark.json5 +0 -399
  104. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -35
  105. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -92
  106. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -63
  107. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -37
  108. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -194
  109. package/src/tokens/functional/color/light/app-light.json5 +0 -364
  110. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -70
  111. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +15 -76
  112. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -71
  113. package/src/tokens/functional/color/light/patterns-light.json5 +1 -192
  114. package/dist/figma/figma.json +0 -133
  115. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  116. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  117. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  118. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  119. package/dist/figma/shadows/dark.json +0 -1152
  120. package/dist/figma/shadows/light-colorblind.json +0 -1052
  121. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  122. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  123. package/dist/figma/shadows/light.json +0 -1052
@@ -121,43 +121,6 @@
121
121
  },
122
122
  },
123
123
  },
124
- diffBlob: {
125
- additionNum: {
126
- bgColor: {
127
- $value: '{base.color.blue.3}',
128
- $type: 'color',
129
- alpha: 0.3,
130
- },
131
- },
132
- additionWord: {
133
- bgColor: {
134
- $value: '{base.color.blue.4}',
135
- $type: 'color',
136
- alpha: 0.4,
137
- },
138
- },
139
- hunkNum: {
140
- bgColor: {
141
- rest: {
142
- $value: '{base.color.neutral.6}',
143
- $type: 'color',
144
- alpha: 1,
145
- },
146
- hover: {
147
- $value: '{base.color.neutral.8}',
148
- $type: 'color',
149
- alpha: 1,
150
- },
151
- },
152
- },
153
- hunkLine: {
154
- bgColor: {
155
- $value: '{base.color.neutral.3}',
156
- $type: 'color',
157
- alpha: 1,
158
- },
159
- },
160
- },
161
124
  codeMirror: {
162
125
  syntax: {
163
126
  fgColor: {
@@ -1636,60 +1636,6 @@
1636
1636
  },
1637
1637
  },
1638
1638
  },
1639
- reactionButton: {
1640
- selected: {
1641
- bgColor: {
1642
- rest: {
1643
- $value: '{base.color.blue.4}',
1644
- $type: 'color',
1645
- $extensions: {
1646
- 'org.primer.figma': {
1647
- collection: 'mode',
1648
- group: 'component (internal)',
1649
- scopes: ['bgColor'],
1650
- },
1651
- },
1652
- alpha: 0.2,
1653
- },
1654
- hover: {
1655
- $value: '#3a8cfd',
1656
- $type: 'color',
1657
- $extensions: {
1658
- 'org.primer.figma': {
1659
- collection: 'mode',
1660
- group: 'component (internal)',
1661
- scopes: ['bgColor'],
1662
- },
1663
- },
1664
- alpha: 0.36,
1665
- },
1666
- },
1667
- fgColor: {
1668
- rest: {
1669
- $value: '{fgColor.link}',
1670
- $type: 'color',
1671
- $extensions: {
1672
- 'org.primer.figma': {
1673
- collection: 'mode',
1674
- group: 'component (internal)',
1675
- scopes: ['fgColor'],
1676
- },
1677
- },
1678
- },
1679
- hover: {
1680
- $value: '{base.color.blue.2}',
1681
- $type: 'color',
1682
- $extensions: {
1683
- 'org.primer.figma': {
1684
- collection: 'mode',
1685
- group: 'component (internal)',
1686
- scopes: ['fgColor'],
1687
- },
1688
- },
1689
- },
1690
- },
1691
- },
1692
- },
1693
1639
  focus: {
1694
1640
  outlineColor: {
1695
1641
  $value: '{borderColor.accent.emphasis}',
@@ -1703,82 +1649,6 @@
1703
1649
  },
1704
1650
  },
1705
1651
  },
1706
- header: {
1707
- bgColor: {
1708
- $value: '{base.color.neutral.2}',
1709
- $type: 'color',
1710
- $extensions: {
1711
- 'org.primer.figma': {
1712
- collection: 'mode',
1713
- group: 'component (internal)',
1714
- scopes: ['bgColor'],
1715
- },
1716
- },
1717
- alpha: 0.95,
1718
- },
1719
- fgColor: {
1720
- default: {
1721
- $value: '{base.color.neutral.13}',
1722
- $type: 'color',
1723
- $extensions: {
1724
- 'org.primer.figma': {
1725
- collection: 'mode',
1726
- group: 'component (internal)',
1727
- scopes: ['fgColor'],
1728
- },
1729
- },
1730
- alpha: 0.7,
1731
- },
1732
- logo: {
1733
- $value: '{base.color.neutral.12}',
1734
- $type: 'color',
1735
- $extensions: {
1736
- 'org.primer.figma': {
1737
- collection: 'mode',
1738
- group: 'component (internal)',
1739
- scopes: ['fgColor'],
1740
- },
1741
- },
1742
- },
1743
- },
1744
- borderColor: {
1745
- divider: {
1746
- $value: '{base.color.neutral.8}',
1747
- $type: 'color',
1748
- $extensions: {
1749
- 'org.primer.figma': {
1750
- collection: 'mode',
1751
- group: 'component (internal)',
1752
- scopes: ['borderColor'],
1753
- },
1754
- },
1755
- },
1756
- },
1757
- },
1758
- headerSearch: {
1759
- bgColor: {
1760
- $value: '{base.color.neutral.1}',
1761
- $type: 'color',
1762
- $extensions: {
1763
- 'org.primer.figma': {
1764
- collection: 'mode',
1765
- group: 'component (internal)',
1766
- scopes: ['bgColor'],
1767
- },
1768
- },
1769
- },
1770
- borderColor: {
1771
- $value: '{base.color.neutral.5}',
1772
- $type: 'color',
1773
- $extensions: {
1774
- 'org.primer.figma': {
1775
- collection: 'mode',
1776
- group: 'component (internal)',
1777
- scopes: ['borderColor'],
1778
- },
1779
- },
1780
- },
1781
- },
1782
1652
  menu: {
1783
1653
  bgColor: {
1784
1654
  active: {
@@ -1794,43 +1664,6 @@
1794
1664
  },
1795
1665
  },
1796
1666
  },
1797
- overlay: {
1798
- bgColor: {
1799
- $value: '{bgColor.muted}',
1800
- $type: 'color',
1801
- $extensions: {
1802
- 'org.primer.figma': {
1803
- collection: 'mode',
1804
- group: 'component (internal)',
1805
- scopes: ['bgColor'],
1806
- },
1807
- },
1808
- },
1809
- borderColor: {
1810
- $value: '{borderColor.muted}',
1811
- $type: 'color',
1812
- $extensions: {
1813
- 'org.primer.figma': {
1814
- collection: 'mode',
1815
- group: 'component (internal)',
1816
- },
1817
- },
1818
- },
1819
- backdrop: {
1820
- bgColor: {
1821
- $value: '{base.color.neutral.3}',
1822
- $type: 'color',
1823
- $extensions: {
1824
- 'org.primer.figma': {
1825
- collection: 'mode',
1826
- group: 'component (internal)',
1827
- scopes: ['bgColor'],
1828
- },
1829
- },
1830
- alpha: 0.4,
1831
- },
1832
- },
1833
- },
1834
1667
  selectMenu: {
1835
1668
  borderColor: {
1836
1669
  $value: '{borderColor.default}',
@@ -1872,33 +1705,6 @@
1872
1705
  },
1873
1706
  },
1874
1707
  },
1875
- skeletonLoader: {
1876
- bgColor: {
1877
- $value: '{base.color.neutral.8}',
1878
- $type: 'color',
1879
- $extensions: {
1880
- 'org.primer.figma': {
1881
- collection: 'mode',
1882
- group: 'component',
1883
- scopes: ['bgColor'],
1884
- },
1885
- },
1886
- alpha: 0.2,
1887
- },
1888
- },
1889
- timelineBadge: {
1890
- bgColor: {
1891
- $value: '{base.color.neutral.3}',
1892
- $type: 'color',
1893
- $extensions: {
1894
- 'org.primer.figma': {
1895
- collection: 'mode',
1896
- group: 'component (internal)',
1897
- scopes: ['bgColor'],
1898
- },
1899
- },
1900
- },
1901
- },
1902
1708
  treeViewItem: {
1903
1709
  leadingVisual: {
1904
1710
  iconColor: {
@@ -1,293 +1,4 @@
1
1
  {
2
- highlight: {
3
- neutral: {
4
- bgColor: {
5
- $value: '{base.color.yellow.0}',
6
- $type: 'color',
7
- $extensions: {
8
- 'org.primer.figma': {
9
- collection: 'mode',
10
- group: 'component',
11
- scopes: ['bgColor'],
12
- },
13
- },
14
- },
15
- },
16
- },
17
- page: {
18
- header: {
19
- bgColor: {
20
- $value: '{bgColor.muted}',
21
- $type: 'color',
22
- $extensions: {
23
- 'org.primer.figma': {
24
- collection: 'mode',
25
- group: 'component',
26
- scopes: ['bgColor'],
27
- },
28
- },
29
- },
30
- },
31
- },
32
- diffBlob: {
33
- additionLine: {
34
- fgColor: {
35
- $value: '{fgColor.default}',
36
- $type: 'color',
37
- $extensions: {
38
- 'org.primer.figma': {
39
- collection: 'mode',
40
- group: 'component',
41
- scopes: ['fgColor'],
42
- },
43
- },
44
- },
45
- bgColor: {
46
- $value: '{bgColor.success.muted}',
47
- $type: 'color',
48
- $extensions: {
49
- 'org.primer.figma': {
50
- collection: 'mode',
51
- group: 'component',
52
- scopes: ['bgColor'],
53
- },
54
- },
55
- },
56
- },
57
- additionWord: {
58
- fgColor: {
59
- $value: '{fgColor.default}',
60
- $type: 'color',
61
- $extensions: {
62
- 'org.primer.figma': {
63
- collection: 'mode',
64
- group: 'component',
65
- scopes: ['fgColor'],
66
- },
67
- },
68
- },
69
- bgColor: {
70
- $value: '{base.color.green.1}',
71
- $type: 'color',
72
- $extensions: {
73
- 'org.primer.figma': {
74
- collection: 'mode',
75
- group: 'component',
76
- scopes: ['bgColor'],
77
- },
78
- },
79
- },
80
- },
81
- additionNum: {
82
- fgColor: {
83
- $value: '{fgColor.default}',
84
- $type: 'color',
85
- $extensions: {
86
- 'org.primer.figma': {
87
- collection: 'mode',
88
- group: 'component',
89
- scopes: ['fgColor'],
90
- },
91
- },
92
- },
93
- bgColor: {
94
- $value: '{base.color.green.1}',
95
- $type: 'color',
96
- $extensions: {
97
- 'org.primer.figma': {
98
- collection: 'mode',
99
- group: 'component',
100
- scopes: ['bgColor'],
101
- },
102
- },
103
- },
104
- },
105
- deletionLine: {
106
- fgColor: {
107
- $value: '{fgColor.default}',
108
- $type: 'color',
109
- $extensions: {
110
- 'org.primer.figma': {
111
- collection: 'mode',
112
- group: 'component',
113
- scopes: ['fgColor'],
114
- },
115
- },
116
- },
117
- bgColor: {
118
- $value: '{bgColor.danger.muted}',
119
- $type: 'color',
120
- $extensions: {
121
- 'org.primer.figma': {
122
- collection: 'mode',
123
- group: 'component',
124
- scopes: ['bgColor'],
125
- },
126
- },
127
- },
128
- },
129
- deletionWord: {
130
- fgColor: {
131
- $value: '{fgColor.default}',
132
- $type: 'color',
133
- $extensions: {
134
- 'org.primer.figma': {
135
- collection: 'mode',
136
- group: 'component',
137
- scopes: ['fgColor'],
138
- },
139
- },
140
- },
141
- bgColor: {
142
- $value: '{base.color.red.1}',
143
- $type: 'color',
144
- $extensions: {
145
- 'org.primer.figma': {
146
- collection: 'mode',
147
- group: 'component',
148
- scopes: ['bgColor'],
149
- },
150
- },
151
- },
152
- },
153
- deletionNum: {
154
- fgColor: {
155
- $value: '{fgColor.default}',
156
- $type: 'color',
157
- $extensions: {
158
- 'org.primer.figma': {
159
- collection: 'mode',
160
- group: 'component',
161
- scopes: ['fgColor'],
162
- },
163
- },
164
- },
165
- bgColor: {
166
- $value: '{base.color.red.1}',
167
- $type: 'color',
168
- $extensions: {
169
- 'org.primer.figma': {
170
- collection: 'mode',
171
- group: 'component',
172
- scopes: ['bgColor'],
173
- },
174
- },
175
- },
176
- },
177
- hunkLine: {
178
- bgColor: {
179
- $value: '{bgColor.accent.muted}',
180
- $type: 'color',
181
- $extensions: {
182
- 'org.primer.figma': {
183
- collection: 'mode',
184
- group: 'component',
185
- scopes: ['bgColor'],
186
- },
187
- },
188
- },
189
- fgColor: {
190
- $value: '{fgColor.muted}',
191
- $type: 'color',
192
- $extensions: {
193
- 'org.primer.figma': {
194
- collection: 'mode',
195
- group: 'component',
196
- scopes: ['fgColor'],
197
- },
198
- },
199
- },
200
- },
201
- hunkNum: {
202
- fgColor: {
203
- rest: {
204
- $value: '{fgColor.default}',
205
- $type: 'color',
206
- $extensions: {
207
- 'org.primer.figma': {
208
- collection: 'mode',
209
- group: 'component',
210
- scopes: ['fgColor'],
211
- },
212
- },
213
- },
214
- hover: {
215
- $value: '{fgColor.onEmphasis}',
216
- $type: 'color',
217
- $extensions: {
218
- 'org.primer.figma': {
219
- collection: 'mode',
220
- group: 'component',
221
- scopes: ['fgColor'],
222
- },
223
- },
224
- },
225
- },
226
- bgColor: {
227
- rest: {
228
- $value: '{base.color.blue.1}',
229
- $type: 'color',
230
- $extensions: {
231
- 'org.primer.figma': {
232
- collection: 'mode',
233
- group: 'component',
234
- scopes: ['bgColor'],
235
- },
236
- },
237
- },
238
- hover: {
239
- $value: '{bgColor.accent.emphasis}',
240
- $type: 'color',
241
- $extensions: {
242
- 'org.primer.figma': {
243
- collection: 'mode',
244
- group: 'component',
245
- scopes: ['bgColor'],
246
- },
247
- },
248
- },
249
- },
250
- },
251
- emptyNum: {
252
- bgColor: {
253
- $value: '{bgColor.muted}',
254
- $type: 'color',
255
- $extensions: {
256
- 'org.primer.figma': {
257
- collection: 'mode',
258
- group: 'component',
259
- scopes: ['bgColor'],
260
- },
261
- },
262
- },
263
- },
264
- emptyLine: {
265
- bgColor: {
266
- $value: '{bgColor.muted}',
267
- $type: 'color',
268
- $extensions: {
269
- 'org.primer.figma': {
270
- collection: 'mode',
271
- group: 'component',
272
- scopes: ['bgColor'],
273
- },
274
- },
275
- },
276
- },
277
- expander: {
278
- iconColor: {
279
- $value: '{fgColor.muted}',
280
- $type: 'color',
281
- $extensions: {
282
- 'org.primer.figma': {
283
- collection: 'mode',
284
- group: 'component',
285
- scopes: ['fgColor'],
286
- },
287
- },
288
- },
289
- },
290
- },
291
2
  codeMirror: {
292
3
  fgColor: {
293
4
  $value: '{fgColor.default}',
@@ -521,79 +232,4 @@
521
232
  },
522
233
  },
523
234
  },
524
- header: {
525
- fgColor: {
526
- default: {
527
- $value: '{fgColor.onEmphasis}',
528
- $type: 'color',
529
- $extensions: {
530
- 'org.primer.figma': {
531
- collection: 'mode',
532
- group: 'component',
533
- scopes: ['fgColor'],
534
- },
535
- },
536
- alpha: 0.7,
537
- },
538
- logo: {
539
- $value: '{fgColor.onEmphasis}',
540
- $type: 'color',
541
- $extensions: {
542
- 'org.primer.figma': {
543
- collection: 'mode',
544
- group: 'component',
545
- scopes: ['fgColor'],
546
- },
547
- },
548
- },
549
- },
550
- bgColor: {
551
- $value: '{base.color.neutral.13}',
552
- $type: 'color',
553
- $extensions: {
554
- 'org.primer.figma': {
555
- collection: 'mode',
556
- group: 'component',
557
- scopes: ['bgColor'],
558
- },
559
- },
560
- },
561
- borderColor: {
562
- divider: {
563
- $value: '{base.color.neutral.10}',
564
- $type: 'color',
565
- $extensions: {
566
- 'org.primer.figma': {
567
- collection: 'mode',
568
- group: 'component',
569
- scopes: ['borderColor'],
570
- },
571
- },
572
- },
573
- },
574
- },
575
- headerSearch: {
576
- bgColor: {
577
- $value: '{base.color.neutral.13}',
578
- $type: 'color',
579
- $extensions: {
580
- 'org.primer.figma': {
581
- collection: 'mode',
582
- group: 'component',
583
- scopes: ['bgColor'],
584
- },
585
- },
586
- },
587
- borderColor: {
588
- $value: '{base.color.neutral.10}',
589
- $type: 'color',
590
- $extensions: {
591
- 'org.primer.figma': {
592
- collection: 'mode',
593
- group: 'component',
594
- scopes: ['borderColor'],
595
- },
596
- },
597
- },
598
- },
599
235
  }
@@ -440,45 +440,6 @@
440
440
  },
441
441
  },
442
442
  },
443
- diffBlob: {
444
- additionWord: {
445
- fgColor: {
446
- $value: '{fgColor.onEmphasis}',
447
- $type: 'color',
448
- },
449
- bgColor: {
450
- $value: '{base.color.green.5}',
451
- $type: 'color',
452
- alpha: 1,
453
- },
454
- },
455
- deletionWord: {
456
- fgColor: {
457
- $value: '{fgColor.onEmphasis}',
458
- $type: 'color',
459
- },
460
- bgColor: {
461
- $value: '{base.color.red.5}',
462
- $type: 'color',
463
- alpha: 1,
464
- },
465
- },
466
- hunkNum: {
467
- bgColor: {
468
- rest: {
469
- $value: '{base.color.blue.1}',
470
- $type: 'color',
471
- alpha: 1,
472
- },
473
- },
474
- },
475
- expander: {
476
- iconColor: {
477
- $value: '{fgColor.default}',
478
- $type: 'color',
479
- },
480
- },
481
- },
482
443
  header: {
483
444
  borderColor: {
484
445
  divider: {
@@ -487,20 +448,6 @@
487
448
  },
488
449
  },
489
450
  },
490
- overlay: {
491
- borderColor: {
492
- $value: '{borderColor.default}',
493
- $type: 'color',
494
- alpha: null,
495
- },
496
- backdrop: {
497
- bgColor: {
498
- $value: '{base.color.neutral.11}',
499
- $type: 'color',
500
- alpha: 0.4,
501
- },
502
- },
503
- },
504
451
  display: {
505
452
  blue: {
506
453
  bgColor: {
@@ -845,21 +792,4 @@
845
792
  },
846
793
  },
847
794
  },
848
- skeletonLoader: {
849
- bgColor: {
850
- $value: '{base.color.neutral.5}',
851
- $type: 'color',
852
- alpha: 1,
853
- },
854
- },
855
- reactionButton: {
856
- selected: {
857
- bgColor: {
858
- hover: {
859
- $value: '#c7e9ff',
860
- $type: 'color',
861
- },
862
- },
863
- },
864
- },
865
795
  }