@primer/primitives 10.0.0-rc.d2acd2c0 → 10.0.0-rc.dd3dde40

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 (121) hide show
  1. package/README.md +2 -2
  2. package/dist/build/PrimerStyleDictionary.js +27 -26
  3. package/dist/build/filters/isCubicBezier.d.ts +7 -0
  4. package/dist/build/filters/isCubicBezier.js +10 -0
  5. package/dist/build/formats/typescriptExportDefinition.js +2 -2
  6. package/dist/build/parsers/w3cJsonParser.js +2 -2
  7. package/dist/build/platforms/css.js +1 -0
  8. package/dist/build/schemas/borderToken.d.ts +3 -3
  9. package/dist/build/schemas/colorToken.d.ts +3 -3
  10. package/dist/build/schemas/cubicBezierToken.d.ts +18 -0
  11. package/dist/build/schemas/cubicBezierToken.js +8 -0
  12. package/dist/build/schemas/designToken.js +2 -1
  13. package/dist/build/schemas/dimensionToken.d.ts +3 -3
  14. package/dist/build/schemas/durationToken.d.ts +3 -3
  15. package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
  16. package/dist/build/schemas/fontWeightToken.d.ts +3 -3
  17. package/dist/build/schemas/numberToken.d.ts +3 -3
  18. package/dist/build/schemas/shadowToken.d.ts +3 -3
  19. package/dist/build/schemas/stringToken.d.ts +3 -3
  20. package/dist/build/schemas/tokenType.d.ts +1 -1
  21. package/dist/build/schemas/typographyToken.d.ts +3 -3
  22. package/dist/build/schemas/validTokenType.d.ts +1 -1
  23. package/dist/build/schemas/validTokenType.js +1 -0
  24. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  25. package/dist/build/transformers/cubicBezierToCss.d.ts +8 -0
  26. package/dist/build/transformers/cubicBezierToCss.js +23 -0
  27. package/dist/build/transformers/durationToCss.js +2 -2
  28. package/dist/build/transformers/index.d.ts +1 -0
  29. package/dist/build/transformers/index.js +1 -0
  30. package/dist/css/base/motion/motion.css +17 -0
  31. package/dist/css/functional/motion/motion.css +4 -3
  32. package/dist/css/functional/themes/dark-colorblind.css +58 -38
  33. package/dist/css/functional/themes/dark-dimmed.css +44 -24
  34. package/dist/css/functional/themes/dark-high-contrast.css +42 -22
  35. package/dist/css/functional/themes/dark-tritanopia.css +44 -24
  36. package/dist/css/functional/themes/dark.css +42 -22
  37. package/dist/css/functional/themes/light-colorblind.css +60 -40
  38. package/dist/css/functional/themes/light-high-contrast.css +44 -24
  39. package/dist/css/functional/themes/light-tritanopia.css +42 -22
  40. package/dist/css/functional/themes/light.css +42 -22
  41. package/dist/css/functional/typography/typography.css +43 -43
  42. package/dist/css/primitives.css +64 -46
  43. package/dist/docs/base/motion/motion.json +205 -0
  44. package/dist/docs/functional/motion/motion.json +18 -3
  45. package/dist/docs/functional/themes/dark-colorblind.json +564 -282
  46. package/dist/docs/functional/themes/dark-dimmed.json +580 -276
  47. package/dist/docs/functional/themes/dark-high-contrast.json +408 -168
  48. package/dist/docs/functional/themes/dark-tritanopia.json +558 -280
  49. package/dist/docs/functional/themes/dark.json +564 -276
  50. package/dist/docs/functional/themes/light-colorblind.json +388 -108
  51. package/dist/docs/functional/themes/light-high-contrast.json +353 -83
  52. package/dist/docs/functional/themes/light-tritanopia.json +327 -81
  53. package/dist/docs/functional/themes/light.json +356 -78
  54. package/dist/fallbacks/base/motion/motion.json +17 -0
  55. package/dist/fallbacks/functional/motion/motion.json +1 -0
  56. package/dist/figma/dimension/dimension.json +518 -518
  57. package/dist/figma/figma.json +19 -19
  58. package/dist/figma/scales/dark-dimmed.json +3536 -656
  59. package/dist/figma/scales/dark-high-constrast.json +3535 -655
  60. package/dist/figma/scales/dark.json +3371 -491
  61. package/dist/figma/scales/light-high-constrast.json +3533 -653
  62. package/dist/figma/scales/light.json +3370 -490
  63. package/dist/figma/shadows/dark-colorblind.json +285 -285
  64. package/dist/figma/shadows/dark-dimmed.json +285 -285
  65. package/dist/figma/shadows/dark-high-contrast.json +285 -285
  66. package/dist/figma/shadows/dark-tritanopia.json +285 -285
  67. package/dist/figma/shadows/dark.json +285 -285
  68. package/dist/figma/shadows/light-colorblind.json +254 -254
  69. package/dist/figma/shadows/light-high-contrast.json +254 -254
  70. package/dist/figma/shadows/light-tritanopia.json +254 -254
  71. package/dist/figma/shadows/light.json +254 -254
  72. package/dist/figma/themes/dark-colorblind.json +5197 -5068
  73. package/dist/figma/themes/dark-dimmed.json +5526 -5351
  74. package/dist/figma/themes/dark-high-contrast.json +4361 -4251
  75. package/dist/figma/themes/dark-tritanopia.json +5315 -5187
  76. package/dist/figma/themes/dark.json +5740 -5581
  77. package/dist/figma/themes/light-colorblind.json +5104 -4929
  78. package/dist/figma/themes/light-high-contrast.json +4462 -4319
  79. package/dist/figma/themes/light-tritanopia.json +5176 -5050
  80. package/dist/figma/themes/light.json +5657 -5500
  81. package/dist/figma/typography/typography.json +162 -162
  82. package/dist/internalCss/dark-colorblind.css +58 -38
  83. package/dist/internalCss/dark-dimmed.css +44 -24
  84. package/dist/internalCss/dark-high-contrast.css +42 -22
  85. package/dist/internalCss/dark-tritanopia.css +44 -24
  86. package/dist/internalCss/dark.css +42 -22
  87. package/dist/internalCss/light-colorblind.css +60 -40
  88. package/dist/internalCss/light-high-contrast.css +44 -24
  89. package/dist/internalCss/light-tritanopia.css +42 -22
  90. package/dist/internalCss/light.css +42 -22
  91. package/dist/styleLint/base/motion/motion.json +205 -0
  92. package/dist/styleLint/functional/motion/motion.json +18 -3
  93. package/dist/styleLint/functional/themes/dark-colorblind.json +564 -282
  94. package/dist/styleLint/functional/themes/dark-dimmed.json +580 -276
  95. package/dist/styleLint/functional/themes/dark-high-contrast.json +407 -167
  96. package/dist/styleLint/functional/themes/dark-tritanopia.json +558 -280
  97. package/dist/styleLint/functional/themes/dark.json +564 -276
  98. package/dist/styleLint/functional/themes/light-colorblind.json +388 -108
  99. package/dist/styleLint/functional/themes/light-high-contrast.json +353 -83
  100. package/dist/styleLint/functional/themes/light-tritanopia.json +327 -81
  101. package/dist/styleLint/functional/themes/light.json +356 -78
  102. package/package.json +21 -29
  103. package/src/tokens/base/motion/easing.json5 +26 -0
  104. package/src/tokens/base/motion/timing.json5 +50 -0
  105. package/src/tokens/functional/color/dark/app-dark.json5 +203 -88
  106. package/src/tokens/functional/color/dark/data-vis-dark.json5 +20 -20
  107. package/src/tokens/functional/color/dark/display-dark.json5 +95 -95
  108. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -8
  109. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +39 -26
  110. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +56 -30
  111. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +37 -14
  112. package/src/tokens/functional/color/dark/patterns-dark.json5 +16 -4
  113. package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -1
  114. package/src/tokens/functional/color/light/app-light.json5 +195 -85
  115. package/src/tokens/functional/color/light/data-vis-light.json5 +20 -20
  116. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  117. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +61 -33
  118. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +62 -10
  119. package/src/tokens/functional/color/light/patterns-light.json5 +13 -1
  120. package/src/tokens/functional/motion/loading.json5 +1 -1
  121. package/src/tokens/functional/motion/patterns.json5 +9 -2
@@ -86,7 +86,7 @@
86
86
  "attributes": {},
87
87
  "path": ["page", "header", "bgColor"]
88
88
  },
89
- "diffBlob-addition-fgColor-text": {
89
+ "diffBlob-additionLine-fgColor": {
90
90
  "$value": "#1f2328",
91
91
  "$type": "color",
92
92
  "$extensions": {
@@ -111,11 +111,40 @@
111
111
  }
112
112
  }
113
113
  },
114
- "name": "diffBlob-addition-fgColor-text",
114
+ "name": "diffBlob-additionLine-fgColor",
115
115
  "attributes": {},
116
- "path": ["diffBlob", "addition", "fgColor", "text"]
116
+ "path": ["diffBlob", "additionLine", "fgColor"]
117
117
  },
118
- "diffBlob-addition-fgColor-num": {
118
+ "diffBlob-additionLine-bgColor": {
119
+ "$value": "#ddf4ff",
120
+ "$type": "color",
121
+ "$extensions": {
122
+ "org.primer.figma": {
123
+ "collection": "mode",
124
+ "mode": "light",
125
+ "group": "component",
126
+ "scopes": ["bgColor"]
127
+ }
128
+ },
129
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
130
+ "isSource": true,
131
+ "original": {
132
+ "$value": "{bgColor.success.muted}",
133
+ "$type": "color",
134
+ "$extensions": {
135
+ "org.primer.figma": {
136
+ "collection": "mode",
137
+ "mode": "light",
138
+ "group": "component",
139
+ "scopes": ["bgColor"]
140
+ }
141
+ }
142
+ },
143
+ "name": "diffBlob-additionLine-bgColor",
144
+ "attributes": {},
145
+ "path": ["diffBlob", "additionLine", "bgColor"]
146
+ },
147
+ "diffBlob-additionWord-fgColor": {
119
148
  "$value": "#1f2328",
120
149
  "$type": "color",
121
150
  "$extensions": {
@@ -140,45 +169,53 @@
140
169
  }
141
170
  }
142
171
  },
143
- "name": "diffBlob-addition-fgColor-num",
172
+ "name": "diffBlob-additionWord-fgColor",
144
173
  "attributes": {},
145
- "path": ["diffBlob", "addition", "fgColor", "num"]
174
+ "path": ["diffBlob", "additionWord", "fgColor"]
146
175
  },
147
- "diffBlob-addition-bgColor-num": {
148
- "$value": "#d5f1ff",
176
+ "diffBlob-additionWord-bgColor": {
177
+ "$value": "#b6e3ff",
149
178
  "$type": "color",
150
- "mix": {
151
- "color": "#ddf4ff",
152
- "weight": 0.8
153
- },
154
179
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
155
180
  "isSource": true,
156
181
  "original": {
157
182
  "$value": "{base.color.blue.1}",
158
- "$type": "color",
159
- "mix": {
160
- "color": "{base.color.blue.0}",
161
- "weight": 0.8
162
- }
183
+ "$type": "color"
163
184
  },
164
- "name": "diffBlob-addition-bgColor-num",
185
+ "name": "diffBlob-additionWord-bgColor",
165
186
  "attributes": {},
166
- "path": ["diffBlob", "addition", "bgColor", "num"]
187
+ "path": ["diffBlob", "additionWord", "bgColor"]
167
188
  },
168
- "diffBlob-addition-bgColor-line": {
169
- "$value": "#ddf4ff",
189
+ "diffBlob-additionNum-fgColor": {
190
+ "$value": "#1f2328",
170
191
  "$type": "color",
171
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
192
+ "$extensions": {
193
+ "org.primer.figma": {
194
+ "collection": "mode",
195
+ "mode": "light",
196
+ "group": "component",
197
+ "scopes": ["fgColor"]
198
+ }
199
+ },
200
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
172
201
  "isSource": true,
173
202
  "original": {
174
- "$value": "{base.color.blue.0}",
175
- "$type": "color"
203
+ "$value": "{fgColor.default}",
204
+ "$type": "color",
205
+ "$extensions": {
206
+ "org.primer.figma": {
207
+ "collection": "mode",
208
+ "mode": "light",
209
+ "group": "component",
210
+ "scopes": ["fgColor"]
211
+ }
212
+ }
176
213
  },
177
- "name": "diffBlob-addition-bgColor-line",
214
+ "name": "diffBlob-additionNum-fgColor",
178
215
  "attributes": {},
179
- "path": ["diffBlob", "addition", "bgColor", "line"]
216
+ "path": ["diffBlob", "additionNum", "fgColor"]
180
217
  },
181
- "diffBlob-addition-bgColor-word": {
218
+ "diffBlob-additionNum-bgColor": {
182
219
  "$value": "#b6e3ff",
183
220
  "$type": "color",
184
221
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
@@ -187,11 +224,11 @@
187
224
  "$value": "{base.color.blue.1}",
188
225
  "$type": "color"
189
226
  },
190
- "name": "diffBlob-addition-bgColor-word",
227
+ "name": "diffBlob-additionNum-bgColor",
191
228
  "attributes": {},
192
- "path": ["diffBlob", "addition", "bgColor", "word"]
229
+ "path": ["diffBlob", "additionNum", "bgColor"]
193
230
  },
194
- "diffBlob-deletion-fgColor-text": {
231
+ "diffBlob-deletionLine-fgColor": {
195
232
  "$value": "#1f2328",
196
233
  "$type": "color",
197
234
  "$extensions": {
@@ -216,11 +253,40 @@
216
253
  }
217
254
  }
218
255
  },
219
- "name": "diffBlob-deletion-fgColor-text",
256
+ "name": "diffBlob-deletionLine-fgColor",
257
+ "attributes": {},
258
+ "path": ["diffBlob", "deletionLine", "fgColor"]
259
+ },
260
+ "diffBlob-deletionLine-bgColor": {
261
+ "$value": "#ffebe9",
262
+ "$type": "color",
263
+ "$extensions": {
264
+ "org.primer.figma": {
265
+ "collection": "mode",
266
+ "mode": "light",
267
+ "group": "component",
268
+ "scopes": ["bgColor"]
269
+ }
270
+ },
271
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
272
+ "isSource": true,
273
+ "original": {
274
+ "$value": "{bgColor.danger.muted}",
275
+ "$type": "color",
276
+ "$extensions": {
277
+ "org.primer.figma": {
278
+ "collection": "mode",
279
+ "mode": "light",
280
+ "group": "component",
281
+ "scopes": ["bgColor"]
282
+ }
283
+ }
284
+ },
285
+ "name": "diffBlob-deletionLine-bgColor",
220
286
  "attributes": {},
221
- "path": ["diffBlob", "deletion", "fgColor", "text"]
287
+ "path": ["diffBlob", "deletionLine", "bgColor"]
222
288
  },
223
- "diffBlob-deletion-fgColor-num": {
289
+ "diffBlob-deletionWord-fgColor": {
224
290
  "$value": "#1f2328",
225
291
  "$type": "color",
226
292
  "$extensions": {
@@ -245,25 +311,80 @@
245
311
  }
246
312
  }
247
313
  },
248
- "name": "diffBlob-deletion-fgColor-num",
314
+ "name": "diffBlob-deletionWord-fgColor",
249
315
  "attributes": {},
250
- "path": ["diffBlob", "deletion", "fgColor", "num"]
316
+ "path": ["diffBlob", "deletionWord", "fgColor"]
251
317
  },
252
- "diffBlob-deletion-bgColor-num": {
318
+ "diffBlob-deletionWord-bgColor": {
253
319
  "$value": "#ffcecb",
254
320
  "$type": "color",
321
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
322
+ "isSource": true,
323
+ "original": {
324
+ "$value": "{base.color.red.1}",
325
+ "$type": "color"
326
+ },
327
+ "name": "diffBlob-deletionWord-bgColor",
328
+ "attributes": {},
329
+ "path": ["diffBlob", "deletionWord", "bgColor"]
330
+ },
331
+ "diffBlob-deletionNum-fgColor": {
332
+ "$value": "#1f2328",
333
+ "$type": "color",
255
334
  "$extensions": {
256
335
  "org.primer.figma": {
257
336
  "collection": "mode",
258
337
  "mode": "light",
259
338
  "group": "component",
260
- "scopes": ["bgColor"]
339
+ "scopes": ["fgColor"]
261
340
  }
262
341
  },
263
342
  "filePath": "src/tokens/functional/color/light/app-light.json5",
264
343
  "isSource": true,
344
+ "original": {
345
+ "$value": "{fgColor.default}",
346
+ "$type": "color",
347
+ "$extensions": {
348
+ "org.primer.figma": {
349
+ "collection": "mode",
350
+ "mode": "light",
351
+ "group": "component",
352
+ "scopes": ["fgColor"]
353
+ }
354
+ }
355
+ },
356
+ "name": "diffBlob-deletionNum-fgColor",
357
+ "attributes": {},
358
+ "path": ["diffBlob", "deletionNum", "fgColor"]
359
+ },
360
+ "diffBlob-deletionNum-bgColor": {
361
+ "$value": "#ffcecb",
362
+ "$type": "color",
363
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
364
+ "isSource": true,
265
365
  "original": {
266
366
  "$value": "{base.color.red.1}",
367
+ "$type": "color"
368
+ },
369
+ "name": "diffBlob-deletionNum-bgColor",
370
+ "attributes": {},
371
+ "path": ["diffBlob", "deletionNum", "bgColor"]
372
+ },
373
+ "diffBlob-hunkLine-bgColor": {
374
+ "$value": "#f6f8fa",
375
+ "$type": "color",
376
+ "$extensions": {
377
+ "org.primer.figma": {
378
+ "collection": "mode",
379
+ "mode": "light",
380
+ "group": "component",
381
+ "scopes": ["bgColor"]
382
+ }
383
+ },
384
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
385
+ "isSource": true,
386
+ "original": {
387
+ "$value": "{base.color.neutral.1}",
267
388
  "$type": "color",
268
389
  "$extensions": {
269
390
  "org.primer.figma": {
@@ -274,25 +395,96 @@
274
395
  }
275
396
  }
276
397
  },
277
- "name": "diffBlob-deletion-bgColor-num",
398
+ "name": "diffBlob-hunkLine-bgColor",
278
399
  "attributes": {},
279
- "path": ["diffBlob", "deletion", "bgColor", "num"]
400
+ "path": ["diffBlob", "hunkLine", "bgColor"]
280
401
  },
281
- "diffBlob-deletion-bgColor-line": {
282
- "$value": "#ffebe9",
402
+ "diffBlob-hunkLine-fgColor": {
403
+ "$value": "#59636e",
283
404
  "$type": "color",
284
405
  "$extensions": {
285
406
  "org.primer.figma": {
286
407
  "collection": "mode",
287
408
  "mode": "light",
288
409
  "group": "component",
289
- "scopes": ["bgColor"]
410
+ "scopes": ["fgColor"]
290
411
  }
291
412
  },
292
413
  "filePath": "src/tokens/functional/color/light/app-light.json5",
293
414
  "isSource": true,
294
415
  "original": {
295
- "$value": "{base.color.red.0}",
416
+ "$value": "{fgColor.muted}",
417
+ "$type": "color",
418
+ "$extensions": {
419
+ "org.primer.figma": {
420
+ "collection": "mode",
421
+ "mode": "light",
422
+ "group": "component",
423
+ "scopes": ["fgColor"]
424
+ }
425
+ }
426
+ },
427
+ "name": "diffBlob-hunkLine-fgColor",
428
+ "attributes": {},
429
+ "path": ["diffBlob", "hunkLine", "fgColor"]
430
+ },
431
+ "diffBlob-hunkNum-fgColor-rest": {
432
+ "$value": "#1f2328",
433
+ "$type": "color",
434
+ "$extensions": {
435
+ "org.primer.figma": {
436
+ "collection": "mode",
437
+ "mode": "light",
438
+ "group": "component",
439
+ "scopes": ["fgColor"]
440
+ }
441
+ },
442
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
443
+ "isSource": true,
444
+ "original": {
445
+ "$value": "{fgColor.default}",
446
+ "$type": "color",
447
+ "$extensions": {
448
+ "org.primer.figma": {
449
+ "collection": "mode",
450
+ "mode": "light",
451
+ "group": "component",
452
+ "scopes": ["fgColor"]
453
+ }
454
+ }
455
+ },
456
+ "name": "diffBlob-hunkNum-fgColor-rest",
457
+ "attributes": {},
458
+ "path": ["diffBlob", "hunkNum", "fgColor", "rest"]
459
+ },
460
+ "diffBlob-hunkNum-fgColor-hover": {
461
+ "$value": "#1f2328",
462
+ "$type": "color",
463
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
464
+ "isSource": true,
465
+ "original": {
466
+ "$value": "{fgColor.default}",
467
+ "$type": "color"
468
+ },
469
+ "name": "diffBlob-hunkNum-fgColor-hover",
470
+ "attributes": {},
471
+ "path": ["diffBlob", "hunkNum", "fgColor", "hover"]
472
+ },
473
+ "diffBlob-hunkNum-bgColor-rest": {
474
+ "$value": "#e6eaef",
475
+ "$type": "color",
476
+ "$extensions": {
477
+ "org.primer.figma": {
478
+ "collection": "mode",
479
+ "mode": "light",
480
+ "group": "component",
481
+ "scopes": ["bgColor"]
482
+ }
483
+ },
484
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
485
+ "isSource": true,
486
+ "original": {
487
+ "$value": "{base.color.neutral.3}",
296
488
  "$type": "color",
297
489
  "$extensions": {
298
490
  "org.primer.figma": {
@@ -303,12 +495,41 @@
303
495
  }
304
496
  }
305
497
  },
306
- "name": "diffBlob-deletion-bgColor-line",
498
+ "name": "diffBlob-hunkNum-bgColor-rest",
307
499
  "attributes": {},
308
- "path": ["diffBlob", "deletion", "bgColor", "line"]
500
+ "path": ["diffBlob", "hunkNum", "bgColor", "rest"]
309
501
  },
310
- "diffBlob-deletion-bgColor-word": {
311
- "$value": "#ff818266",
502
+ "diffBlob-hunkNum-bgColor-hover": {
503
+ "$value": "#c8d1da",
504
+ "$type": "color",
505
+ "$extensions": {
506
+ "org.primer.figma": {
507
+ "collection": "mode",
508
+ "mode": "light",
509
+ "group": "component",
510
+ "scopes": ["bgColor"]
511
+ }
512
+ },
513
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
514
+ "isSource": true,
515
+ "original": {
516
+ "$value": "{base.color.neutral.7}",
517
+ "$type": "color",
518
+ "$extensions": {
519
+ "org.primer.figma": {
520
+ "collection": "mode",
521
+ "mode": "light",
522
+ "group": "component",
523
+ "scopes": ["bgColor"]
524
+ }
525
+ }
526
+ },
527
+ "name": "diffBlob-hunkNum-bgColor-hover",
528
+ "attributes": {},
529
+ "path": ["diffBlob", "hunkNum", "bgColor", "hover"]
530
+ },
531
+ "diffBlob-emptyNum-bgColor": {
532
+ "$value": "#f6f8fa",
312
533
  "$type": "color",
313
534
  "$extensions": {
314
535
  "org.primer.figma": {
@@ -318,11 +539,10 @@
318
539
  "scopes": ["bgColor"]
319
540
  }
320
541
  },
321
- "alpha": 0.4,
322
542
  "filePath": "src/tokens/functional/color/light/app-light.json5",
323
543
  "isSource": true,
324
544
  "original": {
325
- "$value": "{base.color.red.3}",
545
+ "$value": "{bgColor.muted}",
326
546
  "$type": "color",
327
547
  "$extensions": {
328
548
  "org.primer.figma": {
@@ -331,15 +551,14 @@
331
551
  "group": "component",
332
552
  "scopes": ["bgColor"]
333
553
  }
334
- },
335
- "alpha": 0.4
554
+ }
336
555
  },
337
- "name": "diffBlob-deletion-bgColor-word",
556
+ "name": "diffBlob-emptyNum-bgColor",
338
557
  "attributes": {},
339
- "path": ["diffBlob", "deletion", "bgColor", "word"]
558
+ "path": ["diffBlob", "emptyNum", "bgColor"]
340
559
  },
341
- "diffBlob-hunk-bgColor-num": {
342
- "$value": "#54aeff66",
560
+ "diffBlob-emptyLine-bgColor": {
561
+ "$value": "#f6f8fa",
343
562
  "$type": "color",
344
563
  "$extensions": {
345
564
  "org.primer.figma": {
@@ -349,11 +568,10 @@
349
568
  "scopes": ["bgColor"]
350
569
  }
351
570
  },
352
- "alpha": 0.4,
353
571
  "filePath": "src/tokens/functional/color/light/app-light.json5",
354
572
  "isSource": true,
355
573
  "original": {
356
- "$value": "{base.color.blue.3}",
574
+ "$value": "{bgColor.muted}",
357
575
  "$type": "color",
358
576
  "$extensions": {
359
577
  "org.primer.figma": {
@@ -362,12 +580,11 @@
362
580
  "group": "component",
363
581
  "scopes": ["bgColor"]
364
582
  }
365
- },
366
- "alpha": 0.4
583
+ }
367
584
  },
368
- "name": "diffBlob-hunk-bgColor-num",
585
+ "name": "diffBlob-emptyLine-bgColor",
369
586
  "attributes": {},
370
- "path": ["diffBlob", "hunk", "bgColor", "num"]
587
+ "path": ["diffBlob", "emptyLine", "bgColor"]
371
588
  },
372
589
  "diffBlob-expander-iconColor": {
373
590
  "$value": "#59636e",
@@ -1117,7 +1334,7 @@
1117
1334
  "collection": "mode",
1118
1335
  "mode": "dark",
1119
1336
  "group": "component",
1120
- "scopes": ["bgColor"]
1337
+ "scopes": ["bgColor", "borderColor"]
1121
1338
  }
1122
1339
  },
1123
1340
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1130,7 +1347,7 @@
1130
1347
  "collection": "mode",
1131
1348
  "mode": "dark",
1132
1349
  "group": "component",
1133
- "scopes": ["bgColor"]
1350
+ "scopes": ["bgColor", "borderColor"]
1134
1351
  }
1135
1352
  }
1136
1353
  },
@@ -1175,7 +1392,7 @@
1175
1392
  "collection": "mode",
1176
1393
  "mode": "dark",
1177
1394
  "group": "component",
1178
- "scopes": ["bgColor"]
1395
+ "scopes": ["bgColor", "borderColor"]
1179
1396
  }
1180
1397
  },
1181
1398
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1188,7 +1405,7 @@
1188
1405
  "collection": "mode",
1189
1406
  "mode": "dark",
1190
1407
  "group": "component",
1191
- "scopes": ["bgColor"]
1408
+ "scopes": ["bgColor", "borderColor"]
1192
1409
  }
1193
1410
  }
1194
1411
  },
@@ -1233,7 +1450,7 @@
1233
1450
  "collection": "mode",
1234
1451
  "mode": "dark",
1235
1452
  "group": "component",
1236
- "scopes": ["bgColor"]
1453
+ "scopes": ["bgColor", "borderColor"]
1237
1454
  }
1238
1455
  },
1239
1456
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1246,7 +1463,7 @@
1246
1463
  "collection": "mode",
1247
1464
  "mode": "dark",
1248
1465
  "group": "component",
1249
- "scopes": ["bgColor"]
1466
+ "scopes": ["bgColor", "borderColor"]
1250
1467
  }
1251
1468
  }
1252
1469
  },
@@ -1291,7 +1508,7 @@
1291
1508
  "collection": "mode",
1292
1509
  "mode": "dark",
1293
1510
  "group": "component",
1294
- "scopes": ["bgColor"]
1511
+ "scopes": ["bgColor", "borderColor"]
1295
1512
  }
1296
1513
  },
1297
1514
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1304,7 +1521,7 @@
1304
1521
  "collection": "mode",
1305
1522
  "mode": "dark",
1306
1523
  "group": "component",
1307
- "scopes": ["bgColor"]
1524
+ "scopes": ["bgColor", "borderColor"]
1308
1525
  }
1309
1526
  }
1310
1527
  },
@@ -1349,7 +1566,7 @@
1349
1566
  "collection": "mode",
1350
1567
  "mode": "dark",
1351
1568
  "group": "component",
1352
- "scopes": ["bgColor"]
1569
+ "scopes": ["bgColor", "borderColor"]
1353
1570
  }
1354
1571
  },
1355
1572
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1362,7 +1579,7 @@
1362
1579
  "collection": "mode",
1363
1580
  "mode": "dark",
1364
1581
  "group": "component",
1365
- "scopes": ["bgColor"]
1582
+ "scopes": ["bgColor", "borderColor"]
1366
1583
  }
1367
1584
  }
1368
1585
  },
@@ -1407,7 +1624,7 @@
1407
1624
  "collection": "mode",
1408
1625
  "mode": "dark",
1409
1626
  "group": "component",
1410
- "scopes": ["bgColor"]
1627
+ "scopes": ["bgColor", "borderColor"]
1411
1628
  }
1412
1629
  },
1413
1630
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1420,7 +1637,7 @@
1420
1637
  "collection": "mode",
1421
1638
  "mode": "dark",
1422
1639
  "group": "component",
1423
- "scopes": ["bgColor"]
1640
+ "scopes": ["bgColor", "borderColor"]
1424
1641
  }
1425
1642
  }
1426
1643
  },
@@ -1465,7 +1682,7 @@
1465
1682
  "collection": "mode",
1466
1683
  "mode": "dark",
1467
1684
  "group": "component",
1468
- "scopes": ["bgColor"]
1685
+ "scopes": ["bgColor", "borderColor"]
1469
1686
  }
1470
1687
  },
1471
1688
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1478,7 +1695,7 @@
1478
1695
  "collection": "mode",
1479
1696
  "mode": "dark",
1480
1697
  "group": "component",
1481
- "scopes": ["bgColor"]
1698
+ "scopes": ["bgColor", "borderColor"]
1482
1699
  }
1483
1700
  }
1484
1701
  },
@@ -1523,7 +1740,7 @@
1523
1740
  "collection": "mode",
1524
1741
  "mode": "dark",
1525
1742
  "group": "component",
1526
- "scopes": ["bgColor"]
1743
+ "scopes": ["bgColor", "borderColor"]
1527
1744
  }
1528
1745
  },
1529
1746
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1536,7 +1753,7 @@
1536
1753
  "collection": "mode",
1537
1754
  "mode": "dark",
1538
1755
  "group": "component",
1539
- "scopes": ["bgColor"]
1756
+ "scopes": ["bgColor", "borderColor"]
1540
1757
  }
1541
1758
  }
1542
1759
  },
@@ -1581,7 +1798,7 @@
1581
1798
  "collection": "mode",
1582
1799
  "mode": "dark",
1583
1800
  "group": "component",
1584
- "scopes": ["bgColor"]
1801
+ "scopes": ["bgColor", "borderColor"]
1585
1802
  }
1586
1803
  },
1587
1804
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1594,7 +1811,7 @@
1594
1811
  "collection": "mode",
1595
1812
  "mode": "dark",
1596
1813
  "group": "component",
1597
- "scopes": ["bgColor"]
1814
+ "scopes": ["bgColor", "borderColor"]
1598
1815
  }
1599
1816
  }
1600
1817
  },
@@ -1639,7 +1856,7 @@
1639
1856
  "collection": "mode",
1640
1857
  "mode": "dark",
1641
1858
  "group": "component",
1642
- "scopes": ["bgColor"]
1859
+ "scopes": ["bgColor", "borderColor"]
1643
1860
  }
1644
1861
  },
1645
1862
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1652,7 +1869,7 @@
1652
1869
  "collection": "mode",
1653
1870
  "mode": "dark",
1654
1871
  "group": "component",
1655
- "scopes": ["bgColor"]
1872
+ "scopes": ["bgColor", "borderColor"]
1656
1873
  }
1657
1874
  }
1658
1875
  },
@@ -6922,6 +7139,35 @@
6922
7139
  "attributes": {},
6923
7140
  "path": ["button", "invisible", "fgColor", "hover"]
6924
7141
  },
7142
+ "button-invisible-fgColor-active": {
7143
+ "$value": "#25292e",
7144
+ "$type": "color",
7145
+ "$extensions": {
7146
+ "org.primer.figma": {
7147
+ "collection": "mode",
7148
+ "mode": "light",
7149
+ "group": "component (internal)",
7150
+ "scopes": ["fgColor"]
7151
+ }
7152
+ },
7153
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7154
+ "isSource": true,
7155
+ "original": {
7156
+ "$value": "{control.fgColor.rest}",
7157
+ "$type": "color",
7158
+ "$extensions": {
7159
+ "org.primer.figma": {
7160
+ "collection": "mode",
7161
+ "mode": "light",
7162
+ "group": "component (internal)",
7163
+ "scopes": ["fgColor"]
7164
+ }
7165
+ }
7166
+ },
7167
+ "name": "button-invisible-fgColor-active",
7168
+ "attributes": {},
7169
+ "path": ["button", "invisible", "fgColor", "active"]
7170
+ },
6925
7171
  "button-invisible-fgColor-disabled": {
6926
7172
  "$value": "#818b98",
6927
7173
  "$type": "color",