@primer/primitives 10.3.0-rc.416d4297 → 10.3.0-rc.7be162ee

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 (57) hide show
  1. package/dist/build/platforms/figma.js +40 -36
  2. package/dist/build/transformers/colorToHex.js +2 -2
  3. package/dist/build/transformers/colorToRgbAlpha.js +2 -2
  4. package/dist/build/transformers/shadowToCss.js +2 -2
  5. package/dist/build/transformers/utilities/alpha.d.ts +2 -2
  6. package/dist/build/transformers/utilities/alpha.js +3 -3
  7. package/dist/build/utilities/log.d.ts +6 -0
  8. package/dist/build/utilities/log.js +34 -0
  9. package/dist/css/functional/themes/dark-colorblind.css +10 -10
  10. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  11. package/dist/css/functional/themes/light-colorblind.css +10 -10
  12. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  13. package/dist/docs/functional/themes/dark-colorblind.json +561 -37
  14. package/dist/docs/functional/themes/dark-dimmed.json +381 -13
  15. package/dist/docs/functional/themes/dark-high-contrast.json +558 -30
  16. package/dist/docs/functional/themes/dark-tritanopia.json +469 -23
  17. package/dist/docs/functional/themes/dark.json +352 -12
  18. package/dist/docs/functional/themes/light-colorblind.json +538 -30
  19. package/dist/docs/functional/themes/light-high-contrast.json +498 -24
  20. package/dist/docs/functional/themes/light-tritanopia.json +507 -19
  21. package/dist/docs/functional/themes/light.json +350 -10
  22. package/dist/figma/themes/dark-colorblind.json +229 -96
  23. package/dist/figma/themes/dark-dimmed.json +96 -64
  24. package/dist/figma/themes/dark-high-contrast.json +243 -79
  25. package/dist/figma/themes/dark-tritanopia.json +178 -96
  26. package/dist/figma/themes/dark.json +96 -96
  27. package/dist/figma/themes/light-colorblind.json +190 -91
  28. package/dist/figma/themes/light-high-contrast.json +185 -74
  29. package/dist/figma/themes/light-tritanopia.json +170 -90
  30. package/dist/figma/themes/light.json +95 -95
  31. package/dist/internalCss/dark-colorblind.css +10 -10
  32. package/dist/internalCss/light-colorblind.css +10 -10
  33. package/dist/styleLint/functional/themes/dark-colorblind.json +561 -37
  34. package/dist/styleLint/functional/themes/dark-dimmed.json +381 -13
  35. package/dist/styleLint/functional/themes/dark-high-contrast.json +556 -28
  36. package/dist/styleLint/functional/themes/dark-tritanopia.json +469 -23
  37. package/dist/styleLint/functional/themes/dark.json +352 -12
  38. package/dist/styleLint/functional/themes/light-colorblind.json +538 -30
  39. package/dist/styleLint/functional/themes/light-high-contrast.json +496 -22
  40. package/dist/styleLint/functional/themes/light-tritanopia.json +507 -19
  41. package/dist/styleLint/functional/themes/light.json +350 -10
  42. package/package.json +1 -1
  43. package/src/tokens/component/diffBlob.json5 +94 -0
  44. package/src/tokens/component/page.json5 +20 -0
  45. package/src/tokens/component/reactionButton.json5 +78 -0
  46. package/src/tokens/component/timelineBadge.json5 +19 -0
  47. package/src/tokens/functional/color/dark/app-dark.json5 +0 -16
  48. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -17
  49. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -71
  50. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -63
  51. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -37
  52. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -67
  53. package/src/tokens/functional/color/light/app-light.json5 +0 -16
  54. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -49
  55. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +15 -76
  56. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -71
  57. package/src/tokens/functional/color/light/patterns-light.json5 +1 -65
@@ -700,14 +700,14 @@
700
700
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
701
701
  "isSource": true,
702
702
  "original": {
703
- "$value": "{base.color.orange.5}",
703
+ "$value": "{base.color.blue.5}",
704
704
  "$type": "color"
705
705
  },
706
706
  "name": "bgColor-open-emphasis",
707
707
  "attributes": {},
708
708
  "path": ["bgColor", "open", "emphasis"],
709
709
  "key": "{bgColor.open.emphasis}",
710
- "value": "#bd561d",
710
+ "value": "#1f6feb",
711
711
  "type": "color"
712
712
  },
713
713
  "bgColor-open-muted": {
@@ -715,7 +715,7 @@
715
715
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
716
716
  "isSource": true,
717
717
  "original": {
718
- "$value": "{base.color.orange.4}",
718
+ "$value": "{base.color.blue.4}",
719
719
  "$type": "color",
720
720
  "alpha": 0.2
721
721
  },
@@ -723,7 +723,7 @@
723
723
  "attributes": {},
724
724
  "path": ["bgColor", "open", "muted"],
725
725
  "key": "{bgColor.open.muted}",
726
- "value": "#db6d2833",
726
+ "value": "#388bfd33",
727
727
  "type": "color"
728
728
  },
729
729
  "bgColor-severe-emphasis": {
@@ -1956,14 +1956,14 @@
1956
1956
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
1957
1957
  "isSource": true,
1958
1958
  "original": {
1959
- "$value": "{base.color.orange.4}",
1959
+ "$value": "{base.color.blue.4}",
1960
1960
  "$type": "color"
1961
1961
  },
1962
1962
  "name": "borderColor-open-emphasis",
1963
1963
  "attributes": {},
1964
1964
  "path": ["borderColor", "open", "emphasis"],
1965
1965
  "key": "{borderColor.open.emphasis}",
1966
- "value": "#db6d28",
1966
+ "value": "#388bfd",
1967
1967
  "type": "color"
1968
1968
  },
1969
1969
  "borderColor-open-muted": {
@@ -1971,7 +1971,7 @@
1971
1971
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
1972
1972
  "isSource": true,
1973
1973
  "original": {
1974
- "$value": "{base.color.orange.4}",
1974
+ "$value": "{base.color.blue.4}",
1975
1975
  "$type": "color",
1976
1976
  "alpha": 0.4
1977
1977
  },
@@ -1979,7 +1979,7 @@
1979
1979
  "attributes": {},
1980
1980
  "path": ["borderColor", "open", "muted"],
1981
1981
  "key": "{borderColor.open.muted}",
1982
- "value": "#db6d2866",
1982
+ "value": "#388bfd66",
1983
1983
  "type": "color"
1984
1984
  },
1985
1985
  "borderColor-severe-emphasis": {
@@ -8156,6 +8156,13 @@
8156
8156
  "org.primer.overrides": {
8157
8157
  "dark": {
8158
8158
  "alpha": 0.15
8159
+ },
8160
+ "dark-high-contrast": {
8161
+ "$value": "#388bfd26",
8162
+ "alpha": 0.2,
8163
+ "filePath": "src/tokens/component/diffBlob.json5",
8164
+ "isSource": true,
8165
+ "$type": "color"
8159
8166
  }
8160
8167
  }
8161
8168
  },
@@ -8174,6 +8181,13 @@
8174
8181
  "org.primer.overrides": {
8175
8182
  "dark": {
8176
8183
  "alpha": 0.15
8184
+ },
8185
+ "dark-high-contrast": {
8186
+ "$value": "{bgColor.success.muted}",
8187
+ "alpha": 0.2,
8188
+ "filePath": "src/tokens/component/diffBlob.json5",
8189
+ "isSource": true,
8190
+ "$type": "color"
8177
8191
  }
8178
8192
  }
8179
8193
  },
@@ -8192,6 +8206,9 @@
8192
8206
  "collection": "mode",
8193
8207
  "group": "component",
8194
8208
  "scopes": ["fgColor"]
8209
+ },
8210
+ "org.primer.overrides": {
8211
+ "dark-high-contrast": "#ffffff"
8195
8212
  }
8196
8213
  },
8197
8214
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -8204,6 +8221,9 @@
8204
8221
  "collection": "mode",
8205
8222
  "group": "component",
8206
8223
  "scopes": ["fgColor"]
8224
+ },
8225
+ "org.primer.overrides": {
8226
+ "dark-high-contrast": "{fgColor.onEmphasis}"
8207
8227
  }
8208
8228
  }
8209
8229
  },
@@ -8215,12 +8235,76 @@
8215
8235
  "type": "color"
8216
8236
  },
8217
8237
  "diffBlob-additionNum-bgColor": {
8218
- "alpha": 0.3,
8219
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
8238
+ "$extensions": {
8239
+ "org.primer.figma": {
8240
+ "collection": "mode",
8241
+ "group": "component",
8242
+ "scopes": ["bgColor"]
8243
+ },
8244
+ "org.primer.overrides": {
8245
+ "dark": {
8246
+ "$value": "#3fb950",
8247
+ "alpha": 0.3,
8248
+ "filePath": "src/tokens/component/diffBlob.json5",
8249
+ "isSource": true,
8250
+ "$type": "color"
8251
+ },
8252
+ "light-protanopia-deuteranopia": "#a5d6ff",
8253
+ "light-tritanopia": "#a5d6ff",
8254
+ "dark-tritanopia": {
8255
+ "$value": "#58a6ff",
8256
+ "alpha": 0.3,
8257
+ "filePath": "src/tokens/component/diffBlob.json5",
8258
+ "isSource": true,
8259
+ "$type": "color"
8260
+ },
8261
+ "dark-protanopia-deuteranopia": {
8262
+ "$value": "#58a6ff",
8263
+ "alpha": 0.3,
8264
+ "filePath": "src/tokens/component/diffBlob.json5",
8265
+ "isSource": true,
8266
+ "$type": "color"
8267
+ }
8268
+ }
8269
+ },
8270
+ "filePath": "src/tokens/component/diffBlob.json5",
8220
8271
  "isSource": true,
8272
+ "alpha": 0.3,
8221
8273
  "original": {
8222
8274
  "$value": "{base.color.blue.3}",
8223
8275
  "$type": "color",
8276
+ "$extensions": {
8277
+ "org.primer.figma": {
8278
+ "collection": "mode",
8279
+ "group": "component",
8280
+ "scopes": ["bgColor"]
8281
+ },
8282
+ "org.primer.overrides": {
8283
+ "dark": {
8284
+ "$value": "{base.color.green.3}",
8285
+ "alpha": 0.3,
8286
+ "filePath": "src/tokens/component/diffBlob.json5",
8287
+ "isSource": true,
8288
+ "$type": "color"
8289
+ },
8290
+ "light-protanopia-deuteranopia": "{base.color.blue.1}",
8291
+ "light-tritanopia": "{base.color.blue.1}",
8292
+ "dark-tritanopia": {
8293
+ "$value": "{base.color.blue.3}",
8294
+ "alpha": 0.3,
8295
+ "filePath": "src/tokens/component/diffBlob.json5",
8296
+ "isSource": true,
8297
+ "$type": "color"
8298
+ },
8299
+ "dark-protanopia-deuteranopia": {
8300
+ "$value": "{base.color.blue.3}",
8301
+ "alpha": 0.3,
8302
+ "filePath": "src/tokens/component/diffBlob.json5",
8303
+ "isSource": true,
8304
+ "$type": "color"
8305
+ }
8306
+ }
8307
+ },
8224
8308
  "alpha": 0.3
8225
8309
  },
8226
8310
  "name": "diffBlob-additionNum-bgColor",
@@ -8259,12 +8343,80 @@
8259
8343
  "type": "color"
8260
8344
  },
8261
8345
  "diffBlob-additionWord-bgColor": {
8262
- "alpha": 0.4,
8263
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
8346
+ "$extensions": {
8347
+ "org.primer.figma": {
8348
+ "collection": "mode",
8349
+ "group": "component",
8350
+ "scopes": ["bgColor"]
8351
+ },
8352
+ "org.primer.overrides": {
8353
+ "dark": {
8354
+ "$value": "#2ea043",
8355
+ "alpha": 0.4,
8356
+ "filePath": "src/tokens/component/diffBlob.json5",
8357
+ "isSource": true,
8358
+ "$type": "color"
8359
+ },
8360
+ "light-protanopia-deuteranopia": "#a5d6ff",
8361
+ "dark-protanopia-deuteranopia": {
8362
+ "$value": "#388bfd",
8363
+ "alpha": 0.4,
8364
+ "filePath": "src/tokens/component/diffBlob.json5",
8365
+ "isSource": true,
8366
+ "$type": "color"
8367
+ },
8368
+ "light-high-contrast": "#238636",
8369
+ "dark-high-contrast": "#1f6feb",
8370
+ "light-tritanopia": "#a5d6ff",
8371
+ "dark-tritanopia": {
8372
+ "$value": "#388bfd",
8373
+ "alpha": 0.4,
8374
+ "filePath": "src/tokens/component/diffBlob.json5",
8375
+ "isSource": true,
8376
+ "$type": "color"
8377
+ }
8378
+ }
8379
+ },
8380
+ "filePath": "src/tokens/component/diffBlob.json5",
8264
8381
  "isSource": true,
8382
+ "alpha": 0.4,
8265
8383
  "original": {
8266
8384
  "$value": "{base.color.blue.4}",
8267
8385
  "$type": "color",
8386
+ "$extensions": {
8387
+ "org.primer.figma": {
8388
+ "collection": "mode",
8389
+ "group": "component",
8390
+ "scopes": ["bgColor"]
8391
+ },
8392
+ "org.primer.overrides": {
8393
+ "dark": {
8394
+ "$value": "{base.color.green.4}",
8395
+ "alpha": 0.4,
8396
+ "filePath": "src/tokens/component/diffBlob.json5",
8397
+ "isSource": true,
8398
+ "$type": "color"
8399
+ },
8400
+ "light-protanopia-deuteranopia": "{base.color.blue.1}",
8401
+ "dark-protanopia-deuteranopia": {
8402
+ "$value": "{base.color.blue.4}",
8403
+ "alpha": 0.4,
8404
+ "filePath": "src/tokens/component/diffBlob.json5",
8405
+ "isSource": true,
8406
+ "$type": "color"
8407
+ },
8408
+ "light-high-contrast": "{base.color.green.5}",
8409
+ "dark-high-contrast": "{bgColor.success.emphasis}",
8410
+ "light-tritanopia": "{base.color.blue.1}",
8411
+ "dark-tritanopia": {
8412
+ "$value": "{base.color.blue.4}",
8413
+ "alpha": 0.4,
8414
+ "filePath": "src/tokens/component/diffBlob.json5",
8415
+ "isSource": true,
8416
+ "$type": "color"
8417
+ }
8418
+ }
8419
+ },
8268
8420
  "alpha": 0.4
8269
8421
  },
8270
8422
  "name": "diffBlob-additionWord-bgColor",
@@ -8280,6 +8432,9 @@
8280
8432
  "collection": "mode",
8281
8433
  "group": "component",
8282
8434
  "scopes": ["fgColor"]
8435
+ },
8436
+ "org.primer.overrides": {
8437
+ "light-high-contrast": "#ffffff"
8283
8438
  }
8284
8439
  },
8285
8440
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -8292,6 +8447,9 @@
8292
8447
  "collection": "mode",
8293
8448
  "group": "component",
8294
8449
  "scopes": ["fgColor"]
8450
+ },
8451
+ "org.primer.overrides": {
8452
+ "light-high-contrast": "{fgColor.onEmphasis}"
8295
8453
  }
8296
8454
  }
8297
8455
  },
@@ -8303,12 +8461,58 @@
8303
8461
  "type": "color"
8304
8462
  },
8305
8463
  "diffBlob-deletionLine-bgColor": {
8306
- "alpha": 0.15,
8307
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
8464
+ "$extensions": {
8465
+ "org.primer.figma": {
8466
+ "collection": "mode",
8467
+ "group": "component",
8468
+ "scopes": ["bgColor"]
8469
+ },
8470
+ "org.primer.overrides": {
8471
+ "dark-protanopia-deuteranopia": {
8472
+ "$value": "#db6d28",
8473
+ "alpha": 0.15,
8474
+ "filePath": "src/tokens/component/diffBlob.json5",
8475
+ "isSource": true,
8476
+ "$type": "color"
8477
+ },
8478
+ "dark-high-contrast": {
8479
+ "$value": "#db6d281a",
8480
+ "alpha": 0.2,
8481
+ "filePath": "src/tokens/component/diffBlob.json5",
8482
+ "isSource": true,
8483
+ "$type": "color"
8484
+ }
8485
+ }
8486
+ },
8487
+ "filePath": "src/tokens/component/diffBlob.json5",
8308
8488
  "isSource": true,
8489
+ "alpha": 0.15,
8309
8490
  "original": {
8310
8491
  "$value": "{base.color.orange.4}",
8311
8492
  "$type": "color",
8493
+ "$extensions": {
8494
+ "org.primer.figma": {
8495
+ "collection": "mode",
8496
+ "group": "component",
8497
+ "scopes": ["bgColor"]
8498
+ },
8499
+ "org.primer.overrides": {
8500
+ "dark-protanopia-deuteranopia": {
8501
+ "$value": "{base.color.orange.4}",
8502
+ "alpha": 0.15,
8503
+ "filePath": "src/tokens/component/diffBlob.json5",
8504
+ "isSource": true,
8505
+ "$type": "color"
8506
+ },
8507
+ "dark-high-contrast": {
8508
+ "$value": "{bgColor.danger.muted}",
8509
+ "alpha": 0.2,
8510
+ "filePath": "src/tokens/component/diffBlob.json5",
8511
+ "isSource": true,
8512
+ "$type": "color"
8513
+ }
8514
+ }
8515
+ },
8312
8516
  "alpha": 0.15
8313
8517
  },
8314
8518
  "name": "diffBlob-deletionLine-bgColor",
@@ -8324,6 +8528,9 @@
8324
8528
  "collection": "mode",
8325
8529
  "group": "component",
8326
8530
  "scopes": ["fgColor"]
8531
+ },
8532
+ "org.primer.overrides": {
8533
+ "dark-high-contrast": "#ffffff"
8327
8534
  }
8328
8535
  },
8329
8536
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -8336,6 +8543,9 @@
8336
8543
  "collection": "mode",
8337
8544
  "group": "component",
8338
8545
  "scopes": ["fgColor"]
8546
+ },
8547
+ "org.primer.overrides": {
8548
+ "dark-high-contrast": "{fgColor.onEmphasis}"
8339
8549
  }
8340
8550
  }
8341
8551
  },
@@ -8347,12 +8557,62 @@
8347
8557
  "type": "color"
8348
8558
  },
8349
8559
  "diffBlob-deletionNum-bgColor": {
8350
- "alpha": 0.3,
8351
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
8560
+ "$extensions": {
8561
+ "org.primer.figma": {
8562
+ "collection": "mode",
8563
+ "group": "component",
8564
+ "scopes": ["bgColor"]
8565
+ },
8566
+ "org.primer.overrides": {
8567
+ "dark": {
8568
+ "$value": "#f85149",
8569
+ "alpha": 0.3,
8570
+ "filePath": "src/tokens/component/diffBlob.json5",
8571
+ "isSource": true,
8572
+ "$type": "color"
8573
+ },
8574
+ "light-tritanopia": "#ffc1ba",
8575
+ "light-protanopia-deuteranopia": "#ffc680",
8576
+ "dark-protanopia-deuteranopia": {
8577
+ "$value": "#db6d28",
8578
+ "alpha": 0.3,
8579
+ "filePath": "src/tokens/component/diffBlob.json5",
8580
+ "isSource": true,
8581
+ "$type": "color"
8582
+ }
8583
+ }
8584
+ },
8585
+ "filePath": "src/tokens/component/diffBlob.json5",
8352
8586
  "isSource": true,
8587
+ "alpha": 0.3,
8353
8588
  "original": {
8354
8589
  "$value": "{base.color.orange.4}",
8355
8590
  "$type": "color",
8591
+ "$extensions": {
8592
+ "org.primer.figma": {
8593
+ "collection": "mode",
8594
+ "group": "component",
8595
+ "scopes": ["bgColor"]
8596
+ },
8597
+ "org.primer.overrides": {
8598
+ "dark": {
8599
+ "$value": "{base.color.red.4}",
8600
+ "alpha": 0.3,
8601
+ "filePath": "src/tokens/component/diffBlob.json5",
8602
+ "isSource": true,
8603
+ "$type": "color"
8604
+ },
8605
+ "light-tritanopia": "{base.color.red.1}",
8606
+ "light-protanopia-deuteranopia": "{base.color.orange.1}",
8607
+ "dark-protanopia-deuteranopia": {
8608
+ "$value": "{base.color.orange.4}",
8609
+ "alpha": 0.3,
8610
+ "filePath": "src/tokens/component/diffBlob.json5",
8611
+ "isSource": true,
8612
+ "$type": "color"
8613
+ }
8614
+ }
8615
+ },
8356
8616
  "alpha": 0.3
8357
8617
  },
8358
8618
  "name": "diffBlob-deletionNum-bgColor",
@@ -8391,12 +8651,66 @@
8391
8651
  "type": "color"
8392
8652
  },
8393
8653
  "diffBlob-deletionWord-bgColor": {
8394
- "alpha": 0.4,
8395
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
8654
+ "$extensions": {
8655
+ "org.primer.figma": {
8656
+ "collection": "mode",
8657
+ "group": "component",
8658
+ "scopes": ["bgColor"]
8659
+ },
8660
+ "org.primer.overrides": {
8661
+ "dark": {
8662
+ "$value": "#f85149",
8663
+ "alpha": 0.4,
8664
+ "filePath": "src/tokens/component/diffBlob.json5",
8665
+ "isSource": true,
8666
+ "$type": "color"
8667
+ },
8668
+ "light-protanopia-deuteranopia": "#ffc680",
8669
+ "dark-protanopia-deuteranopia": {
8670
+ "$value": "#db6d28",
8671
+ "alpha": 0.4,
8672
+ "filePath": "src/tokens/component/diffBlob.json5",
8673
+ "isSource": true,
8674
+ "$type": "color"
8675
+ },
8676
+ "light-high-contrast": "#da3633",
8677
+ "dark-high-contrast": "#bd561d",
8678
+ "light-tritanopia": "#ffc1ba"
8679
+ }
8680
+ },
8681
+ "filePath": "src/tokens/component/diffBlob.json5",
8396
8682
  "isSource": true,
8683
+ "alpha": 0.4,
8397
8684
  "original": {
8398
8685
  "$value": "{base.color.orange.4}",
8399
8686
  "$type": "color",
8687
+ "$extensions": {
8688
+ "org.primer.figma": {
8689
+ "collection": "mode",
8690
+ "group": "component",
8691
+ "scopes": ["bgColor"]
8692
+ },
8693
+ "org.primer.overrides": {
8694
+ "dark": {
8695
+ "$value": "{base.color.red.4}",
8696
+ "alpha": 0.4,
8697
+ "filePath": "src/tokens/component/diffBlob.json5",
8698
+ "isSource": true,
8699
+ "$type": "color"
8700
+ },
8701
+ "light-protanopia-deuteranopia": "{base.color.orange.1}",
8702
+ "dark-protanopia-deuteranopia": {
8703
+ "$value": "{base.color.orange.4}",
8704
+ "alpha": 0.4,
8705
+ "filePath": "src/tokens/component/diffBlob.json5",
8706
+ "isSource": true,
8707
+ "$type": "color"
8708
+ },
8709
+ "light-high-contrast": "{base.color.red.5}",
8710
+ "dark-high-contrast": "{bgColor.danger.emphasis}",
8711
+ "light-tritanopia": "{base.color.red.1}"
8712
+ }
8713
+ },
8400
8714
  "alpha": 0.4
8401
8715
  },
8402
8716
  "name": "diffBlob-deletionWord-bgColor",
@@ -8412,6 +8726,9 @@
8412
8726
  "collection": "mode",
8413
8727
  "group": "component",
8414
8728
  "scopes": ["fgColor"]
8729
+ },
8730
+ "org.primer.overrides": {
8731
+ "light-high-contrast": "#ffffff"
8415
8732
  }
8416
8733
  },
8417
8734
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -8424,6 +8741,9 @@
8424
8741
  "collection": "mode",
8425
8742
  "group": "component",
8426
8743
  "scopes": ["fgColor"]
8744
+ },
8745
+ "org.primer.overrides": {
8746
+ "light-high-contrast": "{fgColor.onEmphasis}"
8427
8747
  }
8428
8748
  }
8429
8749
  },
@@ -8496,6 +8816,10 @@
8496
8816
  "collection": "mode",
8497
8817
  "group": "component",
8498
8818
  "scopes": ["fgColor"]
8819
+ },
8820
+ "org.primer.overrides": {
8821
+ "light-high-contrast": "#f0f6fc",
8822
+ "dark-high-contrast": "#f0f6fc"
8499
8823
  }
8500
8824
  },
8501
8825
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -8508,6 +8832,10 @@
8508
8832
  "collection": "mode",
8509
8833
  "group": "component",
8510
8834
  "scopes": ["fgColor"]
8835
+ },
8836
+ "org.primer.overrides": {
8837
+ "light-high-contrast": "{fgColor.default}",
8838
+ "dark-high-contrast": "{fgColor.default}"
8511
8839
  }
8512
8840
  }
8513
8841
  },
@@ -8519,13 +8847,51 @@
8519
8847
  "type": "color"
8520
8848
  },
8521
8849
  "diffBlob-hunkLine-bgColor": {
8522
- "alpha": 1,
8523
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
8850
+ "$extensions": {
8851
+ "org.primer.figma": {
8852
+ "collection": "mode",
8853
+ "group": "component",
8854
+ "scopes": ["bgColor"]
8855
+ },
8856
+ "org.primer.overrides": {
8857
+ "light-tritanopia": "#0d1117",
8858
+ "dark-tritanopia": "#212830",
8859
+ "light-protanopia-deuteranopia": "#0d1117",
8860
+ "dark-protanopia-deuteranopia": "#212830",
8861
+ "dark-high-contrast": {
8862
+ "$value": "#388bfd1a",
8863
+ "alpha": 0.2,
8864
+ "filePath": "src/tokens/component/diffBlob.json5",
8865
+ "isSource": true,
8866
+ "$type": "color"
8867
+ }
8868
+ }
8869
+ },
8870
+ "filePath": "src/tokens/component/diffBlob.json5",
8524
8871
  "isSource": true,
8525
8872
  "original": {
8526
8873
  "$value": "{base.color.neutral.3}",
8527
8874
  "$type": "color",
8528
- "alpha": 1
8875
+ "$extensions": {
8876
+ "org.primer.figma": {
8877
+ "collection": "mode",
8878
+ "group": "component",
8879
+ "scopes": ["bgColor"]
8880
+ },
8881
+ "org.primer.overrides": {
8882
+ "light-tritanopia": "{base.color.neutral.1}",
8883
+ "dark-tritanopia": "{base.color.neutral.3}",
8884
+ "light-protanopia-deuteranopia": "{base.color.neutral.1}",
8885
+ "dark-protanopia-deuteranopia": "{base.color.neutral.3}",
8886
+ "dark-high-contrast": {
8887
+ "$value": "{bgColor.accent.muted}",
8888
+ "alpha": 0.2,
8889
+ "filePath": "src/tokens/component/diffBlob.json5",
8890
+ "isSource": true,
8891
+ "$type": "color"
8892
+ }
8893
+ }
8894
+ }
8529
8895
  },
8530
8896
  "name": "diffBlob-hunkLine-bgColor",
8531
8897
  "attributes": {},
@@ -8563,13 +8929,37 @@
8563
8929
  "type": "color"
8564
8930
  },
8565
8931
  "diffBlob-hunkNum-bgColor-hover": {
8566
- "alpha": 1,
8567
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
8932
+ "$extensions": {
8933
+ "org.primer.figma": {
8934
+ "collection": "mode",
8935
+ "group": "component",
8936
+ "scopes": ["bgColor"]
8937
+ },
8938
+ "org.primer.overrides": {
8939
+ "light-tritanopia": "#3d444d",
8940
+ "dark-tritanopia": "#656c76",
8941
+ "light-protanopia-deuteranopia": "#3d444d",
8942
+ "dark-protanopia-deuteranopia": "#656c76"
8943
+ }
8944
+ },
8945
+ "filePath": "src/tokens/component/diffBlob.json5",
8568
8946
  "isSource": true,
8569
8947
  "original": {
8570
8948
  "$value": "{base.color.neutral.8}",
8571
8949
  "$type": "color",
8572
- "alpha": 1
8950
+ "$extensions": {
8951
+ "org.primer.figma": {
8952
+ "collection": "mode",
8953
+ "group": "component",
8954
+ "scopes": ["bgColor"]
8955
+ },
8956
+ "org.primer.overrides": {
8957
+ "light-tritanopia": "{base.color.neutral.7}",
8958
+ "dark-tritanopia": "{base.color.neutral.8}",
8959
+ "light-protanopia-deuteranopia": "{base.color.neutral.7}",
8960
+ "dark-protanopia-deuteranopia": "{base.color.neutral.8}"
8961
+ }
8962
+ }
8573
8963
  },
8574
8964
  "name": "diffBlob-hunkNum-bgColor-hover",
8575
8965
  "attributes": {},
@@ -8579,13 +8969,53 @@
8579
8969
  "type": "color"
8580
8970
  },
8581
8971
  "diffBlob-hunkNum-bgColor-rest": {
8582
- "alpha": 1,
8583
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
8972
+ "$extensions": {
8973
+ "org.primer.figma": {
8974
+ "collection": "mode",
8975
+ "group": "component",
8976
+ "scopes": ["bgColor"]
8977
+ },
8978
+ "org.primer.overrides": {
8979
+ "dark": "#0c2d6b",
8980
+ "light-tritanopia": "#212830",
8981
+ "light-protanopia-deuteranopia": "#212830",
8982
+ "dark-protanopia-deuteranopia": "#2f3742",
8983
+ "dark-tritanopia": "#2f3742",
8984
+ "dark-high-contrast": {
8985
+ "$value": "#388bfd",
8986
+ "alpha": 0.4,
8987
+ "filePath": "src/tokens/component/diffBlob.json5",
8988
+ "isSource": true,
8989
+ "$type": "color"
8990
+ }
8991
+ }
8992
+ },
8993
+ "filePath": "src/tokens/component/diffBlob.json5",
8584
8994
  "isSource": true,
8585
8995
  "original": {
8586
8996
  "$value": "{base.color.neutral.6}",
8587
8997
  "$type": "color",
8588
- "alpha": 1
8998
+ "$extensions": {
8999
+ "org.primer.figma": {
9000
+ "collection": "mode",
9001
+ "group": "component",
9002
+ "scopes": ["bgColor"]
9003
+ },
9004
+ "org.primer.overrides": {
9005
+ "dark": "{base.color.blue.8}",
9006
+ "light-tritanopia": "{base.color.neutral.3}",
9007
+ "light-protanopia-deuteranopia": "{base.color.neutral.3}",
9008
+ "dark-protanopia-deuteranopia": "{base.color.neutral.6}",
9009
+ "dark-tritanopia": "{base.color.neutral.6}",
9010
+ "dark-high-contrast": {
9011
+ "$value": "{base.color.blue.4}",
9012
+ "alpha": 0.4,
9013
+ "filePath": "src/tokens/component/diffBlob.json5",
9014
+ "isSource": true,
9015
+ "$type": "color"
9016
+ }
9017
+ }
9018
+ }
8589
9019
  },
8590
9020
  "name": "diffBlob-hunkNum-bgColor-rest",
8591
9021
  "attributes": {},
@@ -8600,6 +9030,10 @@
8600
9030
  "collection": "mode",
8601
9031
  "group": "component",
8602
9032
  "scopes": ["fgColor"]
9033
+ },
9034
+ "org.primer.overrides": {
9035
+ "light-protanopia-deuteranopia": "#f0f6fc",
9036
+ "light-tritanopia": "#f0f6fc"
8603
9037
  }
8604
9038
  },
8605
9039
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -8612,6 +9046,10 @@
8612
9046
  "collection": "mode",
8613
9047
  "group": "component",
8614
9048
  "scopes": ["fgColor"]
9049
+ },
9050
+ "org.primer.overrides": {
9051
+ "light-protanopia-deuteranopia": "{fgColor.default}",
9052
+ "light-tritanopia": "{fgColor.default}"
8615
9053
  }
8616
9054
  }
8617
9055
  },
@@ -11694,14 +12132,14 @@
11694
12132
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
11695
12133
  "isSource": true,
11696
12134
  "original": {
11697
- "$value": "{base.color.orange.3}",
12135
+ "$value": "{base.color.blue.3}",
11698
12136
  "$type": "color"
11699
12137
  },
11700
12138
  "name": "fgColor-open",
11701
12139
  "attributes": {},
11702
12140
  "path": ["fgColor", "open"],
11703
12141
  "key": "{fgColor.open}",
11704
- "value": "#f0883e",
12142
+ "value": "#58a6ff",
11705
12143
  "type": "color"
11706
12144
  },
11707
12145
  "fgColor-severe": {
@@ -15424,9 +15862,12 @@
15424
15862
  "collection": "mode",
15425
15863
  "group": "component",
15426
15864
  "scopes": ["bgColor"]
15865
+ },
15866
+ "org.primer.overrides": {
15867
+ "dark": "#0d1117"
15427
15868
  }
15428
15869
  },
15429
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
15870
+ "filePath": "src/tokens/component/page.json5",
15430
15871
  "isSource": true,
15431
15872
  "original": {
15432
15873
  "$value": "{bgColor.default}",
@@ -15436,6 +15877,9 @@
15436
15877
  "collection": "mode",
15437
15878
  "group": "component",
15438
15879
  "scopes": ["bgColor"]
15880
+ },
15881
+ "org.primer.overrides": {
15882
+ "dark": "{bgColor.default}"
15439
15883
  }
15440
15884
  }
15441
15885
  },
@@ -15452,11 +15896,35 @@
15452
15896
  "collection": "mode",
15453
15897
  "group": "component (internal)",
15454
15898
  "scopes": ["bgColor"]
15899
+ },
15900
+ "org.primer.overrides": {
15901
+ "dark": {
15902
+ "$value": "#3a8cfd",
15903
+ "alpha": 0.36,
15904
+ "filePath": "src/tokens/component/reactionButton.json5",
15905
+ "isSource": true,
15906
+ "$type": "color"
15907
+ },
15908
+ "dark-dimmed": {
15909
+ "$value": "#4285e5",
15910
+ "alpha": 0.36,
15911
+ "filePath": "src/tokens/component/reactionButton.json5",
15912
+ "isSource": true,
15913
+ "$type": "color"
15914
+ },
15915
+ "light-high-contrast": "#c7e9ff",
15916
+ "dark-high-contrast": {
15917
+ "$value": "#5dadff",
15918
+ "alpha": 0.36,
15919
+ "filePath": "src/tokens/component/reactionButton.json5",
15920
+ "isSource": true,
15921
+ "$type": "color"
15922
+ }
15455
15923
  }
15456
15924
  },
15457
- "alpha": 0.36,
15458
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
15925
+ "filePath": "src/tokens/component/reactionButton.json5",
15459
15926
  "isSource": true,
15927
+ "alpha": 0.36,
15460
15928
  "original": {
15461
15929
  "$value": "#3a8cfd",
15462
15930
  "$type": "color",
@@ -15465,6 +15933,30 @@
15465
15933
  "collection": "mode",
15466
15934
  "group": "component (internal)",
15467
15935
  "scopes": ["bgColor"]
15936
+ },
15937
+ "org.primer.overrides": {
15938
+ "dark": {
15939
+ "$value": "#3a8cfd",
15940
+ "alpha": 0.36,
15941
+ "filePath": "src/tokens/component/reactionButton.json5",
15942
+ "isSource": true,
15943
+ "$type": "color"
15944
+ },
15945
+ "dark-dimmed": {
15946
+ "$value": "#4285e5",
15947
+ "alpha": 0.36,
15948
+ "filePath": "src/tokens/component/reactionButton.json5",
15949
+ "isSource": true,
15950
+ "$type": "color"
15951
+ },
15952
+ "light-high-contrast": "#c7e9ff",
15953
+ "dark-high-contrast": {
15954
+ "$value": "#5dadff",
15955
+ "alpha": 0.36,
15956
+ "filePath": "src/tokens/component/reactionButton.json5",
15957
+ "isSource": true,
15958
+ "$type": "color"
15959
+ }
15468
15960
  }
15469
15961
  },
15470
15962
  "alpha": 0.36
@@ -15482,11 +15974,20 @@
15482
15974
  "collection": "mode",
15483
15975
  "group": "component (internal)",
15484
15976
  "scopes": ["bgColor"]
15977
+ },
15978
+ "org.primer.overrides": {
15979
+ "dark": {
15980
+ "$value": "#388bfd",
15981
+ "alpha": 0.2,
15982
+ "filePath": "src/tokens/component/reactionButton.json5",
15983
+ "isSource": true,
15984
+ "$type": "color"
15985
+ }
15485
15986
  }
15486
15987
  },
15487
- "alpha": 0.2,
15488
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
15988
+ "filePath": "src/tokens/component/reactionButton.json5",
15489
15989
  "isSource": true,
15990
+ "alpha": 0.2,
15490
15991
  "original": {
15491
15992
  "$value": "{base.color.blue.4}",
15492
15993
  "$type": "color",
@@ -15495,6 +15996,15 @@
15495
15996
  "collection": "mode",
15496
15997
  "group": "component (internal)",
15497
15998
  "scopes": ["bgColor"]
15999
+ },
16000
+ "org.primer.overrides": {
16001
+ "dark": {
16002
+ "$value": "{base.color.blue.4}",
16003
+ "alpha": 0.2,
16004
+ "filePath": "src/tokens/component/reactionButton.json5",
16005
+ "isSource": true,
16006
+ "$type": "color"
16007
+ }
15498
16008
  }
15499
16009
  },
15500
16010
  "alpha": 0.2
@@ -15512,9 +16022,12 @@
15512
16022
  "collection": "mode",
15513
16023
  "group": "component (internal)",
15514
16024
  "scopes": ["fgColor"]
16025
+ },
16026
+ "org.primer.overrides": {
16027
+ "dark": "#79c0ff"
15515
16028
  }
15516
16029
  },
15517
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16030
+ "filePath": "src/tokens/component/reactionButton.json5",
15518
16031
  "isSource": true,
15519
16032
  "original": {
15520
16033
  "$value": "{base.color.blue.2}",
@@ -15524,6 +16037,9 @@
15524
16037
  "collection": "mode",
15525
16038
  "group": "component (internal)",
15526
16039
  "scopes": ["fgColor"]
16040
+ },
16041
+ "org.primer.overrides": {
16042
+ "dark": "{base.color.blue.2}"
15527
16043
  }
15528
16044
  }
15529
16045
  },
@@ -15542,7 +16058,7 @@
15542
16058
  "scopes": ["fgColor"]
15543
16059
  }
15544
16060
  },
15545
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16061
+ "filePath": "src/tokens/component/reactionButton.json5",
15546
16062
  "isSource": true,
15547
16063
  "original": {
15548
16064
  "$value": "{fgColor.link}",
@@ -16098,9 +16614,13 @@
16098
16614
  "collection": "mode",
16099
16615
  "group": "component (internal)",
16100
16616
  "scopes": ["bgColor"]
16617
+ },
16618
+ "org.primer.overrides": {
16619
+ "dark": "#212830",
16620
+ "dark-dimmed": "#262c36"
16101
16621
  }
16102
16622
  },
16103
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16623
+ "filePath": "src/tokens/component/timelineBadge.json5",
16104
16624
  "isSource": true,
16105
16625
  "original": {
16106
16626
  "$value": "{base.color.neutral.3}",
@@ -16110,6 +16630,10 @@
16110
16630
  "collection": "mode",
16111
16631
  "group": "component (internal)",
16112
16632
  "scopes": ["bgColor"]
16633
+ },
16634
+ "org.primer.overrides": {
16635
+ "dark": "{base.color.neutral.3}",
16636
+ "dark-dimmed": "{base.color.neutral.4}"
16113
16637
  }
16114
16638
  }
16115
16639
  },