@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,58 +169,124 @@
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": "#54aeff66",
176
+ "diffBlob-additionWord-bgColor": {
177
+ "$value": "#b6e3ff",
149
178
  "$type": "color",
150
- "mix": null,
151
- "alpha": 0.4,
152
179
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
153
180
  "isSource": true,
154
181
  "original": {
155
- "$value": "{base.color.blue.3}",
182
+ "$value": "{base.color.blue.1}",
183
+ "$type": "color"
184
+ },
185
+ "name": "diffBlob-additionWord-bgColor",
186
+ "attributes": {},
187
+ "path": ["diffBlob", "additionWord", "bgColor"]
188
+ },
189
+ "diffBlob-additionNum-fgColor": {
190
+ "$value": "#1f2328",
191
+ "$type": "color",
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",
201
+ "isSource": true,
202
+ "original": {
203
+ "$value": "{fgColor.default}",
156
204
  "$type": "color",
157
- "mix": null,
158
- "alpha": 0.4
205
+ "$extensions": {
206
+ "org.primer.figma": {
207
+ "collection": "mode",
208
+ "mode": "light",
209
+ "group": "component",
210
+ "scopes": ["fgColor"]
211
+ }
212
+ }
159
213
  },
160
- "name": "diffBlob-addition-bgColor-num",
214
+ "name": "diffBlob-additionNum-fgColor",
161
215
  "attributes": {},
162
- "path": ["diffBlob", "addition", "bgColor", "num"]
216
+ "path": ["diffBlob", "additionNum", "fgColor"]
163
217
  },
164
- "diffBlob-addition-bgColor-line": {
165
- "$value": "#ddf4ff80",
218
+ "diffBlob-additionNum-bgColor": {
219
+ "$value": "#b6e3ff",
166
220
  "$type": "color",
167
- "alpha": 0.5,
168
221
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
169
222
  "isSource": true,
170
223
  "original": {
171
- "$value": "{base.color.blue.0}",
224
+ "$value": "{base.color.blue.1}",
225
+ "$type": "color"
226
+ },
227
+ "name": "diffBlob-additionNum-bgColor",
228
+ "attributes": {},
229
+ "path": ["diffBlob", "additionNum", "bgColor"]
230
+ },
231
+ "diffBlob-deletionLine-fgColor": {
232
+ "$value": "#1f2328",
233
+ "$type": "color",
234
+ "$extensions": {
235
+ "org.primer.figma": {
236
+ "collection": "mode",
237
+ "mode": "light",
238
+ "group": "component",
239
+ "scopes": ["fgColor"]
240
+ }
241
+ },
242
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
243
+ "isSource": true,
244
+ "original": {
245
+ "$value": "{fgColor.default}",
172
246
  "$type": "color",
173
- "alpha": 0.5
247
+ "$extensions": {
248
+ "org.primer.figma": {
249
+ "collection": "mode",
250
+ "mode": "light",
251
+ "group": "component",
252
+ "scopes": ["fgColor"]
253
+ }
254
+ }
174
255
  },
175
- "name": "diffBlob-addition-bgColor-line",
256
+ "name": "diffBlob-deletionLine-fgColor",
176
257
  "attributes": {},
177
- "path": ["diffBlob", "addition", "bgColor", "line"]
258
+ "path": ["diffBlob", "deletionLine", "fgColor"]
178
259
  },
179
- "diffBlob-addition-bgColor-word": {
180
- "$value": "#54aeff66",
260
+ "diffBlob-deletionLine-bgColor": {
261
+ "$value": "#fff1e5",
181
262
  "$type": "color",
182
- "alpha": 0.4,
183
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
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",
184
272
  "isSource": true,
185
273
  "original": {
186
- "$value": "{base.color.blue.3}",
274
+ "$value": "{bgColor.danger.muted}",
187
275
  "$type": "color",
188
- "alpha": 0.4
276
+ "$extensions": {
277
+ "org.primer.figma": {
278
+ "collection": "mode",
279
+ "mode": "light",
280
+ "group": "component",
281
+ "scopes": ["bgColor"]
282
+ }
283
+ }
189
284
  },
190
- "name": "diffBlob-addition-bgColor-word",
285
+ "name": "diffBlob-deletionLine-bgColor",
191
286
  "attributes": {},
192
- "path": ["diffBlob", "addition", "bgColor", "word"]
287
+ "path": ["diffBlob", "deletionLine", "bgColor"]
193
288
  },
194
- "diffBlob-deletion-fgColor-text": {
289
+ "diffBlob-deletionWord-fgColor": {
195
290
  "$value": "#1f2328",
196
291
  "$type": "color",
197
292
  "$extensions": {
@@ -216,11 +311,24 @@
216
311
  }
217
312
  }
218
313
  },
219
- "name": "diffBlob-deletion-fgColor-text",
314
+ "name": "diffBlob-deletionWord-fgColor",
220
315
  "attributes": {},
221
- "path": ["diffBlob", "deletion", "fgColor", "text"]
316
+ "path": ["diffBlob", "deletionWord", "fgColor"]
222
317
  },
223
- "diffBlob-deletion-fgColor-num": {
318
+ "diffBlob-deletionWord-bgColor": {
319
+ "$value": "#ffd8b5",
320
+ "$type": "color",
321
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
322
+ "isSource": true,
323
+ "original": {
324
+ "$value": "{base.color.orange.1}",
325
+ "$type": "color"
326
+ },
327
+ "name": "diffBlob-deletionWord-bgColor",
328
+ "attributes": {},
329
+ "path": ["diffBlob", "deletionWord", "bgColor"]
330
+ },
331
+ "diffBlob-deletionNum-fgColor": {
224
332
  "$value": "#1f2328",
225
333
  "$type": "color",
226
334
  "$extensions": {
@@ -245,57 +353,183 @@
245
353
  }
246
354
  }
247
355
  },
248
- "name": "diffBlob-deletion-fgColor-num",
356
+ "name": "diffBlob-deletionNum-fgColor",
249
357
  "attributes": {},
250
- "path": ["diffBlob", "deletion", "fgColor", "num"]
358
+ "path": ["diffBlob", "deletionNum", "fgColor"]
251
359
  },
252
- "diffBlob-deletion-bgColor-num": {
253
- "$value": "#fb8f4466",
360
+ "diffBlob-deletionNum-bgColor": {
361
+ "$value": "#ffd8b5",
254
362
  "$type": "color",
255
- "alpha": 0.4,
256
363
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
257
364
  "isSource": true,
258
365
  "original": {
259
- "$value": "{base.color.orange.3}",
366
+ "$value": "{base.color.orange.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.protanopia-deuteranopia.json5",
385
+ "isSource": true,
386
+ "original": {
387
+ "$value": "{base.color.neutral.1}",
260
388
  "$type": "color",
261
- "alpha": 0.4
389
+ "$extensions": {
390
+ "org.primer.figma": {
391
+ "collection": "mode",
392
+ "mode": "light",
393
+ "group": "component",
394
+ "scopes": ["bgColor"]
395
+ }
396
+ }
262
397
  },
263
- "name": "diffBlob-deletion-bgColor-num",
398
+ "name": "diffBlob-hunkLine-bgColor",
264
399
  "attributes": {},
265
- "path": ["diffBlob", "deletion", "bgColor", "num"]
400
+ "path": ["diffBlob", "hunkLine", "bgColor"]
266
401
  },
267
- "diffBlob-deletion-bgColor-line": {
268
- "$value": "#fff1e580",
402
+ "diffBlob-hunkLine-fgColor": {
403
+ "$value": "#59636e",
404
+ "$type": "color",
405
+ "$extensions": {
406
+ "org.primer.figma": {
407
+ "collection": "mode",
408
+ "mode": "light",
409
+ "group": "component",
410
+ "scopes": ["fgColor"]
411
+ }
412
+ },
413
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
414
+ "isSource": true,
415
+ "original": {
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",
269
462
  "$type": "color",
270
- "alpha": 0.5,
271
463
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
272
464
  "isSource": true,
273
465
  "original": {
274
- "$value": "{base.color.orange.0}",
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.protanopia-deuteranopia.json5",
485
+ "isSource": true,
486
+ "original": {
487
+ "$value": "{base.color.neutral.3}",
275
488
  "$type": "color",
276
- "alpha": 0.5
489
+ "$extensions": {
490
+ "org.primer.figma": {
491
+ "collection": "mode",
492
+ "mode": "light",
493
+ "group": "component",
494
+ "scopes": ["bgColor"]
495
+ }
496
+ }
277
497
  },
278
- "name": "diffBlob-deletion-bgColor-line",
498
+ "name": "diffBlob-hunkNum-bgColor-rest",
279
499
  "attributes": {},
280
- "path": ["diffBlob", "deletion", "bgColor", "line"]
500
+ "path": ["diffBlob", "hunkNum", "bgColor", "rest"]
281
501
  },
282
- "diffBlob-deletion-bgColor-word": {
283
- "$value": "#ffb77c80",
502
+ "diffBlob-hunkNum-bgColor-hover": {
503
+ "$value": "#c8d1da",
284
504
  "$type": "color",
285
- "alpha": 0.5,
505
+ "$extensions": {
506
+ "org.primer.figma": {
507
+ "collection": "mode",
508
+ "mode": "light",
509
+ "group": "component",
510
+ "scopes": ["bgColor"]
511
+ }
512
+ },
286
513
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
287
514
  "isSource": true,
288
515
  "original": {
289
- "$value": "{base.color.orange.2}",
516
+ "$value": "{base.color.neutral.7}",
290
517
  "$type": "color",
291
- "alpha": 0.5
518
+ "$extensions": {
519
+ "org.primer.figma": {
520
+ "collection": "mode",
521
+ "mode": "light",
522
+ "group": "component",
523
+ "scopes": ["bgColor"]
524
+ }
525
+ }
292
526
  },
293
- "name": "diffBlob-deletion-bgColor-word",
527
+ "name": "diffBlob-hunkNum-bgColor-hover",
294
528
  "attributes": {},
295
- "path": ["diffBlob", "deletion", "bgColor", "word"]
529
+ "path": ["diffBlob", "hunkNum", "bgColor", "hover"]
296
530
  },
297
- "diffBlob-hunk-bgColor-num": {
298
- "$value": "#54aeff66",
531
+ "diffBlob-emptyNum-bgColor": {
532
+ "$value": "#f6f8fa",
299
533
  "$type": "color",
300
534
  "$extensions": {
301
535
  "org.primer.figma": {
@@ -305,11 +539,10 @@
305
539
  "scopes": ["bgColor"]
306
540
  }
307
541
  },
308
- "alpha": 0.4,
309
542
  "filePath": "src/tokens/functional/color/light/app-light.json5",
310
543
  "isSource": true,
311
544
  "original": {
312
- "$value": "{base.color.blue.3}",
545
+ "$value": "{bgColor.muted}",
313
546
  "$type": "color",
314
547
  "$extensions": {
315
548
  "org.primer.figma": {
@@ -318,12 +551,40 @@
318
551
  "group": "component",
319
552
  "scopes": ["bgColor"]
320
553
  }
321
- },
322
- "alpha": 0.4
554
+ }
555
+ },
556
+ "name": "diffBlob-emptyNum-bgColor",
557
+ "attributes": {},
558
+ "path": ["diffBlob", "emptyNum", "bgColor"]
559
+ },
560
+ "diffBlob-emptyLine-bgColor": {
561
+ "$value": "#f6f8fa",
562
+ "$type": "color",
563
+ "$extensions": {
564
+ "org.primer.figma": {
565
+ "collection": "mode",
566
+ "mode": "light",
567
+ "group": "component",
568
+ "scopes": ["bgColor"]
569
+ }
323
570
  },
324
- "name": "diffBlob-hunk-bgColor-num",
571
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
572
+ "isSource": true,
573
+ "original": {
574
+ "$value": "{bgColor.muted}",
575
+ "$type": "color",
576
+ "$extensions": {
577
+ "org.primer.figma": {
578
+ "collection": "mode",
579
+ "mode": "light",
580
+ "group": "component",
581
+ "scopes": ["bgColor"]
582
+ }
583
+ }
584
+ },
585
+ "name": "diffBlob-emptyLine-bgColor",
325
586
  "attributes": {},
326
- "path": ["diffBlob", "hunk", "bgColor", "num"]
587
+ "path": ["diffBlob", "emptyLine", "bgColor"]
327
588
  },
328
589
  "diffBlob-expander-iconColor": {
329
590
  "$value": "#59636e",
@@ -1057,7 +1318,7 @@
1057
1318
  "collection": "mode",
1058
1319
  "mode": "dark",
1059
1320
  "group": "component",
1060
- "scopes": ["bgColor"]
1321
+ "scopes": ["bgColor", "borderColor"]
1061
1322
  }
1062
1323
  },
1063
1324
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1070,7 +1331,7 @@
1070
1331
  "collection": "mode",
1071
1332
  "mode": "dark",
1072
1333
  "group": "component",
1073
- "scopes": ["bgColor"]
1334
+ "scopes": ["bgColor", "borderColor"]
1074
1335
  }
1075
1336
  }
1076
1337
  },
@@ -1115,7 +1376,7 @@
1115
1376
  "collection": "mode",
1116
1377
  "mode": "dark",
1117
1378
  "group": "component",
1118
- "scopes": ["bgColor"]
1379
+ "scopes": ["bgColor", "borderColor"]
1119
1380
  }
1120
1381
  },
1121
1382
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1128,7 +1389,7 @@
1128
1389
  "collection": "mode",
1129
1390
  "mode": "dark",
1130
1391
  "group": "component",
1131
- "scopes": ["bgColor"]
1392
+ "scopes": ["bgColor", "borderColor"]
1132
1393
  }
1133
1394
  }
1134
1395
  },
@@ -1173,7 +1434,7 @@
1173
1434
  "collection": "mode",
1174
1435
  "mode": "dark",
1175
1436
  "group": "component",
1176
- "scopes": ["bgColor"]
1437
+ "scopes": ["bgColor", "borderColor"]
1177
1438
  }
1178
1439
  },
1179
1440
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1186,7 +1447,7 @@
1186
1447
  "collection": "mode",
1187
1448
  "mode": "dark",
1188
1449
  "group": "component",
1189
- "scopes": ["bgColor"]
1450
+ "scopes": ["bgColor", "borderColor"]
1190
1451
  }
1191
1452
  }
1192
1453
  },
@@ -1231,7 +1492,7 @@
1231
1492
  "collection": "mode",
1232
1493
  "mode": "dark",
1233
1494
  "group": "component",
1234
- "scopes": ["bgColor"]
1495
+ "scopes": ["bgColor", "borderColor"]
1235
1496
  }
1236
1497
  },
1237
1498
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1244,7 +1505,7 @@
1244
1505
  "collection": "mode",
1245
1506
  "mode": "dark",
1246
1507
  "group": "component",
1247
- "scopes": ["bgColor"]
1508
+ "scopes": ["bgColor", "borderColor"]
1248
1509
  }
1249
1510
  }
1250
1511
  },
@@ -1289,7 +1550,7 @@
1289
1550
  "collection": "mode",
1290
1551
  "mode": "dark",
1291
1552
  "group": "component",
1292
- "scopes": ["bgColor"]
1553
+ "scopes": ["bgColor", "borderColor"]
1293
1554
  }
1294
1555
  },
1295
1556
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1302,7 +1563,7 @@
1302
1563
  "collection": "mode",
1303
1564
  "mode": "dark",
1304
1565
  "group": "component",
1305
- "scopes": ["bgColor"]
1566
+ "scopes": ["bgColor", "borderColor"]
1306
1567
  }
1307
1568
  }
1308
1569
  },
@@ -1347,7 +1608,7 @@
1347
1608
  "collection": "mode",
1348
1609
  "mode": "dark",
1349
1610
  "group": "component",
1350
- "scopes": ["bgColor"]
1611
+ "scopes": ["bgColor", "borderColor"]
1351
1612
  }
1352
1613
  },
1353
1614
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1360,7 +1621,7 @@
1360
1621
  "collection": "mode",
1361
1622
  "mode": "dark",
1362
1623
  "group": "component",
1363
- "scopes": ["bgColor"]
1624
+ "scopes": ["bgColor", "borderColor"]
1364
1625
  }
1365
1626
  }
1366
1627
  },
@@ -1405,7 +1666,7 @@
1405
1666
  "collection": "mode",
1406
1667
  "mode": "dark",
1407
1668
  "group": "component",
1408
- "scopes": ["bgColor"]
1669
+ "scopes": ["bgColor", "borderColor"]
1409
1670
  }
1410
1671
  },
1411
1672
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1418,7 +1679,7 @@
1418
1679
  "collection": "mode",
1419
1680
  "mode": "dark",
1420
1681
  "group": "component",
1421
- "scopes": ["bgColor"]
1682
+ "scopes": ["bgColor", "borderColor"]
1422
1683
  }
1423
1684
  }
1424
1685
  },
@@ -1463,7 +1724,7 @@
1463
1724
  "collection": "mode",
1464
1725
  "mode": "dark",
1465
1726
  "group": "component",
1466
- "scopes": ["bgColor"]
1727
+ "scopes": ["bgColor", "borderColor"]
1467
1728
  }
1468
1729
  },
1469
1730
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1476,7 +1737,7 @@
1476
1737
  "collection": "mode",
1477
1738
  "mode": "dark",
1478
1739
  "group": "component",
1479
- "scopes": ["bgColor"]
1740
+ "scopes": ["bgColor", "borderColor"]
1480
1741
  }
1481
1742
  }
1482
1743
  },
@@ -1521,7 +1782,7 @@
1521
1782
  "collection": "mode",
1522
1783
  "mode": "dark",
1523
1784
  "group": "component",
1524
- "scopes": ["bgColor"]
1785
+ "scopes": ["bgColor", "borderColor"]
1525
1786
  }
1526
1787
  },
1527
1788
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1534,7 +1795,7 @@
1534
1795
  "collection": "mode",
1535
1796
  "mode": "dark",
1536
1797
  "group": "component",
1537
- "scopes": ["bgColor"]
1798
+ "scopes": ["bgColor", "borderColor"]
1538
1799
  }
1539
1800
  }
1540
1801
  },
@@ -1579,7 +1840,7 @@
1579
1840
  "collection": "mode",
1580
1841
  "mode": "dark",
1581
1842
  "group": "component",
1582
- "scopes": ["bgColor"]
1843
+ "scopes": ["bgColor", "borderColor"]
1583
1844
  }
1584
1845
  },
1585
1846
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1592,7 +1853,7 @@
1592
1853
  "collection": "mode",
1593
1854
  "mode": "dark",
1594
1855
  "group": "component",
1595
- "scopes": ["bgColor"]
1856
+ "scopes": ["bgColor", "borderColor"]
1596
1857
  }
1597
1858
  }
1598
1859
  },
@@ -5239,7 +5500,7 @@
5239
5500
  "path": ["control", "transparent", "borderColor", "active"]
5240
5501
  },
5241
5502
  "control-danger-fgColor-rest": {
5242
- "$value": "#be4e02",
5503
+ "$value": "#bc4c00",
5243
5504
  "$type": "color",
5244
5505
  "$extensions": {
5245
5506
  "org.primer.figma": {
@@ -5268,7 +5529,7 @@
5268
5529
  "path": ["control", "danger", "fgColor", "rest"]
5269
5530
  },
5270
5531
  "control-danger-fgColor-hover": {
5271
- "$value": "#be4e02",
5532
+ "$value": "#bc4c00",
5272
5533
  "$type": "color",
5273
5534
  "$extensions": {
5274
5535
  "org.primer.figma": {
@@ -6862,6 +7123,35 @@
6862
7123
  "attributes": {},
6863
7124
  "path": ["button", "invisible", "fgColor", "hover"]
6864
7125
  },
7126
+ "button-invisible-fgColor-active": {
7127
+ "$value": "#25292e",
7128
+ "$type": "color",
7129
+ "$extensions": {
7130
+ "org.primer.figma": {
7131
+ "collection": "mode",
7132
+ "mode": "light",
7133
+ "group": "component (internal)",
7134
+ "scopes": ["fgColor"]
7135
+ }
7136
+ },
7137
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7138
+ "isSource": true,
7139
+ "original": {
7140
+ "$value": "{control.fgColor.rest}",
7141
+ "$type": "color",
7142
+ "$extensions": {
7143
+ "org.primer.figma": {
7144
+ "collection": "mode",
7145
+ "mode": "light",
7146
+ "group": "component (internal)",
7147
+ "scopes": ["fgColor"]
7148
+ }
7149
+ }
7150
+ },
7151
+ "name": "button-invisible-fgColor-active",
7152
+ "attributes": {},
7153
+ "path": ["button", "invisible", "fgColor", "active"]
7154
+ },
6865
7155
  "button-invisible-fgColor-disabled": {
6866
7156
  "$value": "#818b98",
6867
7157
  "$type": "color",
@@ -7519,7 +7809,7 @@
7519
7809
  "path": ["button", "outline", "shadow", "selected"]
7520
7810
  },
7521
7811
  "button-danger-fgColor-rest": {
7522
- "$value": "#be4e02",
7812
+ "$value": "#bc4c00",
7523
7813
  "$type": "color",
7524
7814
  "$extensions": {
7525
7815
  "org.primer.figma": {
@@ -7606,7 +7896,7 @@
7606
7896
  "path": ["button", "danger", "fgColor", "active"]
7607
7897
  },
7608
7898
  "button-danger-fgColor-disabled": {
7609
- "$value": "#be4e0280",
7899
+ "$value": "#bc4c0080",
7610
7900
  "$type": "color",
7611
7901
  "$extensions": {
7612
7902
  "org.primer.figma": {
@@ -7637,7 +7927,7 @@
7637
7927
  "path": ["button", "danger", "fgColor", "disabled"]
7638
7928
  },
7639
7929
  "button-danger-iconColor-rest": {
7640
- "$value": "#be4e02",
7930
+ "$value": "#bc4c00",
7641
7931
  "$type": "color",
7642
7932
  "$extensions": {
7643
7933
  "org.primer.figma": {
@@ -8428,7 +8718,7 @@
8428
8718
  "path": ["buttonCounter", "danger", "fgColor", "hover"]
8429
8719
  },
8430
8720
  "buttonCounter-danger-fgColor-disabled": {
8431
- "$value": "#be4e0280",
8721
+ "$value": "#bc4c0080",
8432
8722
  "$type": "color",
8433
8723
  "$extensions": {
8434
8724
  "org.primer.figma": {
@@ -12850,21 +13140,13 @@
12850
13140
  "path": ["fgColor", "severe"]
12851
13141
  },
12852
13142
  "fgColor-danger": {
12853
- "$value": "#be4e02",
13143
+ "$value": "#bc4c00",
12854
13144
  "$type": "color",
12855
- "mix": {
12856
- "color": "#e16f24",
12857
- "weight": 0.05
12858
- },
12859
13145
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
12860
13146
  "isSource": true,
12861
13147
  "original": {
12862
13148
  "$value": "{base.color.orange.5}",
12863
- "$type": "color",
12864
- "mix": {
12865
- "color": "{base.color.orange.4}",
12866
- "weight": 0.05
12867
- }
13149
+ "$type": "color"
12868
13150
  },
12869
13151
  "name": "fgColor-danger",
12870
13152
  "attributes": {},
@@ -13438,27 +13720,25 @@
13438
13720
  "path": ["bgColor", "success", "emphasis"]
13439
13721
  },
13440
13722
  "bgColor-open-muted": {
13441
- "$value": "#fb8f4466",
13723
+ "$value": "#fff1e5",
13442
13724
  "$type": "color",
13443
- "alpha": 0.4,
13444
13725
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13445
13726
  "isSource": true,
13446
13727
  "original": {
13447
- "$value": "{base.color.orange.3}",
13448
- "$type": "color",
13449
- "alpha": 0.4
13728
+ "$value": "{base.color.orange.0}",
13729
+ "$type": "color"
13450
13730
  },
13451
13731
  "name": "bgColor-open-muted",
13452
13732
  "attributes": {},
13453
13733
  "path": ["bgColor", "open", "muted"]
13454
13734
  },
13455
13735
  "bgColor-open-emphasis": {
13456
- "$value": "#e16f24",
13736
+ "$value": "#bc4c00",
13457
13737
  "$type": "color",
13458
13738
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13459
13739
  "isSource": true,
13460
13740
  "original": {
13461
- "$value": "{base.color.orange.4}",
13741
+ "$value": "{base.color.orange.5}",
13462
13742
  "$type": "color"
13463
13743
  },
13464
13744
  "name": "bgColor-open-emphasis",