@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
  "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": "#ddf4ff",
145
+ "type": "color"
146
+ },
147
+ "diffBlob-additionWord-fgColor": {
119
148
  "$extensions": {
120
149
  "org.primer.figma": {
121
150
  "collection": "mode",
@@ -138,60 +167,126 @@
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": {
148
- "mix": null,
149
- "alpha": 0.4,
176
+ "diffBlob-additionWord-bgColor": {
150
177
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
151
178
  "isSource": true,
152
179
  "original": {
153
- "$value": "{base.color.blue.3}",
180
+ "$value": "{base.color.blue.1}",
181
+ "$type": "color"
182
+ },
183
+ "name": "diffBlob-additionWord-bgColor",
184
+ "attributes": {},
185
+ "path": ["diffBlob", "additionWord", "bgColor"],
186
+ "value": "#b6e3ff",
187
+ "type": "color"
188
+ },
189
+ "diffBlob-additionNum-fgColor": {
190
+ "$extensions": {
191
+ "org.primer.figma": {
192
+ "collection": "mode",
193
+ "mode": "light",
194
+ "group": "component",
195
+ "scopes": ["fgColor"]
196
+ }
197
+ },
198
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
199
+ "isSource": true,
200
+ "original": {
201
+ "$value": "{fgColor.default}",
154
202
  "$type": "color",
155
- "mix": null,
156
- "alpha": 0.4
203
+ "$extensions": {
204
+ "org.primer.figma": {
205
+ "collection": "mode",
206
+ "mode": "light",
207
+ "group": "component",
208
+ "scopes": ["fgColor"]
209
+ }
210
+ }
157
211
  },
158
- "name": "diffBlob-addition-bgColor-num",
212
+ "name": "diffBlob-additionNum-fgColor",
159
213
  "attributes": {},
160
- "path": ["diffBlob", "addition", "bgColor", "num"],
161
- "value": "#54aeff66",
214
+ "path": ["diffBlob", "additionNum", "fgColor"],
215
+ "value": "#1f2328",
162
216
  "type": "color"
163
217
  },
164
- "diffBlob-addition-bgColor-line": {
165
- "alpha": 0.5,
218
+ "diffBlob-additionNum-bgColor": {
166
219
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
167
220
  "isSource": true,
168
221
  "original": {
169
- "$value": "{base.color.blue.0}",
222
+ "$value": "{base.color.blue.1}",
223
+ "$type": "color"
224
+ },
225
+ "name": "diffBlob-additionNum-bgColor",
226
+ "attributes": {},
227
+ "path": ["diffBlob", "additionNum", "bgColor"],
228
+ "value": "#b6e3ff",
229
+ "type": "color"
230
+ },
231
+ "diffBlob-deletionLine-fgColor": {
232
+ "$extensions": {
233
+ "org.primer.figma": {
234
+ "collection": "mode",
235
+ "mode": "light",
236
+ "group": "component",
237
+ "scopes": ["fgColor"]
238
+ }
239
+ },
240
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
241
+ "isSource": true,
242
+ "original": {
243
+ "$value": "{fgColor.default}",
170
244
  "$type": "color",
171
- "alpha": 0.5
245
+ "$extensions": {
246
+ "org.primer.figma": {
247
+ "collection": "mode",
248
+ "mode": "light",
249
+ "group": "component",
250
+ "scopes": ["fgColor"]
251
+ }
252
+ }
172
253
  },
173
- "name": "diffBlob-addition-bgColor-line",
254
+ "name": "diffBlob-deletionLine-fgColor",
174
255
  "attributes": {},
175
- "path": ["diffBlob", "addition", "bgColor", "line"],
176
- "value": "#ddf4ff80",
256
+ "path": ["diffBlob", "deletionLine", "fgColor"],
257
+ "value": "#1f2328",
177
258
  "type": "color"
178
259
  },
179
- "diffBlob-addition-bgColor-word": {
180
- "alpha": 0.4,
181
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
260
+ "diffBlob-deletionLine-bgColor": {
261
+ "$extensions": {
262
+ "org.primer.figma": {
263
+ "collection": "mode",
264
+ "mode": "light",
265
+ "group": "component",
266
+ "scopes": ["bgColor"]
267
+ }
268
+ },
269
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
182
270
  "isSource": true,
183
271
  "original": {
184
- "$value": "{base.color.blue.3}",
272
+ "$value": "{bgColor.danger.muted}",
185
273
  "$type": "color",
186
- "alpha": 0.4
274
+ "$extensions": {
275
+ "org.primer.figma": {
276
+ "collection": "mode",
277
+ "mode": "light",
278
+ "group": "component",
279
+ "scopes": ["bgColor"]
280
+ }
281
+ }
187
282
  },
188
- "name": "diffBlob-addition-bgColor-word",
283
+ "name": "diffBlob-deletionLine-bgColor",
189
284
  "attributes": {},
190
- "path": ["diffBlob", "addition", "bgColor", "word"],
191
- "value": "#54aeff66",
285
+ "path": ["diffBlob", "deletionLine", "bgColor"],
286
+ "value": "#fff1e5",
192
287
  "type": "color"
193
288
  },
194
- "diffBlob-deletion-fgColor-text": {
289
+ "diffBlob-deletionWord-fgColor": {
195
290
  "$extensions": {
196
291
  "org.primer.figma": {
197
292
  "collection": "mode",
@@ -214,13 +309,26 @@
214
309
  }
215
310
  }
216
311
  },
217
- "name": "diffBlob-deletion-fgColor-text",
312
+ "name": "diffBlob-deletionWord-fgColor",
218
313
  "attributes": {},
219
- "path": ["diffBlob", "deletion", "fgColor", "text"],
314
+ "path": ["diffBlob", "deletionWord", "fgColor"],
220
315
  "value": "#1f2328",
221
316
  "type": "color"
222
317
  },
223
- "diffBlob-deletion-fgColor-num": {
318
+ "diffBlob-deletionWord-bgColor": {
319
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
320
+ "isSource": true,
321
+ "original": {
322
+ "$value": "{base.color.orange.1}",
323
+ "$type": "color"
324
+ },
325
+ "name": "diffBlob-deletionWord-bgColor",
326
+ "attributes": {},
327
+ "path": ["diffBlob", "deletionWord", "bgColor"],
328
+ "value": "#ffd8b5",
329
+ "type": "color"
330
+ },
331
+ "diffBlob-deletionNum-fgColor": {
224
332
  "$extensions": {
225
333
  "org.primer.figma": {
226
334
  "collection": "mode",
@@ -243,58 +351,184 @@
243
351
  }
244
352
  }
245
353
  },
246
- "name": "diffBlob-deletion-fgColor-num",
354
+ "name": "diffBlob-deletionNum-fgColor",
247
355
  "attributes": {},
248
- "path": ["diffBlob", "deletion", "fgColor", "num"],
356
+ "path": ["diffBlob", "deletionNum", "fgColor"],
249
357
  "value": "#1f2328",
250
358
  "type": "color"
251
359
  },
252
- "diffBlob-deletion-bgColor-num": {
253
- "alpha": 0.4,
360
+ "diffBlob-deletionNum-bgColor": {
254
361
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
255
362
  "isSource": true,
256
363
  "original": {
257
- "$value": "{base.color.orange.3}",
364
+ "$value": "{base.color.orange.1}",
365
+ "$type": "color"
366
+ },
367
+ "name": "diffBlob-deletionNum-bgColor",
368
+ "attributes": {},
369
+ "path": ["diffBlob", "deletionNum", "bgColor"],
370
+ "value": "#ffd8b5",
371
+ "type": "color"
372
+ },
373
+ "diffBlob-hunkLine-bgColor": {
374
+ "$extensions": {
375
+ "org.primer.figma": {
376
+ "collection": "mode",
377
+ "mode": "light",
378
+ "group": "component",
379
+ "scopes": ["bgColor"]
380
+ }
381
+ },
382
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
383
+ "isSource": true,
384
+ "original": {
385
+ "$value": "{base.color.neutral.1}",
258
386
  "$type": "color",
259
- "alpha": 0.4
387
+ "$extensions": {
388
+ "org.primer.figma": {
389
+ "collection": "mode",
390
+ "mode": "light",
391
+ "group": "component",
392
+ "scopes": ["bgColor"]
393
+ }
394
+ }
260
395
  },
261
- "name": "diffBlob-deletion-bgColor-num",
396
+ "name": "diffBlob-hunkLine-bgColor",
262
397
  "attributes": {},
263
- "path": ["diffBlob", "deletion", "bgColor", "num"],
264
- "value": "#fb8f4466",
398
+ "path": ["diffBlob", "hunkLine", "bgColor"],
399
+ "value": "#f6f8fa",
265
400
  "type": "color"
266
401
  },
267
- "diffBlob-deletion-bgColor-line": {
268
- "alpha": 0.5,
402
+ "diffBlob-hunkLine-fgColor": {
403
+ "$extensions": {
404
+ "org.primer.figma": {
405
+ "collection": "mode",
406
+ "mode": "light",
407
+ "group": "component",
408
+ "scopes": ["fgColor"]
409
+ }
410
+ },
411
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
412
+ "isSource": true,
413
+ "original": {
414
+ "$value": "{fgColor.muted}",
415
+ "$type": "color",
416
+ "$extensions": {
417
+ "org.primer.figma": {
418
+ "collection": "mode",
419
+ "mode": "light",
420
+ "group": "component",
421
+ "scopes": ["fgColor"]
422
+ }
423
+ }
424
+ },
425
+ "name": "diffBlob-hunkLine-fgColor",
426
+ "attributes": {},
427
+ "path": ["diffBlob", "hunkLine", "fgColor"],
428
+ "value": "#59636e",
429
+ "type": "color"
430
+ },
431
+ "diffBlob-hunkNum-fgColor-rest": {
432
+ "$extensions": {
433
+ "org.primer.figma": {
434
+ "collection": "mode",
435
+ "mode": "light",
436
+ "group": "component",
437
+ "scopes": ["fgColor"]
438
+ }
439
+ },
440
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
441
+ "isSource": true,
442
+ "original": {
443
+ "$value": "{fgColor.default}",
444
+ "$type": "color",
445
+ "$extensions": {
446
+ "org.primer.figma": {
447
+ "collection": "mode",
448
+ "mode": "light",
449
+ "group": "component",
450
+ "scopes": ["fgColor"]
451
+ }
452
+ }
453
+ },
454
+ "name": "diffBlob-hunkNum-fgColor-rest",
455
+ "attributes": {},
456
+ "path": ["diffBlob", "hunkNum", "fgColor", "rest"],
457
+ "value": "#1f2328",
458
+ "type": "color"
459
+ },
460
+ "diffBlob-hunkNum-fgColor-hover": {
269
461
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
270
462
  "isSource": true,
271
463
  "original": {
272
- "$value": "{base.color.orange.0}",
464
+ "$value": "{fgColor.default}",
465
+ "$type": "color"
466
+ },
467
+ "name": "diffBlob-hunkNum-fgColor-hover",
468
+ "attributes": {},
469
+ "path": ["diffBlob", "hunkNum", "fgColor", "hover"],
470
+ "value": "#1f2328",
471
+ "type": "color"
472
+ },
473
+ "diffBlob-hunkNum-bgColor-rest": {
474
+ "$extensions": {
475
+ "org.primer.figma": {
476
+ "collection": "mode",
477
+ "mode": "light",
478
+ "group": "component",
479
+ "scopes": ["bgColor"]
480
+ }
481
+ },
482
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
483
+ "isSource": true,
484
+ "original": {
485
+ "$value": "{base.color.neutral.3}",
273
486
  "$type": "color",
274
- "alpha": 0.5
487
+ "$extensions": {
488
+ "org.primer.figma": {
489
+ "collection": "mode",
490
+ "mode": "light",
491
+ "group": "component",
492
+ "scopes": ["bgColor"]
493
+ }
494
+ }
275
495
  },
276
- "name": "diffBlob-deletion-bgColor-line",
496
+ "name": "diffBlob-hunkNum-bgColor-rest",
277
497
  "attributes": {},
278
- "path": ["diffBlob", "deletion", "bgColor", "line"],
279
- "value": "#fff1e580",
498
+ "path": ["diffBlob", "hunkNum", "bgColor", "rest"],
499
+ "value": "#e6eaef",
280
500
  "type": "color"
281
501
  },
282
- "diffBlob-deletion-bgColor-word": {
283
- "alpha": 0.5,
502
+ "diffBlob-hunkNum-bgColor-hover": {
503
+ "$extensions": {
504
+ "org.primer.figma": {
505
+ "collection": "mode",
506
+ "mode": "light",
507
+ "group": "component",
508
+ "scopes": ["bgColor"]
509
+ }
510
+ },
284
511
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
285
512
  "isSource": true,
286
513
  "original": {
287
- "$value": "{base.color.orange.2}",
514
+ "$value": "{base.color.neutral.7}",
288
515
  "$type": "color",
289
- "alpha": 0.5
516
+ "$extensions": {
517
+ "org.primer.figma": {
518
+ "collection": "mode",
519
+ "mode": "light",
520
+ "group": "component",
521
+ "scopes": ["bgColor"]
522
+ }
523
+ }
290
524
  },
291
- "name": "diffBlob-deletion-bgColor-word",
525
+ "name": "diffBlob-hunkNum-bgColor-hover",
292
526
  "attributes": {},
293
- "path": ["diffBlob", "deletion", "bgColor", "word"],
294
- "value": "#ffb77c80",
527
+ "path": ["diffBlob", "hunkNum", "bgColor", "hover"],
528
+ "value": "#c8d1da",
295
529
  "type": "color"
296
530
  },
297
- "diffBlob-hunk-bgColor-num": {
531
+ "diffBlob-emptyNum-bgColor": {
298
532
  "$extensions": {
299
533
  "org.primer.figma": {
300
534
  "collection": "mode",
@@ -303,11 +537,10 @@
303
537
  "scopes": ["bgColor"]
304
538
  }
305
539
  },
306
- "alpha": 0.4,
307
540
  "filePath": "src/tokens/functional/color/light/app-light.json5",
308
541
  "isSource": true,
309
542
  "original": {
310
- "$value": "{base.color.blue.3}",
543
+ "$value": "{bgColor.muted}",
311
544
  "$type": "color",
312
545
  "$extensions": {
313
546
  "org.primer.figma": {
@@ -316,13 +549,41 @@
316
549
  "group": "component",
317
550
  "scopes": ["bgColor"]
318
551
  }
319
- },
320
- "alpha": 0.4
552
+ }
321
553
  },
322
- "name": "diffBlob-hunk-bgColor-num",
554
+ "name": "diffBlob-emptyNum-bgColor",
323
555
  "attributes": {},
324
- "path": ["diffBlob", "hunk", "bgColor", "num"],
325
- "value": "#54aeff66",
556
+ "path": ["diffBlob", "emptyNum", "bgColor"],
557
+ "value": "#f6f8fa",
558
+ "type": "color"
559
+ },
560
+ "diffBlob-emptyLine-bgColor": {
561
+ "$extensions": {
562
+ "org.primer.figma": {
563
+ "collection": "mode",
564
+ "mode": "light",
565
+ "group": "component",
566
+ "scopes": ["bgColor"]
567
+ }
568
+ },
569
+ "filePath": "src/tokens/functional/color/light/app-light.json5",
570
+ "isSource": true,
571
+ "original": {
572
+ "$value": "{bgColor.muted}",
573
+ "$type": "color",
574
+ "$extensions": {
575
+ "org.primer.figma": {
576
+ "collection": "mode",
577
+ "mode": "light",
578
+ "group": "component",
579
+ "scopes": ["bgColor"]
580
+ }
581
+ }
582
+ },
583
+ "name": "diffBlob-emptyLine-bgColor",
584
+ "attributes": {},
585
+ "path": ["diffBlob", "emptyLine", "bgColor"],
586
+ "value": "#f6f8fa",
326
587
  "type": "color"
327
588
  },
328
589
  "diffBlob-expander-iconColor": {
@@ -1055,7 +1316,7 @@
1055
1316
  "collection": "mode",
1056
1317
  "mode": "dark",
1057
1318
  "group": "component",
1058
- "scopes": ["bgColor"]
1319
+ "scopes": ["bgColor", "borderColor"]
1059
1320
  }
1060
1321
  },
1061
1322
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1068,7 +1329,7 @@
1068
1329
  "collection": "mode",
1069
1330
  "mode": "dark",
1070
1331
  "group": "component",
1071
- "scopes": ["bgColor"]
1332
+ "scopes": ["bgColor", "borderColor"]
1072
1333
  }
1073
1334
  }
1074
1335
  },
@@ -1113,7 +1374,7 @@
1113
1374
  "collection": "mode",
1114
1375
  "mode": "dark",
1115
1376
  "group": "component",
1116
- "scopes": ["bgColor"]
1377
+ "scopes": ["bgColor", "borderColor"]
1117
1378
  }
1118
1379
  },
1119
1380
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1126,7 +1387,7 @@
1126
1387
  "collection": "mode",
1127
1388
  "mode": "dark",
1128
1389
  "group": "component",
1129
- "scopes": ["bgColor"]
1390
+ "scopes": ["bgColor", "borderColor"]
1130
1391
  }
1131
1392
  }
1132
1393
  },
@@ -1171,7 +1432,7 @@
1171
1432
  "collection": "mode",
1172
1433
  "mode": "dark",
1173
1434
  "group": "component",
1174
- "scopes": ["bgColor"]
1435
+ "scopes": ["bgColor", "borderColor"]
1175
1436
  }
1176
1437
  },
1177
1438
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1184,7 +1445,7 @@
1184
1445
  "collection": "mode",
1185
1446
  "mode": "dark",
1186
1447
  "group": "component",
1187
- "scopes": ["bgColor"]
1448
+ "scopes": ["bgColor", "borderColor"]
1188
1449
  }
1189
1450
  }
1190
1451
  },
@@ -1229,7 +1490,7 @@
1229
1490
  "collection": "mode",
1230
1491
  "mode": "dark",
1231
1492
  "group": "component",
1232
- "scopes": ["bgColor"]
1493
+ "scopes": ["bgColor", "borderColor"]
1233
1494
  }
1234
1495
  },
1235
1496
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1242,7 +1503,7 @@
1242
1503
  "collection": "mode",
1243
1504
  "mode": "dark",
1244
1505
  "group": "component",
1245
- "scopes": ["bgColor"]
1506
+ "scopes": ["bgColor", "borderColor"]
1246
1507
  }
1247
1508
  }
1248
1509
  },
@@ -1287,7 +1548,7 @@
1287
1548
  "collection": "mode",
1288
1549
  "mode": "dark",
1289
1550
  "group": "component",
1290
- "scopes": ["bgColor"]
1551
+ "scopes": ["bgColor", "borderColor"]
1291
1552
  }
1292
1553
  },
1293
1554
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1300,7 +1561,7 @@
1300
1561
  "collection": "mode",
1301
1562
  "mode": "dark",
1302
1563
  "group": "component",
1303
- "scopes": ["bgColor"]
1564
+ "scopes": ["bgColor", "borderColor"]
1304
1565
  }
1305
1566
  }
1306
1567
  },
@@ -1345,7 +1606,7 @@
1345
1606
  "collection": "mode",
1346
1607
  "mode": "dark",
1347
1608
  "group": "component",
1348
- "scopes": ["bgColor"]
1609
+ "scopes": ["bgColor", "borderColor"]
1349
1610
  }
1350
1611
  },
1351
1612
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1358,7 +1619,7 @@
1358
1619
  "collection": "mode",
1359
1620
  "mode": "dark",
1360
1621
  "group": "component",
1361
- "scopes": ["bgColor"]
1622
+ "scopes": ["bgColor", "borderColor"]
1362
1623
  }
1363
1624
  }
1364
1625
  },
@@ -1403,7 +1664,7 @@
1403
1664
  "collection": "mode",
1404
1665
  "mode": "dark",
1405
1666
  "group": "component",
1406
- "scopes": ["bgColor"]
1667
+ "scopes": ["bgColor", "borderColor"]
1407
1668
  }
1408
1669
  },
1409
1670
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1416,7 +1677,7 @@
1416
1677
  "collection": "mode",
1417
1678
  "mode": "dark",
1418
1679
  "group": "component",
1419
- "scopes": ["bgColor"]
1680
+ "scopes": ["bgColor", "borderColor"]
1420
1681
  }
1421
1682
  }
1422
1683
  },
@@ -1461,7 +1722,7 @@
1461
1722
  "collection": "mode",
1462
1723
  "mode": "dark",
1463
1724
  "group": "component",
1464
- "scopes": ["bgColor"]
1725
+ "scopes": ["bgColor", "borderColor"]
1465
1726
  }
1466
1727
  },
1467
1728
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1474,7 +1735,7 @@
1474
1735
  "collection": "mode",
1475
1736
  "mode": "dark",
1476
1737
  "group": "component",
1477
- "scopes": ["bgColor"]
1738
+ "scopes": ["bgColor", "borderColor"]
1478
1739
  }
1479
1740
  }
1480
1741
  },
@@ -1519,7 +1780,7 @@
1519
1780
  "collection": "mode",
1520
1781
  "mode": "dark",
1521
1782
  "group": "component",
1522
- "scopes": ["bgColor"]
1783
+ "scopes": ["bgColor", "borderColor"]
1523
1784
  }
1524
1785
  },
1525
1786
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1532,7 +1793,7 @@
1532
1793
  "collection": "mode",
1533
1794
  "mode": "dark",
1534
1795
  "group": "component",
1535
- "scopes": ["bgColor"]
1796
+ "scopes": ["bgColor", "borderColor"]
1536
1797
  }
1537
1798
  }
1538
1799
  },
@@ -1577,7 +1838,7 @@
1577
1838
  "collection": "mode",
1578
1839
  "mode": "dark",
1579
1840
  "group": "component",
1580
- "scopes": ["bgColor"]
1841
+ "scopes": ["bgColor", "borderColor"]
1581
1842
  }
1582
1843
  },
1583
1844
  "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
@@ -1590,7 +1851,7 @@
1590
1851
  "collection": "mode",
1591
1852
  "mode": "dark",
1592
1853
  "group": "component",
1593
- "scopes": ["bgColor"]
1854
+ "scopes": ["bgColor", "borderColor"]
1594
1855
  }
1595
1856
  }
1596
1857
  },
@@ -5264,7 +5525,7 @@
5264
5525
  "name": "control-danger-fgColor-rest",
5265
5526
  "attributes": {},
5266
5527
  "path": ["control", "danger", "fgColor", "rest"],
5267
- "value": "#be4e02",
5528
+ "value": "#bc4c00",
5268
5529
  "type": "color"
5269
5530
  },
5270
5531
  "control-danger-fgColor-hover": {
@@ -5293,7 +5554,7 @@
5293
5554
  "name": "control-danger-fgColor-hover",
5294
5555
  "attributes": {},
5295
5556
  "path": ["control", "danger", "fgColor", "hover"],
5296
- "value": "#be4e02",
5557
+ "value": "#bc4c00",
5297
5558
  "type": "color"
5298
5559
  },
5299
5560
  "control-danger-bgColor-hover": {
@@ -6862,6 +7123,35 @@
6862
7123
  "value": "#25292e",
6863
7124
  "type": "color"
6864
7125
  },
7126
+ "button-invisible-fgColor-active": {
7127
+ "$extensions": {
7128
+ "org.primer.figma": {
7129
+ "collection": "mode",
7130
+ "mode": "light",
7131
+ "group": "component (internal)",
7132
+ "scopes": ["fgColor"]
7133
+ }
7134
+ },
7135
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7136
+ "isSource": true,
7137
+ "original": {
7138
+ "$value": "{control.fgColor.rest}",
7139
+ "$type": "color",
7140
+ "$extensions": {
7141
+ "org.primer.figma": {
7142
+ "collection": "mode",
7143
+ "mode": "light",
7144
+ "group": "component (internal)",
7145
+ "scopes": ["fgColor"]
7146
+ }
7147
+ }
7148
+ },
7149
+ "name": "button-invisible-fgColor-active",
7150
+ "attributes": {},
7151
+ "path": ["button", "invisible", "fgColor", "active"],
7152
+ "value": "#25292e",
7153
+ "type": "color"
7154
+ },
6865
7155
  "button-invisible-fgColor-disabled": {
6866
7156
  "$extensions": {
6867
7157
  "org.primer.figma": {
@@ -7544,7 +7834,7 @@
7544
7834
  "name": "button-danger-fgColor-rest",
7545
7835
  "attributes": {},
7546
7836
  "path": ["button", "danger", "fgColor", "rest"],
7547
- "value": "#be4e02",
7837
+ "value": "#bc4c00",
7548
7838
  "type": "color"
7549
7839
  },
7550
7840
  "button-danger-fgColor-hover": {
@@ -7633,7 +7923,7 @@
7633
7923
  "name": "button-danger-fgColor-disabled",
7634
7924
  "attributes": {},
7635
7925
  "path": ["button", "danger", "fgColor", "disabled"],
7636
- "value": "#be4e0280",
7926
+ "value": "#bc4c0080",
7637
7927
  "type": "color"
7638
7928
  },
7639
7929
  "button-danger-iconColor-rest": {
@@ -7662,7 +7952,7 @@
7662
7952
  "name": "button-danger-iconColor-rest",
7663
7953
  "attributes": {},
7664
7954
  "path": ["button", "danger", "iconColor", "rest"],
7665
- "value": "#be4e02",
7955
+ "value": "#bc4c00",
7666
7956
  "type": "color"
7667
7957
  },
7668
7958
  "button-danger-iconColor-hover": {
@@ -8455,7 +8745,7 @@
8455
8745
  "name": "buttonCounter-danger-fgColor-disabled",
8456
8746
  "attributes": {},
8457
8747
  "path": ["buttonCounter", "danger", "fgColor", "disabled"],
8458
- "value": "#be4e0280",
8748
+ "value": "#bc4c0080",
8459
8749
  "type": "color"
8460
8750
  },
8461
8751
  "reactionButton-selected-bgColor-rest": {
@@ -12850,24 +13140,16 @@
12850
13140
  "type": "color"
12851
13141
  },
12852
13142
  "fgColor-danger": {
12853
- "mix": {
12854
- "color": "#e16f24",
12855
- "weight": 0.05
12856
- },
12857
13143
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
12858
13144
  "isSource": true,
12859
13145
  "original": {
12860
13146
  "$value": "{base.color.orange.5}",
12861
- "$type": "color",
12862
- "mix": {
12863
- "color": "{base.color.orange.4}",
12864
- "weight": 0.05
12865
- }
13147
+ "$type": "color"
12866
13148
  },
12867
13149
  "name": "fgColor-danger",
12868
13150
  "attributes": {},
12869
13151
  "path": ["fgColor", "danger"],
12870
- "value": "#be4e02",
13152
+ "value": "#bc4c00",
12871
13153
  "type": "color"
12872
13154
  },
12873
13155
  "fgColor-closed": {
@@ -13438,31 +13720,29 @@
13438
13720
  "type": "color"
13439
13721
  },
13440
13722
  "bgColor-open-muted": {
13441
- "alpha": 0.4,
13442
13723
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13443
13724
  "isSource": true,
13444
13725
  "original": {
13445
- "$value": "{base.color.orange.3}",
13446
- "$type": "color",
13447
- "alpha": 0.4
13726
+ "$value": "{base.color.orange.0}",
13727
+ "$type": "color"
13448
13728
  },
13449
13729
  "name": "bgColor-open-muted",
13450
13730
  "attributes": {},
13451
13731
  "path": ["bgColor", "open", "muted"],
13452
- "value": "#fb8f4466",
13732
+ "value": "#fff1e5",
13453
13733
  "type": "color"
13454
13734
  },
13455
13735
  "bgColor-open-emphasis": {
13456
13736
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13457
13737
  "isSource": true,
13458
13738
  "original": {
13459
- "$value": "{base.color.orange.4}",
13739
+ "$value": "{base.color.orange.5}",
13460
13740
  "$type": "color"
13461
13741
  },
13462
13742
  "name": "bgColor-open-emphasis",
13463
13743
  "attributes": {},
13464
13744
  "path": ["bgColor", "open", "emphasis"],
13465
- "value": "#e16f24",
13745
+ "value": "#bc4c00",
13466
13746
  "type": "color"
13467
13747
  },
13468
13748
  "bgColor-attention-muted": {