@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
package/dist/docs/functional/themes/light.json CHANGED
@@ -86,7 +86,7 @@
86
86
  "value": "#f6f8fa",
87
87
  "type": "color"
88
88
  },
89
- "diffBlob-addition-fgColor-text": {
89
+ "diffBlob-additionLine-fgColor": {
90
90
  "$extensions": {
91
91
  "org.primer.figma": {
92
92
  "collection": "mode",
@@ -109,13 +109,42 @@
109
109
  }
110
110
  }
111
111
  },
112
- "name": "diffBlob-addition-fgColor-text",
112
+ "name": "diffBlob-additionLine-fgColor",
113
113
  "attributes": {},
114
- "path": ["diffBlob", "addition", "fgColor", "text"],
114
+ "path": ["diffBlob", "additionLine", "fgColor"],
115
115
  "value": "#1f2328",
116
116
  "type": "color"
117
117
  },
118
- "diffBlob-addition-fgColor-num": {
118
+ "diffBlob-additionLine-bgColor": {
119
+ "$extensions": {
120
+ "org.primer.figma": {
121
+ "collection": "mode",
122
+ "mode": "light",
123
+ "group": "component",
124
+ "scopes": ["bgColor"]
125
+ }
126
+ },
127
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
128
+ "isSource": true,
129
+ "original": {
130
+ "$value": "{bgColor.success.muted}",
131
+ "$type": "color",
132
+ "$extensions": {
133
+ "org.primer.figma": {
134
+ "collection": "mode",
135
+ "mode": "light",
136
+ "group": "component",
137
+ "scopes": ["bgColor"]
138
+ }
139
+ }
140
+ },
141
+ "name": "diffBlob-additionLine-bgColor",
142
+ "attributes": {},
143
+ "path": ["diffBlob", "additionLine", "bgColor"],
144
+ "value": "#dafbe1",
145
+ "type": "color"
146
+ },
147
+ "diffBlob-additionWord-fgColor": {
119
148
  "$extensions": {
120
149
  "org.primer.figma": {
121
150
  "collection": "mode",
@@ -138,13 +167,13 @@
138
167
  }
139
168
  }
140
169
  },
141
- "name": "diffBlob-addition-fgColor-num",
170
+ "name": "diffBlob-additionWord-fgColor",
142
171
  "attributes": {},
143
- "path": ["diffBlob", "addition", "fgColor", "num"],
172
+ "path": ["diffBlob", "additionWord", "fgColor"],
144
173
  "value": "#1f2328",
145
174
  "type": "color"
146
175
  },
147
- "diffBlob-addition-bgColor-num": {
176
+ "diffBlob-additionWord-bgColor": {
148
177
  "$extensions": {
149
178
  "org.primer.figma": {
150
179
  "collection": "mode",
@@ -153,10 +182,6 @@
153
182
  "scopes": ["bgColor"]
154
183
  }
155
184
  },
156
- "mix": {
157
- "color": "#dafbe1",
158
- "weight": 0.8
159
- },
160
185
  "filePath": "src/tokens/functional/color/light/app-light.json5",
161
186
  "isSource": true,
162
187
  "original": {
@@ -169,48 +194,44 @@
169
194
  "group": "component",
170
195
  "scopes": ["bgColor"]
171
196
  }
172
- },
173
- "mix": {
174
- "color": "{base.color.green.0}",
175
- "weight": 0.8
176
197
  }
177
198
  },
178
- "name": "diffBlob-addition-bgColor-num",
199
+ "name": "diffBlob-additionWord-bgColor",
179
200
  "attributes": {},
180
- "path": ["diffBlob", "addition", "bgColor", "num"],
181
- "value": "#d1f8d9",
201
+ "path": ["diffBlob", "additionWord", "bgColor"],
202
+ "value": "#aceebb",
182
203
  "type": "color"
183
204
  },
184
- "diffBlob-addition-bgColor-line": {
205
+ "diffBlob-additionNum-fgColor": {
185
206
  "$extensions": {
186
207
  "org.primer.figma": {
187
208
  "collection": "mode",
188
209
  "mode": "light",
189
210
  "group": "component",
190
- "scopes": ["bgColor"]
211
+ "scopes": ["fgColor"]
191
212
  }
192
213
  },
193
214
  "filePath": "src/tokens/functional/color/light/app-light.json5",
194
215
  "isSource": true,
195
216
  "original": {
196
- "$value": "{base.color.green.0}",
217
+ "$value": "{fgColor.default}",
197
218
  "$type": "color",
198
219
  "$extensions": {
199
220
  "org.primer.figma": {
200
221
  "collection": "mode",
201
222
  "mode": "light",
202
223
  "group": "component",
203
- "scopes": ["bgColor"]
224
+ "scopes": ["fgColor"]
204
225
  }
205
226
  }
206
227
  },
207
- "name": "diffBlob-addition-bgColor-line",
228
+ "name": "diffBlob-additionNum-fgColor",
208
229
  "attributes": {},
209
- "path": ["diffBlob", "addition", "bgColor", "line"],
210
- "value": "#dafbe1",
230
+ "path": ["diffBlob", "additionNum", "fgColor"],
231
+ "value": "#1f2328",
211
232
  "type": "color"
212
233
  },
213
- "diffBlob-addition-bgColor-word": {
234
+ "diffBlob-additionNum-bgColor": {
214
235
  "$extensions": {
215
236
  "org.primer.figma": {
216
237
  "collection": "mode",
@@ -233,13 +254,13 @@
233
254
  }
234
255
  }
235
256
  },
236
- "name": "diffBlob-addition-bgColor-word",
257
+ "name": "diffBlob-additionNum-bgColor",
237
258
  "attributes": {},
238
- "path": ["diffBlob", "addition", "bgColor", "word"],
259
+ "path": ["diffBlob", "additionNum", "bgColor"],
239
260
  "value": "#aceebb",
240
261
  "type": "color"
241
262
  },
242
- "diffBlob-deletion-fgColor-text": {
263
+ "diffBlob-deletionLine-fgColor": {
243
264
  "$extensions": {
244
265
  "org.primer.figma": {
245
266
  "collection": "mode",
@@ -262,13 +283,42 @@
262
283
  }
263
284
  }
264
285
  },
265
- "name": "diffBlob-deletion-fgColor-text",
286
+ "name": "diffBlob-deletionLine-fgColor",
266
287
  "attributes": {},
267
- "path": ["diffBlob", "deletion", "fgColor", "text"],
288
+ "path": ["diffBlob", "deletionLine", "fgColor"],
268
289
  "value": "#1f2328",
269
290
  "type": "color"
270
291
  },
271
- "diffBlob-deletion-fgColor-num": {
292
+ "diffBlob-deletionLine-bgColor": {
293
+ "$extensions": {
294
+ "org.primer.figma": {
295
+ "collection": "mode",
296
+ "mode": "light",
297
+ "group": "component",
298
+ "scopes": ["bgColor"]
299
+ }
300
+ },
301
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
302
+ "isSource": true,
303
+ "original": {
304
+ "$value": "{bgColor.danger.muted}",
305
+ "$type": "color",
306
+ "$extensions": {
307
+ "org.primer.figma": {
308
+ "collection": "mode",
309
+ "mode": "light",
310
+ "group": "component",
311
+ "scopes": ["bgColor"]
312
+ }
313
+ }
314
+ },
315
+ "name": "diffBlob-deletionLine-bgColor",
316
+ "attributes": {},
317
+ "path": ["diffBlob", "deletionLine", "bgColor"],
318
+ "value": "#ffebe9",
319
+ "type": "color"
320
+ },
321
+ "diffBlob-deletionWord-fgColor": {
272
322
  "$extensions": {
273
323
  "org.primer.figma": {
274
324
  "collection": "mode",
@@ -291,13 +341,13 @@
291
341
  }
292
342
  }
293
343
  },
294
- "name": "diffBlob-deletion-fgColor-num",
344
+ "name": "diffBlob-deletionWord-fgColor",
295
345
  "attributes": {},
296
- "path": ["diffBlob", "deletion", "fgColor", "num"],
346
+ "path": ["diffBlob", "deletionWord", "fgColor"],
297
347
  "value": "#1f2328",
298
348
  "type": "color"
299
349
  },
300
- "diffBlob-deletion-bgColor-num": {
350
+ "diffBlob-deletionWord-bgColor": {
301
351
  "$extensions": {
302
352
  "org.primer.figma": {
303
353
  "collection": "mode",
@@ -320,13 +370,42 @@
320
370
  }
321
371
  }
322
372
  },
323
- "name": "diffBlob-deletion-bgColor-num",
373
+ "name": "diffBlob-deletionWord-bgColor",
324
374
  "attributes": {},
325
- "path": ["diffBlob", "deletion", "bgColor", "num"],
375
+ "path": ["diffBlob", "deletionWord", "bgColor"],
326
376
  "value": "#ffcecb",
327
377
  "type": "color"
328
378
  },
329
- "diffBlob-deletion-bgColor-line": {
379
+ "diffBlob-deletionNum-fgColor": {
380
+ "$extensions": {
381
+ "org.primer.figma": {
382
+ "collection": "mode",
383
+ "mode": "light",
384
+ "group": "component",
385
+ "scopes": ["fgColor"]
386
+ }
387
+ },
388
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
389
+ "isSource": true,
390
+ "original": {
391
+ "$value": "{fgColor.default}",
392
+ "$type": "color",
393
+ "$extensions": {
394
+ "org.primer.figma": {
395
+ "collection": "mode",
396
+ "mode": "light",
397
+ "group": "component",
398
+ "scopes": ["fgColor"]
399
+ }
400
+ }
401
+ },
402
+ "name": "diffBlob-deletionNum-fgColor",
403
+ "attributes": {},
404
+ "path": ["diffBlob", "deletionNum", "fgColor"],
405
+ "value": "#1f2328",
406
+ "type": "color"
407
+ },
408
+ "diffBlob-deletionNum-bgColor": {
330
409
  "$extensions": {
331
410
  "org.primer.figma": {
332
411
  "collection": "mode",
@@ -338,7 +417,7 @@
338
417
  "filePath": "src/tokens/functional/color/light/app-light.json5",
339
418
  "isSource": true,
340
419
  "original": {
341
- "$value": "{base.color.red.0}",
420
+ "$value": "{base.color.red.1}",
342
421
  "$type": "color",
343
422
  "$extensions": {
344
423
  "org.primer.figma": {
@@ -349,13 +428,13 @@
349
428
  }
350
429
  }
351
430
  },
352
- "name": "diffBlob-deletion-bgColor-line",
431
+ "name": "diffBlob-deletionNum-bgColor",
353
432
  "attributes": {},
354
- "path": ["diffBlob", "deletion", "bgColor", "line"],
355
- "value": "#ffebe9",
433
+ "path": ["diffBlob", "deletionNum", "bgColor"],
434
+ "value": "#ffcecb",
356
435
  "type": "color"
357
436
  },
358
- "diffBlob-deletion-bgColor-word": {
437
+ "diffBlob-hunkLine-bgColor": {
359
438
  "$extensions": {
360
439
  "org.primer.figma": {
361
440
  "collection": "mode",
@@ -364,11 +443,10 @@
364
443
  "scopes": ["bgColor"]
365
444
  }
366
445
  },
367
- "alpha": 0.4,
368
446
  "filePath": "src/tokens/functional/color/light/app-light.json5",
369
447
  "isSource": true,
370
448
  "original": {
371
- "$value": "{base.color.red.3}",
449
+ "$value": "{bgColor.accent.muted}",
372
450
  "$type": "color",
373
451
  "$extensions": {
374
452
  "org.primer.figma": {
@@ -377,16 +455,102 @@
377
455
  "group": "component",
378
456
  "scopes": ["bgColor"]
379
457
  }
380
- },
381
- "alpha": 0.4
458
+ }
382
459
  },
383
- "name": "diffBlob-deletion-bgColor-word",
460
+ "name": "diffBlob-hunkLine-bgColor",
384
461
  "attributes": {},
385
- "path": ["diffBlob", "deletion", "bgColor", "word"],
386
- "value": "#ff818266",
462
+ "path": ["diffBlob", "hunkLine", "bgColor"],
463
+ "value": "#ddf4ff",
464
+ "type": "color"
465
+ },
466
+ "diffBlob-hunkLine-fgColor": {
467
+ "$extensions": {
468
+ "org.primer.figma": {
469
+ "collection": "mode",
470
+ "mode": "light",
471
+ "group": "component",
472
+ "scopes": ["fgColor"]
473
+ }
474
+ },
475
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
476
+ "isSource": true,
477
+ "original": {
478
+ "$value": "{fgColor.muted}",
479
+ "$type": "color",
480
+ "$extensions": {
481
+ "org.primer.figma": {
482
+ "collection": "mode",
483
+ "mode": "light",
484
+ "group": "component",
485
+ "scopes": ["fgColor"]
486
+ }
487
+ }
488
+ },
489
+ "name": "diffBlob-hunkLine-fgColor",
490
+ "attributes": {},
491
+ "path": ["diffBlob", "hunkLine", "fgColor"],
492
+ "value": "#59636e",
493
+ "type": "color"
494
+ },
495
+ "diffBlob-hunkNum-fgColor-rest": {
496
+ "$extensions": {
497
+ "org.primer.figma": {
498
+ "collection": "mode",
499
+ "mode": "light",
500
+ "group": "component",
501
+ "scopes": ["fgColor"]
502
+ }
503
+ },
504
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
505
+ "isSource": true,
506
+ "original": {
507
+ "$value": "{fgColor.default}",
508
+ "$type": "color",
509
+ "$extensions": {
510
+ "org.primer.figma": {
511
+ "collection": "mode",
512
+ "mode": "light",
513
+ "group": "component",
514
+ "scopes": ["fgColor"]
515
+ }
516
+ }
517
+ },
518
+ "name": "diffBlob-hunkNum-fgColor-rest",
519
+ "attributes": {},
520
+ "path": ["diffBlob", "hunkNum", "fgColor", "rest"],
521
+ "value": "#1f2328",
522
+ "type": "color"
523
+ },
524
+ "diffBlob-hunkNum-fgColor-hover": {
525
+ "$extensions": {
526
+ "org.primer.figma": {
527
+ "collection": "mode",
528
+ "mode": "light",
529
+ "group": "component",
530
+ "scopes": ["fgColor"]
531
+ }
532
+ },
533
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
534
+ "isSource": true,
535
+ "original": {
536
+ "$value": "{fgColor.onEmphasis}",
537
+ "$type": "color",
538
+ "$extensions": {
539
+ "org.primer.figma": {
540
+ "collection": "mode",
541
+ "mode": "light",
542
+ "group": "component",
543
+ "scopes": ["fgColor"]
544
+ }
545
+ }
546
+ },
547
+ "name": "diffBlob-hunkNum-fgColor-hover",
548
+ "attributes": {},
549
+ "path": ["diffBlob", "hunkNum", "fgColor", "hover"],
550
+ "value": "#ffffff",
387
551
  "type": "color"
388
552
  },
389
- "diffBlob-hunk-bgColor-num": {
553
+ "diffBlob-hunkNum-bgColor-rest": {
390
554
  "$extensions": {
391
555
  "org.primer.figma": {
392
556
  "collection": "mode",
@@ -395,11 +559,10 @@
395
559
  "scopes": ["bgColor"]
396
560
  }
397
561
  },
398
- "alpha": 0.4,
399
562
  "filePath": "src/tokens/functional/color/light/app-light.json5",
400
563
  "isSource": true,
401
564
  "original": {
402
- "$value": "{base.color.blue.3}",
565
+ "$value": "{base.color.blue.1}",
403
566
  "$type": "color",
404
567
  "$extensions": {
405
568
  "org.primer.figma": {
@@ -408,13 +571,99 @@
408
571
  "group": "component",
409
572
  "scopes": ["bgColor"]
410
573
  }
411
- },
412
- "alpha": 0.4
574
+ }
413
575
  },
414
- "name": "diffBlob-hunk-bgColor-num",
576
+ "name": "diffBlob-hunkNum-bgColor-rest",
415
577
  "attributes": {},
416
- "path": ["diffBlob", "hunk", "bgColor", "num"],
417
- "value": "#54aeff66",
578
+ "path": ["diffBlob", "hunkNum", "bgColor", "rest"],
579
+ "value": "#b6e3ff",
580
+ "type": "color"
581
+ },
582
+ "diffBlob-hunkNum-bgColor-hover": {
583
+ "$extensions": {
584
+ "org.primer.figma": {
585
+ "collection": "mode",
586
+ "mode": "light",
587
+ "group": "component",
588
+ "scopes": ["bgColor"]
589
+ }
590
+ },
591
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
592
+ "isSource": true,
593
+ "original": {
594
+ "$value": "{bgColor.accent.emphasis}",
595
+ "$type": "color",
596
+ "$extensions": {
597
+ "org.primer.figma": {
598
+ "collection": "mode",
599
+ "mode": "light",
600
+ "group": "component",
601
+ "scopes": ["bgColor"]
602
+ }
603
+ }
604
+ },
605
+ "name": "diffBlob-hunkNum-bgColor-hover",
606
+ "attributes": {},
607
+ "path": ["diffBlob", "hunkNum", "bgColor", "hover"],
608
+ "value": "#0969da",
609
+ "type": "color"
610
+ },
611
+ "diffBlob-emptyNum-bgColor": {
612
+ "$extensions": {
613
+ "org.primer.figma": {
614
+ "collection": "mode",
615
+ "mode": "light",
616
+ "group": "component",
617
+ "scopes": ["bgColor"]
618
+ }
619
+ },
620
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
621
+ "isSource": true,
622
+ "original": {
623
+ "$value": "{bgColor.muted}",
624
+ "$type": "color",
625
+ "$extensions": {
626
+ "org.primer.figma": {
627
+ "collection": "mode",
628
+ "mode": "light",
629
+ "group": "component",
630
+ "scopes": ["bgColor"]
631
+ }
632
+ }
633
+ },
634
+ "name": "diffBlob-emptyNum-bgColor",
635
+ "attributes": {},
636
+ "path": ["diffBlob", "emptyNum", "bgColor"],
637
+ "value": "#f6f8fa",
638
+ "type": "color"
639
+ },
640
+ "diffBlob-emptyLine-bgColor": {
641
+ "$extensions": {
642
+ "org.primer.figma": {
643
+ "collection": "mode",
644
+ "mode": "light",
645
+ "group": "component",
646
+ "scopes": ["bgColor"]
647
+ }
648
+ },
649
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
650
+ "isSource": true,
651
+ "original": {
652
+ "$value": "{bgColor.muted}",
653
+ "$type": "color",
654
+ "$extensions": {
655
+ "org.primer.figma": {
656
+ "collection": "mode",
657
+ "mode": "light",
658
+ "group": "component",
659
+ "scopes": ["bgColor"]
660
+ }
661
+ }
662
+ },
663
+ "name": "diffBlob-emptyLine-bgColor",
664
+ "attributes": {},
665
+ "path": ["diffBlob", "emptyLine", "bgColor"],
666
+ "value": "#f6f8fa",
418
667
  "type": "color"
419
668
  },
420
669
  "diffBlob-expander-iconColor": {
@@ -1179,7 +1428,7 @@
1179
1428
  "collection": "mode",
1180
1429
  "mode": "dark",
1181
1430
  "group": "component",
1182
- "scopes": ["bgColor"]
1431
+ "scopes": ["bgColor", "borderColor"]
1183
1432
  }
1184
1433
  },
1185
1434
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1192,7 +1441,7 @@
1192
1441
  "collection": "mode",
1193
1442
  "mode": "dark",
1194
1443
  "group": "component",
1195
- "scopes": ["bgColor"]
1444
+ "scopes": ["bgColor", "borderColor"]
1196
1445
  }
1197
1446
  }
1198
1447
  },
@@ -1237,7 +1486,7 @@
1237
1486
  "collection": "mode",
1238
1487
  "mode": "dark",
1239
1488
  "group": "component",
1240
- "scopes": ["bgColor"]
1489
+ "scopes": ["bgColor", "borderColor"]
1241
1490
  }
1242
1491
  },
1243
1492
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1250,7 +1499,7 @@
1250
1499
  "collection": "mode",
1251
1500
  "mode": "dark",
1252
1501
  "group": "component",
1253
- "scopes": ["bgColor"]
1502
+ "scopes": ["bgColor", "borderColor"]
1254
1503
  }
1255
1504
  }
1256
1505
  },
@@ -1295,7 +1544,7 @@
1295
1544
  "collection": "mode",
1296
1545
  "mode": "dark",
1297
1546
  "group": "component",
1298
- "scopes": ["bgColor"]
1547
+ "scopes": ["bgColor", "borderColor"]
1299
1548
  }
1300
1549
  },
1301
1550
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1308,7 +1557,7 @@
1308
1557
  "collection": "mode",
1309
1558
  "mode": "dark",
1310
1559
  "group": "component",
1311
- "scopes": ["bgColor"]
1560
+ "scopes": ["bgColor", "borderColor"]
1312
1561
  }
1313
1562
  }
1314
1563
  },
@@ -1353,7 +1602,7 @@
1353
1602
  "collection": "mode",
1354
1603
  "mode": "dark",
1355
1604
  "group": "component",
1356
- "scopes": ["bgColor"]
1605
+ "scopes": ["bgColor", "borderColor"]
1357
1606
  }
1358
1607
  },
1359
1608
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1366,7 +1615,7 @@
1366
1615
  "collection": "mode",
1367
1616
  "mode": "dark",
1368
1617
  "group": "component",
1369
- "scopes": ["bgColor"]
1618
+ "scopes": ["bgColor", "borderColor"]
1370
1619
  }
1371
1620
  }
1372
1621
  },
@@ -1411,7 +1660,7 @@
1411
1660
  "collection": "mode",
1412
1661
  "mode": "dark",
1413
1662
  "group": "component",
1414
- "scopes": ["bgColor"]
1663
+ "scopes": ["bgColor", "borderColor"]
1415
1664
  }
1416
1665
  },
1417
1666
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1424,7 +1673,7 @@
1424
1673
  "collection": "mode",
1425
1674
  "mode": "dark",
1426
1675
  "group": "component",
1427
- "scopes": ["bgColor"]
1676
+ "scopes": ["bgColor", "borderColor"]
1428
1677
  }
1429
1678
  }
1430
1679
  },
@@ -1469,7 +1718,7 @@
1469
1718
  "collection": "mode",
1470
1719
  "mode": "dark",
1471
1720
  "group": "component",
1472
- "scopes": ["bgColor"]
1721
+ "scopes": ["bgColor", "borderColor"]
1473
1722
  }
1474
1723
  },
1475
1724
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1482,7 +1731,7 @@
1482
1731
  "collection": "mode",
1483
1732
  "mode": "dark",
1484
1733
  "group": "component",
1485
- "scopes": ["bgColor"]
1734
+ "scopes": ["bgColor", "borderColor"]
1486
1735
  }
1487
1736
  }
1488
1737
  },
@@ -1527,7 +1776,7 @@
1527
1776
  "collection": "mode",
1528
1777
  "mode": "dark",
1529
1778
  "group": "component",
1530
- "scopes": ["bgColor"]
1779
+ "scopes": ["bgColor", "borderColor"]
1531
1780
  }
1532
1781
  },
1533
1782
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1540,7 +1789,7 @@
1540
1789
  "collection": "mode",
1541
1790
  "mode": "dark",
1542
1791
  "group": "component",
1543
- "scopes": ["bgColor"]
1792
+ "scopes": ["bgColor", "borderColor"]
1544
1793
  }
1545
1794
  }
1546
1795
  },
@@ -1585,7 +1834,7 @@
1585
1834
  "collection": "mode",
1586
1835
  "mode": "dark",
1587
1836
  "group": "component",
1588
- "scopes": ["bgColor"]
1837
+ "scopes": ["bgColor", "borderColor"]
1589
1838
  }
1590
1839
  },
1591
1840
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1598,7 +1847,7 @@
1598
1847
  "collection": "mode",
1599
1848
  "mode": "dark",
1600
1849
  "group": "component",
1601
- "scopes": ["bgColor"]
1850
+ "scopes": ["bgColor", "borderColor"]
1602
1851
  }
1603
1852
  }
1604
1853
  },
@@ -1643,7 +1892,7 @@
1643
1892
  "collection": "mode",
1644
1893
  "mode": "dark",
1645
1894
  "group": "component",
1646
- "scopes": ["bgColor"]
1895
+ "scopes": ["bgColor", "borderColor"]
1647
1896
  }
1648
1897
  },
1649
1898
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1656,7 +1905,7 @@
1656
1905
  "collection": "mode",
1657
1906
  "mode": "dark",
1658
1907
  "group": "component",
1659
- "scopes": ["bgColor"]
1908
+ "scopes": ["bgColor", "borderColor"]
1660
1909
  }
1661
1910
  }
1662
1911
  },
@@ -1701,7 +1950,7 @@
1701
1950
  "collection": "mode",
1702
1951
  "mode": "dark",
1703
1952
  "group": "component",
1704
- "scopes": ["bgColor"]
1953
+ "scopes": ["bgColor", "borderColor"]
1705
1954
  }
1706
1955
  },
1707
1956
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1714,7 +1963,7 @@
1714
1963
  "collection": "mode",
1715
1964
  "mode": "dark",
1716
1965
  "group": "component",
1717
- "scopes": ["bgColor"]
1966
+ "scopes": ["bgColor", "borderColor"]
1718
1967
  }
1719
1968
  }
1720
1969
  },
@@ -7034,6 +7283,35 @@
7034
7283
  "value": "#25292e",
7035
7284
  "type": "color"
7036
7285
  },
7286
+ "button-invisible-fgColor-active": {
7287
+ "$extensions": {
7288
+ "org.primer.figma": {
7289
+ "collection": "mode",
7290
+ "mode": "light",
7291
+ "group": "component (internal)",
7292
+ "scopes": ["fgColor"]
7293
+ }
7294
+ },
7295
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7296
+ "isSource": true,
7297
+ "original": {
7298
+ "$value": "{control.fgColor.rest}",
7299
+ "$type": "color",
7300
+ "$extensions": {
7301
+ "org.primer.figma": {
7302
+ "collection": "mode",
7303
+ "mode": "light",
7304
+ "group": "component (internal)",
7305
+ "scopes": ["fgColor"]
7306
+ }
7307
+ }
7308
+ },
7309
+ "name": "button-invisible-fgColor-active",
7310
+ "attributes": {},
7311
+ "path": ["button", "invisible", "fgColor", "active"],
7312
+ "value": "#25292e",
7313
+ "type": "color"
7314
+ },
7037
7315
  "button-invisible-fgColor-disabled": {
7038
7316
  "$extensions": {
7039
7317
  "org.primer.figma": {