@primer/primitives 7.11.0-rc.f7ccc99 → 7.11.0

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 (142) hide show
  1. package/README.md +2 -2
  2. package/dist/color-contrast-check.json +1 -1
  3. package/dist/deprecated/colors.json +7 -1
  4. package/dist/js/colors/dark.d.ts +5 -0
  5. package/dist/js/colors/dark.js +5 -0
  6. package/dist/js/colors/dark_colorblind.d.ts +5 -0
  7. package/dist/js/colors/dark_colorblind.js +5 -0
  8. package/dist/js/colors/dark_dimmed.d.ts +5 -0
  9. package/dist/js/colors/dark_dimmed.js +5 -0
  10. package/dist/js/colors/dark_high_contrast.d.ts +5 -0
  11. package/dist/js/colors/dark_high_contrast.js +5 -0
  12. package/dist/js/colors/dark_tritanopia.d.ts +5 -0
  13. package/dist/js/colors/dark_tritanopia.js +5 -0
  14. package/dist/js/colors/index.d.ts +45 -0
  15. package/dist/js/colors/light.d.ts +5 -0
  16. package/dist/js/colors/light.js +5 -0
  17. package/dist/js/colors/light_colorblind.d.ts +5 -0
  18. package/dist/js/colors/light_colorblind.js +5 -0
  19. package/dist/js/colors/light_high_contrast.d.ts +5 -0
  20. package/dist/js/colors/light_high_contrast.js +5 -0
  21. package/dist/js/colors/light_tritanopia.d.ts +5 -0
  22. package/dist/js/colors/light_tritanopia.js +5 -0
  23. package/dist/js/index.d.ts +45 -0
  24. package/dist/json/colors/dark.json +5 -0
  25. package/dist/json/colors/dark_colorblind.json +5 -0
  26. package/dist/json/colors/dark_dimmed.json +5 -0
  27. package/dist/json/colors/dark_high_contrast.json +5 -0
  28. package/dist/json/colors/dark_tritanopia.json +5 -0
  29. package/dist/json/colors/light.json +5 -0
  30. package/dist/json/colors/light_colorblind.json +5 -0
  31. package/dist/json/colors/light_high_contrast.json +5 -0
  32. package/dist/json/colors/light_tritanopia.json +5 -0
  33. package/dist/scss/colors/_dark.scss +1 -0
  34. package/dist/scss/colors/_dark_colorblind.scss +1 -0
  35. package/dist/scss/colors/_dark_dimmed.scss +1 -0
  36. package/dist/scss/colors/_dark_high_contrast.scss +1 -0
  37. package/dist/scss/colors/_dark_tritanopia.scss +1 -0
  38. package/dist/scss/colors/_light.scss +1 -0
  39. package/dist/scss/colors/_light_colorblind.scss +1 -0
  40. package/dist/scss/colors/_light_high_contrast.scss +1 -0
  41. package/dist/scss/colors/_light_tritanopia.scss +1 -0
  42. package/dist/ts/colors/dark.ts +5 -0
  43. package/dist/ts/colors/dark_colorblind.ts +5 -0
  44. package/dist/ts/colors/dark_dimmed.ts +5 -0
  45. package/dist/ts/colors/dark_high_contrast.ts +5 -0
  46. package/dist/ts/colors/dark_tritanopia.ts +5 -0
  47. package/dist/ts/colors/light.ts +5 -0
  48. package/dist/ts/colors/light_colorblind.ts +5 -0
  49. package/dist/ts/colors/light_high_contrast.ts +5 -0
  50. package/dist/ts/colors/light_tritanopia.ts +5 -0
  51. package/package.json +16 -15
  52. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  53. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  54. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  55. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  56. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  57. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  58. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  59. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  60. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  61. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  62. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  63. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  64. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  65. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  66. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  67. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  68. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  69. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  70. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  71. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  72. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  73. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  74. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  75. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  76. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  77. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  78. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  79. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  80. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  81. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  82. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  83. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  84. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  85. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  86. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  87. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  88. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  89. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  90. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  92. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  93. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  94. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  95. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  97. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  105. package/CHANGELOG.md +0 -685
  106. package/tokens/base/color/dark/dark.dimmed.json5 +0 -128
  107. package/tokens/base/color/dark/dark.high-contrast.json5 +0 -128
  108. package/tokens/base/color/dark/dark.json5 +0 -133
  109. package/tokens/base/color/dark/dark.protanopia-deuteranopia.json5 +0 -48
  110. package/tokens/base/color/dark/dark.tritanopia.json5 +0 -96
  111. package/tokens/base/color/light/light.high-contrast.json5 +0 -394
  112. package/tokens/base/color/light/light.json5 +0 -403
  113. package/tokens/base/color/light/light.protanopia-deuteranopia.json5 +0 -138
  114. package/tokens/base/color/light/light.tritanopia.json5 +0 -96
  115. package/tokens/functional/border/dark.json5 +0 -12
  116. package/tokens/functional/border/light.json5 +0 -12
  117. package/tokens/functional/color/dark/ansi-dark.json5 +0 -74
  118. package/tokens/functional/color/dark/checks-dark.json5 +0 -289
  119. package/tokens/functional/color/dark/components-dark.json5 +0 -556
  120. package/tokens/functional/color/dark/diff-dark.json5 +0 -78
  121. package/tokens/functional/color/dark/marketing-dark.json5 +0 -24
  122. package/tokens/functional/color/dark/misc-dark.json5 +0 -38
  123. package/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -17
  124. package/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -276
  125. package/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -50
  126. package/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -49
  127. package/tokens/functional/color/dark/primitives-dark.json5 +0 -322
  128. package/tokens/functional/color/dark/syntax-dark.json5 +0 -208
  129. package/tokens/functional/color/light/ansi-light.json5 +0 -74
  130. package/tokens/functional/color/light/checks-light.json5 +0 -296
  131. package/tokens/functional/color/light/components-light.json5 +0 -469
  132. package/tokens/functional/color/light/diff-light.json5 +0 -76
  133. package/tokens/functional/color/light/marketing-light.json5 +0 -24
  134. package/tokens/functional/color/light/misc-light.json5 +0 -37
  135. package/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -332
  136. package/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -92
  137. package/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -92
  138. package/tokens/functional/color/light/primitives-light.json5 +0 -313
  139. package/tokens/functional/color/light/syntax-light.json5 +0 -208
  140. package/tokens/functional/color/scales.json5 +0 -493
  141. package/tokens/functional/shadow/dark.json5 +0 -93
  142. package/tokens/functional/shadow/light.json5 +0 -100
@@ -1,556 +0,0 @@
1
- {
2
- "color": {
3
- "avatar": {
4
- "bg": {
5
- "$value": "{base.color.scale.white}",
6
- "$type": "color",
7
- "alpha": 0.1
8
- },
9
- "border": {
10
- "$value": "{color.border.subtle}",
11
- "$type": "color"
12
- },
13
- "stackFade": {
14
- "$value": "{base.color.scale.gray.6}",
15
- "$type": "color"
16
- },
17
- "stackFadeMore": {
18
- "$value": "{base.color.scale.gray.7}",
19
- "$type": "color"
20
- }
21
- },
22
- "topicTag": {
23
- "border": {
24
- "$value": "{base.color.scale.transparent}",
25
- "$type": "color"
26
- }
27
- },
28
- "counter": {
29
- "border": {
30
- "$value": "{base.color.scale.transparent}",
31
- "$type": "color"
32
- }
33
- },
34
- "selectMenu": {
35
- "backdropBorder": {
36
- "$value": "{base.color.scale.gray.5}",
37
- "$type": "color"
38
- },
39
- "tapHighlight": {
40
- "$value": "{base.color.scale.gray.6}",
41
- "$type": "color",
42
- "alpha": 0.5
43
- },
44
- "tapFocusBg": {
45
- "$value": "{base.color.scale.blue.8}",
46
- "$type": "color"
47
- }
48
- },
49
- "header": {
50
- "text": {
51
- "$value": "{base.color.scale.white}",
52
- "$type": "color",
53
- "alpha": 0.7
54
- },
55
- "bg": {
56
- "$value": "{base.color.scale.gray.8}",
57
- "$type": "color"
58
- },
59
- "divider": {
60
- "$value": "{base.color.scale.gray.3}",
61
- "$type": "color"
62
- },
63
- "logo": {
64
- "$value": "{base.color.scale.gray.0}",
65
- "$type": "color"
66
- }
67
- },
68
- "headerSearch": {
69
- "bg": {
70
- "$value": "{base.color.scale.gray.9}",
71
- "$type": "color"
72
- },
73
- "border": {
74
- "$value": "{base.color.scale.gray.6}",
75
- "$type": "color"
76
- }
77
- },
78
- "sidenav": {
79
- "selectedBg": {
80
- "$value": "{base.color.scale.gray.7}",
81
- "$type": "color"
82
- }
83
- },
84
- "menu": {
85
- "bgActive": {
86
- "$value": "{base.color.scale.gray.8}",
87
- "$type": "color"
88
- }
89
- },
90
- "input": {
91
- "disabledBg": {
92
- "$value": "{color.neutral.muted}",
93
- "$type": "color",
94
- "alpha": 0.5
95
- }
96
- },
97
- "timeline": {
98
- "badgeBg": {
99
- "$value": "{base.color.scale.gray.7}",
100
- "$type": "color"
101
- }
102
- },
103
- "ansi": {
104
- "black": {
105
- "$value": "{base.color.scale.gray.5}",
106
- "$type": "color"
107
- },
108
- "blackBright": {
109
- "$value": "{base.color.scale.gray.4}",
110
- "$type": "color"
111
- },
112
- "white": {
113
- "$value": "{base.color.scale.gray.2}",
114
- "$type": "color"
115
- },
116
- "whiteBright": {
117
- "$value": "{base.color.scale.white}",
118
- "$type": "color"
119
- },
120
- "gray": {
121
- "$value": "{base.color.scale.gray.4}",
122
- "$type": "color"
123
- },
124
- "red": {
125
- "$value": "{base.color.scale.red.3}",
126
- "$type": "color"
127
- },
128
- "redBright": {
129
- "$value": "{base.color.scale.red.2}",
130
- "$type": "color"
131
- },
132
- "green": {
133
- "$value": "{base.color.scale.green.3}",
134
- "$type": "color"
135
- },
136
- "greenBright": {
137
- "$value": "{base.color.scale.green.2}",
138
- "$type": "color"
139
- },
140
- "yellow": {
141
- "$value": "{base.color.scale.yellow.3}",
142
- "$type": "color"
143
- },
144
- "yellowBright": {
145
- "$value": "{base.color.scale.yellow.2}",
146
- "$type": "color"
147
- },
148
- "blue": {
149
- "$value": "{base.color.scale.blue.3}",
150
- "$type": "color"
151
- },
152
- "blueBright": {
153
- "$value": "{base.color.scale.blue.2}",
154
- "$type": "color"
155
- },
156
- "magenta": {
157
- "$value": "{base.color.scale.purple.3}",
158
- "$type": "color"
159
- },
160
- "magentaBright": {
161
- "$value": "{base.color.scale.purple.2}",
162
- "$type": "color"
163
- },
164
- "cyan": {
165
- "$value": "#39c5cf",
166
- "$type": "color"
167
- },
168
- "cyanBright": {
169
- "$value": "#56d4dd",
170
- "$type": "color"
171
- }
172
- },
173
- "btn": {
174
- "text": {
175
- "$value": "{base.color.scale.gray.1}",
176
- "$type": "color"
177
- },
178
- "bg": {
179
- "$value": "{base.color.scale.gray.7}",
180
- "$type": "color"
181
- },
182
- "border": {
183
- "$value": "{color.border.subtle}",
184
- "$type": "color"
185
- },
186
- "hoverBg": {
187
- "$value": "{base.color.scale.gray.6}",
188
- "$type": "color"
189
- },
190
- "hoverBorder": {
191
- "$value": "{base.color.scale.gray.3}",
192
- "$type": "color"
193
- },
194
- "activeBg": {
195
- "$value": "#282e33",
196
- "$type": "color"
197
- },
198
- "activeBorder": {
199
- "$value": "{base.color.scale.gray.4}",
200
- "$type": "color"
201
- },
202
- "selectedBg": {
203
- "$value": "{base.color.scale.gray.8}",
204
- "$type": "color"
205
- },
206
- "focusBg": {
207
- "$value": "{base.color.scale.gray.7}",
208
- "$type": "color"
209
- },
210
- "focusBorder": {
211
- "$value": "{base.color.scale.gray.3}",
212
- "$type": "color"
213
- },
214
-
215
- "counterBg": {
216
- "$value": "{base.color.scale.gray.6}",
217
- "$type": "color"
218
- },
219
- "primary": {
220
- "text": {
221
- "$value": "#ffffff",
222
- "$type": "color"
223
- },
224
- "bg": {
225
- "$value": "{base.color.scale.green.5}",
226
- "$type": "color"
227
- },
228
- "border": {
229
- "$value": "{color.border.subtle}",
230
- "$type": "color"
231
- },
232
- "shadow": "0 0 transparent",
233
- "insetShadow": "0 0 transparent",
234
- "hover": {
235
- "bg": {
236
- "$value": "{base.color.scale.green.4}",
237
- "$type": "color"
238
- }
239
- },
240
- "hoverBorder": {
241
- "$value": "{color.border.subtle}",
242
- "$type": "color"
243
- },
244
- "selectedBg": {
245
- "$value": "{base.color.scale.green.5}",
246
- "$type": "color"
247
- },
248
- "selectedShadow": "0 0 transparent",
249
- "disabledText": {
250
- "$value": "{base.color.scale.white}",
251
- "$type": "color",
252
- "alpha": 0.5
253
- },
254
- "disabledBg": {
255
- "$value": "{base.color.scale.green.5}",
256
- "$type": "color",
257
- "alpha": 0.6
258
- },
259
- "disabledBorder": {
260
- "$value": "{color.border.subtle}",
261
- "$type": "color"
262
- },
263
- "focusBg": {
264
- "$value": "{base.color.scale.green.5}",
265
- "$type": "color"
266
- },
267
- "focusBorder": {
268
- "$value": "{color.border.subtle}",
269
- "$type": "color"
270
- },
271
-
272
- "icon": {
273
- "$value": "{base.color.scale.white}",
274
- "$type": "color"
275
- },
276
- "counterBg": {
277
- "$value": "{base.color.scale.white}",
278
- "$type": "color",
279
- "alpha": 0.2
280
- }
281
- },
282
-
283
- "outline": {
284
- "text": {
285
- "$value": "{base.color.scale.blue.3}",
286
- "$type": "color"
287
- },
288
- "hoverText": {
289
- "$value": "{base.color.scale.blue.3}",
290
- "$type": "color"
291
- },
292
- "hoverBg": {
293
- "$value": "{base.color.scale.gray.6}",
294
- "$type": "color"
295
- },
296
- "hoverBorder": {
297
- "$value": "{color.border.subtle}",
298
- "$type": "color"
299
- },
300
-
301
- "hoverCounterBg": {
302
- "$value": "{base.color.scale.white}",
303
- "$type": "color",
304
- "alpha": 0.2
305
- },
306
- "selectedText": {
307
- "$value": "{base.color.scale.white}",
308
- "$type": "color"
309
- },
310
- "selectedBg": {
311
- "$value": "{base.color.scale.blue.7}",
312
- "$type": "color"
313
- },
314
- "selectedBorder": {
315
- "$value": "{color.border.subtle}",
316
- "$type": "color"
317
- },
318
- "selectedShadow": "0 0 transparent",
319
- "disabledText": {
320
- "$value": "{base.color.scale.blue.3}",
321
- "$type": "color",
322
- "alpha": 0.5
323
- },
324
- "disabledBg": {
325
- "$value": "{base.color.scale.gray.9}",
326
- "$type": "color"
327
- },
328
- "disabledCounterBg": {
329
- "$value": "{base.color.scale.blue.5}",
330
- "$type": "color",
331
- "alpha": 0.05
332
- },
333
- "focusBorder": {
334
- "$value": "{color.border.subtle}",
335
- "$type": "color"
336
- },
337
-
338
- "counterBg": {
339
- "$value": "{base.color.scale.blue.5}",
340
- "$type": "color",
341
- "alpha": 0.1
342
- }
343
- },
344
- "danger": {
345
- "text": {
346
- "$value": "{base.color.scale.red.4}",
347
- "$type": "color"
348
- },
349
- "hoverText": {
350
- "$value": "{color.fg.onEmphasis}",
351
- "$type": "color"
352
- },
353
- "hoverBg": {
354
- "$value": "{base.color.scale.red.5}",
355
- "$type": "color"
356
- },
357
- "hoverBorder": {
358
- "$value": "{base.color.scale.red.4}",
359
- "$type": "color"
360
- },
361
- "hoverShadow": "0 0 transparent",
362
- "hoverInsetShadow": "0 0 transparent",
363
- "hoverIcon": {
364
- "$value": "{color.fg.onEmphasis}",
365
- "$type": "color"
366
- },
367
- "hover": {
368
- "counter": {
369
- "bg": {
370
- "$value": "#ffffff",
371
- "$type": "color",
372
- "alpha": 0.2
373
- }
374
- }
375
- },
376
- "selectedText": {
377
- "$value": "#ffffff",
378
- "$type": "color"
379
- },
380
- "selectedBg": {
381
- "$value": "{base.color.scale.red.6}",
382
- "$type": "color"
383
- },
384
- "selectedBorder": {
385
- "$value": "{base.color.scale.red.3}",
386
- "$type": "color"
387
- },
388
- "selectedShadow": "0 0 transparent",
389
- "disabledText": {
390
- "$value": "{base.color.scale.red.4}",
391
- "$type": "color",
392
- "alpha": 0.5
393
- },
394
- "disabledBg": {
395
- "$value": "{base.color.scale.gray.9}",
396
- "$type": "color"
397
- },
398
- "disabledCounterBg": {
399
- "$value": "{base.color.scale.red.5}",
400
- "$type": "color",
401
- "alpha": 0.05
402
- },
403
- "focusBorder": {
404
- "$value": "{base.color.scale.red.4}",
405
- "$type": "color"
406
- },
407
-
408
- "counterBg": {
409
- "$value": "{base.color.scale.red.5}",
410
- "$type": "color",
411
- "alpha": 0.1
412
- },
413
- "icon": {
414
- "$value": "{base.color.scale.red.4}",
415
- "$type": "color"
416
- }
417
- }
418
- },
419
- "underlinenav": {
420
- "icon": {
421
- "$value": "{color.fg.subtle}",
422
- "$type": "color"
423
- },
424
- "borderHover": {
425
- "$value": "{color.neutral.muted}",
426
- "$type": "color"
427
- }
428
- },
429
-
430
- "actionListItem": {
431
- "inlineDivider": {
432
- "$value": "{color.border.default}",
433
- "$type": "color",
434
- "alpha": 0.48
435
- },
436
-
437
- "default": {
438
- "hoverBg": {
439
- "$value": "{base.color.scale.gray.2}",
440
- "$type": "color",
441
- "alpha": 0.12
442
- },
443
- "hoverBorder": {
444
- "$value": "{base.color.scale.transparent}",
445
- "$type": "color"
446
- },
447
-
448
- "activeBg": {
449
- "$value": "{base.color.scale.gray.2}",
450
- "$type": "color",
451
- "alpha": 0.2
452
- },
453
- "activeBorder": {
454
- "$value": "{base.color.scale.transparent}",
455
- "$type": "color"
456
- },
457
- "selectedBg": {
458
- "$value": "{base.color.scale.gray.2}",
459
- "$type": "color",
460
- "alpha": 0.08
461
- }
462
- },
463
- "danger": {
464
- "hoverBg": {
465
- "$value": "{base.color.scale.red.4}",
466
- "$type": "color",
467
- "alpha": 0.16
468
- },
469
- "activeBg": {
470
- "$value": "{base.color.scale.red.4}",
471
- "$type": "color",
472
- "alpha": 0.24
473
- },
474
- "hoverText": {
475
- "$value": "{base.color.scale.red.3}",
476
- "$type": "color"
477
- }
478
- }
479
- },
480
-
481
- "switchTrack": {
482
- "bg": {
483
- "$value": "{base.color.scale.black}",
484
- "$type": "color"
485
- },
486
- "border": {
487
- "$value": "{base.color.scale.gray.4}",
488
- "$type": "color"
489
- },
490
-
491
- "checked": {
492
- "bg": {
493
- "$value": "{base.color.scale.blue.5}",
494
- "$type": "color",
495
- "alpha": 0.35
496
- },
497
- "hoverBg": {
498
- "$value": "{base.color.scale.blue.5}",
499
- "$type": "color",
500
- "alpha": 0.5
501
- },
502
- "activeBg": {
503
- "$value": "{base.color.scale.blue.5}",
504
- "$type": "color",
505
- "alpha": 0.65
506
- },
507
- "border": {
508
- "$value": "{base.color.scale.blue.3}",
509
- "$type": "color"
510
- }
511
- }
512
- },
513
-
514
- "switchKnob": {
515
- "checked": {
516
- "bg": {
517
- "$value": "{base.color.scale.blue.5}",
518
- "$type": "color"
519
- },
520
- "disabledBg": {
521
- "$value": "{base.color.scale.gray.5}",
522
- "$type": "color"
523
- }
524
- }
525
- },
526
-
527
- "segmentedControl": {
528
- "bg": {
529
- "$value": "{base.color.scale.gray.8}",
530
- "$type": "color"
531
- },
532
-
533
- "button": {
534
- "hover": {
535
- "bg": {
536
- "$value": "{base.color.scale.gray.6}",
537
- "$type": "color"
538
- }
539
- },
540
-
541
- "active": {
542
- "bg": {
543
- "$value": "{base.color.scale.gray.7}",
544
- "$type": "color"
545
- }
546
- },
547
- "selected": {
548
- "border": {
549
- "$value": "{base.color.scale.gray.4}",
550
- "$type": "color"
551
- }
552
- }
553
- }
554
- }
555
- }
556
- }
@@ -1,78 +0,0 @@
1
- {
2
- "color": {
3
- "diffBlob": {
4
- "addition": {
5
- "numText": {
6
- "$value": "{color.fg.default}",
7
- "$type": "color"
8
- },
9
- "fg": {
10
- "$value": "{color.fg.default}",
11
- "$type": "color"
12
- },
13
- "numBg": {
14
- "$value": "{base.color.scale.green.3}",
15
- "$type": "color",
16
- "alpha": 0.3
17
- },
18
- "lineBg": {
19
- "$value": "{color.success.subtle}",
20
- "$type": "color"
21
- },
22
- "wordBg": {
23
- "$value": "{color.success.muted}",
24
- "$type": "color"
25
- }
26
- },
27
- "deletion": {
28
- "numText": {
29
- "$value": "{color.fg.default}",
30
- "$type": "color"
31
- },
32
- "fg": {
33
- "$value": "{color.fg.default}",
34
- "$type": "color"
35
- },
36
- "numBg": {
37
- "$value": "{base.color.scale.red.4}",
38
- "$type": "color",
39
- "alpha": 0.3
40
- },
41
- "lineBg": {
42
- "$value": "{color.danger.subtle}",
43
- "$type": "color"
44
- },
45
- "wordBg": {
46
- "$value": "{color.danger.muted}",
47
- "$type": "color"
48
- }
49
- },
50
- "hunk": {
51
- "numBg": {
52
- "$value": "{color.accent.muted}",
53
- "$type": "color"
54
- }
55
- },
56
- "expander": {
57
- "icon": {
58
- "$value": "{color.fg.muted}",
59
- "$type": "color"
60
- }
61
- }
62
- },
63
- "diffstat": {
64
- "additionBg": {
65
- "$value": "{base.color.scale.green.3}",
66
- "$type": "color"
67
- },
68
- "deletionBorder": {
69
- "$value": "{color.border.subtle}",
70
- "$type": "color"
71
- },
72
- "additionBorder": {
73
- "$value": "{color.border.subtle}",
74
- "$type": "color"
75
- }
76
- }
77
- }
78
- }
@@ -1,24 +0,0 @@
1
- {
2
- "color": {
3
- "mktg": {
4
- "btn": {
5
- "bg": {
6
- "$value": "#f6f8fa",
7
- "$type": "color"
8
- }
9
- }
10
- },
11
- "marketing": {
12
- "icon": {
13
- "primary": {
14
- "$value": "{base.color.scale.blue.2}",
15
- "$type": "color"
16
- },
17
- "secondary": {
18
- "$value": "{base.color.scale.blue.5}",
19
- "$type": "color"
20
- }
21
- }
22
- }
23
- }
24
- }
@@ -1,38 +0,0 @@
1
- {
2
- "color": {
3
- "page": {
4
- "header": {
5
- "bg": {
6
- "$value": "{color.canvas.default}",
7
- "$type": "color"
8
- }
9
- }
10
- },
11
- "searchKeyword": {
12
- "hl": {
13
- "$value": "{base.color.scale.yellow.3}",
14
- "$type": "color",
15
- "alpha": 0.4
16
- }
17
- },
18
- "project": {
19
- "headerBg": {
20
- "$value": "{base.color.scale.gray.9}",
21
- "$type": "color"
22
- },
23
- "sidebarBg": {
24
- "$value": "{base.color.scale.gray.8}",
25
- "$type": "color"
26
- },
27
- "gradientIn": {
28
- "$value": "{base.color.scale.gray.8}",
29
- "$type": "color"
30
- },
31
- "gradientOut": {
32
- "$value": "{base.color.scale.gray.8}",
33
- "$type": "color",
34
- "alpha": 0
35
- }
36
- }
37
- }
38
- }