@primer/primitives 7.12.0 → 7.13.0-rc.129a477

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 (88) hide show
  1. package/package.json +1 -1
  2. package/tokens-next-private/css/functional/size/size.css +14 -0
  3. package/tokens-next-private/css/functional/themes/dark-colorblind.css +28 -0
  4. package/tokens-next-private/css/functional/themes/dark-dimmed.css +28 -0
  5. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +32 -4
  6. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +28 -0
  7. package/tokens-next-private/css/functional/themes/dark.css +28 -0
  8. package/tokens-next-private/css/functional/themes/light-colorblind.css +28 -0
  9. package/tokens-next-private/css/functional/themes/light-high-contrast.css +32 -4
  10. package/tokens-next-private/css/functional/themes/light-tritanopia.css +28 -0
  11. package/tokens-next-private/css/functional/themes/light.css +28 -0
  12. package/tokens-next-private/docs/functional/size/size.json +350 -0
  13. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +405 -19
  14. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +406 -20
  15. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +423 -29
  16. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +405 -19
  17. package/tokens-next-private/docs/functional/themes/dark.json +406 -20
  18. package/tokens-next-private/docs/functional/themes/light-colorblind.json +406 -22
  19. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +419 -31
  20. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +406 -22
  21. package/tokens-next-private/docs/functional/themes/light.json +408 -24
  22. package/tokens-next-private/fallbacks/functional/size/size.json +15 -1
  23. package/tokens-next-private/figma/dimension/dimension.json +131 -0
  24. package/tokens-next-private/figma/themes/dark.json +211 -0
  25. package/tokens-next-private/figma/themes/light.json +210 -0
  26. package/tokens-next-private/scss/functional/size/size.scss +14 -0
  27. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +14 -0
  28. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +14 -0
  29. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +16 -2
  30. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +14 -0
  31. package/tokens-next-private/scss/functional/themes/dark.scss +14 -0
  32. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +14 -0
  33. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +16 -2
  34. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +14 -0
  35. package/tokens-next-private/scss/functional/themes/light.scss +14 -0
  36. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  37. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  38. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  39. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  40. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  41. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  42. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  43. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  44. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  45. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  46. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  47. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  48. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  49. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  50. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  51. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  53. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  54. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  55. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  56. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  57. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  58. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  59. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  60. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  61. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  62. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  63. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  64. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  65. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  66. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  67. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  68. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  69. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  71. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  73. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1939,7 +1939,7 @@
1939
1939
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1940
1940
  "isSource": true,
1941
1941
  "original": {
1942
- "value": "{fgColor.danger}",
1942
+ "value": "{fgColor.danger.@}",
1943
1943
  "$type": "color",
1944
1944
  "$extensions": {
1945
1945
  "org.primer.figma": {
@@ -1966,7 +1966,7 @@
1966
1966
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1967
1967
  "isSource": true,
1968
1968
  "original": {
1969
- "value": "{fgColor.danger}",
1969
+ "value": "{fgColor.danger.@}",
1970
1970
  "$type": "color",
1971
1971
  "$extensions": {
1972
1972
  "org.primer.figma": {
@@ -3395,7 +3395,7 @@
3395
3395
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3396
3396
  "isSource": true,
3397
3397
  "original": {
3398
- "value": "{fgColor.accent}",
3398
+ "value": "{fgColor.accent.@}",
3399
3399
  "$type": "color",
3400
3400
  "$extensions": {
3401
3401
  "org.primer.figma": {
@@ -3422,7 +3422,7 @@
3422
3422
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3423
3423
  "isSource": true,
3424
3424
  "original": {
3425
- "value": "{fgColor.accent}",
3425
+ "value": "{fgColor.accent.@}",
3426
3426
  "$type": "color",
3427
3427
  "$extensions": {
3428
3428
  "org.primer.figma": {
@@ -3665,7 +3665,7 @@
3665
3665
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3666
3666
  "isSource": true,
3667
3667
  "original": {
3668
- "value": "{fgColor.accent}",
3668
+ "value": "{fgColor.accent.@}",
3669
3669
  "$type": "color",
3670
3670
  "$extensions": {
3671
3671
  "org.primer.figma": {
@@ -3747,7 +3747,7 @@
3747
3747
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3748
3748
  "isSource": true,
3749
3749
  "original": {
3750
- "value": "{fgColor.accent}",
3750
+ "value": "{fgColor.accent.@}",
3751
3751
  "$type": "color",
3752
3752
  "$extensions": {
3753
3753
  "org.primer.figma": {
@@ -3968,7 +3968,7 @@
3968
3968
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3969
3969
  "isSource": true,
3970
3970
  "original": {
3971
- "value": "{fgColor.danger}",
3971
+ "value": "{fgColor.danger.@}",
3972
3972
  "$type": "color",
3973
3973
  "$extensions": {
3974
3974
  "org.primer.figma": {
@@ -4050,7 +4050,7 @@
4050
4050
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4051
4051
  "isSource": true,
4052
4052
  "original": {
4053
- "value": "{fgColor.danger}",
4053
+ "value": "{fgColor.danger.@}",
4054
4054
  "$type": "color",
4055
4055
  "$extensions": {
4056
4056
  "org.primer.figma": {
@@ -4078,7 +4078,7 @@
4078
4078
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4079
4079
  "isSource": true,
4080
4080
  "original": {
4081
- "value": "{fgColor.danger}",
4081
+ "value": "{fgColor.danger.@}",
4082
4082
  "$type": "color",
4083
4083
  "$extensions": {
4084
4084
  "org.primer.figma": {
@@ -4581,7 +4581,7 @@
4581
4581
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4582
4582
  "isSource": true,
4583
4583
  "original": {
4584
- "value": "{fgColor.accent}",
4584
+ "value": "{fgColor.accent.@}",
4585
4585
  "$type": "color",
4586
4586
  "$extensions": {
4587
4587
  "org.primer.figma": {
@@ -4759,7 +4759,7 @@
4759
4759
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4760
4760
  "isSource": true,
4761
4761
  "original": {
4762
- "value": "{fgColor.danger}",
4762
+ "value": "{fgColor.danger.@}",
4763
4763
  "$type": "color",
4764
4764
  "$extensions": {
4765
4765
  "org.primer.figma": {
@@ -5206,6 +5206,33 @@
5206
5206
  "attributes": {},
5207
5207
  "path": ["fgColor", "onEmphasis"]
5208
5208
  },
5209
+ "fgColor-onInverse": {
5210
+ "value": "#f6f8fa",
5211
+ "$type": "color",
5212
+ "$extensions": {
5213
+ "org.primer.figma": {
5214
+ "collection": "mode",
5215
+ "mode": "light",
5216
+ "scopes": ["fgColor"]
5217
+ }
5218
+ },
5219
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5220
+ "isSource": true,
5221
+ "original": {
5222
+ "value": "{base.color.gray.0}",
5223
+ "$type": "color",
5224
+ "$extensions": {
5225
+ "org.primer.figma": {
5226
+ "collection": "mode",
5227
+ "mode": "light",
5228
+ "scopes": ["fgColor"]
5229
+ }
5230
+ }
5231
+ },
5232
+ "name": "fgColor-onInverse",
5233
+ "attributes": {},
5234
+ "path": ["fgColor", "onInverse"]
5235
+ },
5209
5236
  "fgColor-disabled": {
5210
5237
  "value": "#8c959f",
5211
5238
  "$type": "color",
@@ -5246,7 +5273,7 @@
5246
5273
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5247
5274
  "isSource": true,
5248
5275
  "original": {
5249
- "value": "{fgColor.accent}",
5276
+ "value": "{fgColor.accent.@}",
5250
5277
  "$type": "color",
5251
5278
  "$extensions": {
5252
5279
  "org.primer.figma": {
@@ -5258,7 +5285,88 @@
5258
5285
  },
5259
5286
  "name": "fgColor-link",
5260
5287
  "attributes": {},
5261
- "path": ["fgColor", "link"]
5288
+ "path": ["fgColor", "link", "@"]
5289
+ },
5290
+ "fgColor-link-onInverse": {
5291
+ "value": "#54aeff",
5292
+ "$type": "color",
5293
+ "$extensions": {
5294
+ "org.primer.figma": {
5295
+ "collection": "mode",
5296
+ "mode": "light",
5297
+ "scopes": ["fgColor"]
5298
+ }
5299
+ },
5300
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5301
+ "isSource": true,
5302
+ "original": {
5303
+ "value": "{fgColor.accent.onInverse}",
5304
+ "$type": "color",
5305
+ "$extensions": {
5306
+ "org.primer.figma": {
5307
+ "collection": "mode",
5308
+ "mode": "light",
5309
+ "scopes": ["fgColor"]
5310
+ }
5311
+ }
5312
+ },
5313
+ "name": "fgColor-link-onInverse",
5314
+ "attributes": {},
5315
+ "path": ["fgColor", "link", "onInverse"]
5316
+ },
5317
+ "fgColor-neutral": {
5318
+ "value": "#6e7781",
5319
+ "$type": "color",
5320
+ "$extensions": {
5321
+ "org.primer.figma": {
5322
+ "collection": "mode",
5323
+ "mode": "light",
5324
+ "scopes": ["fgColor"]
5325
+ }
5326
+ },
5327
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5328
+ "isSource": true,
5329
+ "original": {
5330
+ "value": "{base.color.gray.5}",
5331
+ "$type": "color",
5332
+ "$extensions": {
5333
+ "org.primer.figma": {
5334
+ "collection": "mode",
5335
+ "mode": "light",
5336
+ "scopes": ["fgColor"]
5337
+ }
5338
+ }
5339
+ },
5340
+ "name": "fgColor-neutral",
5341
+ "attributes": {},
5342
+ "path": ["fgColor", "neutral", "@"]
5343
+ },
5344
+ "fgColor-neutral-onInverse": {
5345
+ "value": "#8c959f",
5346
+ "$type": "color",
5347
+ "$extensions": {
5348
+ "org.primer.figma": {
5349
+ "collection": "mode",
5350
+ "mode": "light",
5351
+ "scopes": ["fgColor"]
5352
+ }
5353
+ },
5354
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5355
+ "isSource": true,
5356
+ "original": {
5357
+ "value": "{base.color.gray.4}",
5358
+ "$type": "color",
5359
+ "$extensions": {
5360
+ "org.primer.figma": {
5361
+ "collection": "mode",
5362
+ "mode": "light",
5363
+ "scopes": ["fgColor"]
5364
+ }
5365
+ }
5366
+ },
5367
+ "name": "fgColor-neutral-onInverse",
5368
+ "attributes": {},
5369
+ "path": ["fgColor", "neutral", "onInverse"]
5262
5370
  },
5263
5371
  "fgColor-accent": {
5264
5372
  "value": "#0969da",
@@ -5285,7 +5393,34 @@
5285
5393
  },
5286
5394
  "name": "fgColor-accent",
5287
5395
  "attributes": {},
5288
- "path": ["fgColor", "accent"]
5396
+ "path": ["fgColor", "accent", "@"]
5397
+ },
5398
+ "fgColor-accent-onInverse": {
5399
+ "value": "#54aeff",
5400
+ "$type": "color",
5401
+ "$extensions": {
5402
+ "org.primer.figma": {
5403
+ "collection": "mode",
5404
+ "mode": "light",
5405
+ "scopes": ["fgColor"]
5406
+ }
5407
+ },
5408
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5409
+ "isSource": true,
5410
+ "original": {
5411
+ "value": "{base.color.blue.3}",
5412
+ "$type": "color",
5413
+ "$extensions": {
5414
+ "org.primer.figma": {
5415
+ "collection": "mode",
5416
+ "mode": "light",
5417
+ "scopes": ["fgColor"]
5418
+ }
5419
+ }
5420
+ },
5421
+ "name": "fgColor-accent-onInverse",
5422
+ "attributes": {},
5423
+ "path": ["fgColor", "accent", "onInverse"]
5289
5424
  },
5290
5425
  "fgColor-success": {
5291
5426
  "value": "#0969da",
@@ -5312,7 +5447,34 @@
5312
5447
  },
5313
5448
  "name": "fgColor-success",
5314
5449
  "attributes": {},
5315
- "path": ["fgColor", "success"]
5450
+ "path": ["fgColor", "success", "@"]
5451
+ },
5452
+ "fgColor-success-onInverse": {
5453
+ "value": "#54aeff",
5454
+ "$type": "color",
5455
+ "$extensions": {
5456
+ "org.primer.figma": {
5457
+ "collection": "mode",
5458
+ "mode": "light",
5459
+ "scopes": ["fgColor"]
5460
+ }
5461
+ },
5462
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
5463
+ "isSource": true,
5464
+ "original": {
5465
+ "value": "{base.color.blue.3}",
5466
+ "$type": "color",
5467
+ "$extensions": {
5468
+ "org.primer.figma": {
5469
+ "collection": "mode",
5470
+ "mode": "light",
5471
+ "scopes": ["fgColor"]
5472
+ }
5473
+ }
5474
+ },
5475
+ "name": "fgColor-success-onInverse",
5476
+ "attributes": {},
5477
+ "path": ["fgColor", "success", "onInverse"]
5316
5478
  },
5317
5479
  "fgColor-attention": {
5318
5480
  "value": "#9a6700",
@@ -5339,7 +5501,34 @@
5339
5501
  },
5340
5502
  "name": "fgColor-attention",
5341
5503
  "attributes": {},
5342
- "path": ["fgColor", "attention"]
5504
+ "path": ["fgColor", "attention", "@"]
5505
+ },
5506
+ "fgColor-attention-onInverse": {
5507
+ "value": "#d4a72c",
5508
+ "$type": "color",
5509
+ "$extensions": {
5510
+ "org.primer.figma": {
5511
+ "collection": "mode",
5512
+ "mode": "light",
5513
+ "scopes": ["fgColor"]
5514
+ }
5515
+ },
5516
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5517
+ "isSource": true,
5518
+ "original": {
5519
+ "value": "{base.color.yellow.3}",
5520
+ "$type": "color",
5521
+ "$extensions": {
5522
+ "org.primer.figma": {
5523
+ "collection": "mode",
5524
+ "mode": "light",
5525
+ "scopes": ["fgColor"]
5526
+ }
5527
+ }
5528
+ },
5529
+ "name": "fgColor-attention-onInverse",
5530
+ "attributes": {},
5531
+ "path": ["fgColor", "attention", "onInverse"]
5343
5532
  },
5344
5533
  "fgColor-severe": {
5345
5534
  "value": "#cf222e",
@@ -5366,7 +5555,34 @@
5366
5555
  },
5367
5556
  "name": "fgColor-severe",
5368
5557
  "attributes": {},
5369
- "path": ["fgColor", "severe"]
5558
+ "path": ["fgColor", "severe", "@"]
5559
+ },
5560
+ "fgColor-severe-onInverse": {
5561
+ "value": "#ff8182",
5562
+ "$type": "color",
5563
+ "$extensions": {
5564
+ "org.primer.figma": {
5565
+ "collection": "mode",
5566
+ "mode": "light",
5567
+ "scopes": ["fgColor"]
5568
+ }
5569
+ },
5570
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
5571
+ "isSource": true,
5572
+ "original": {
5573
+ "value": "{base.color.red.3}",
5574
+ "$type": "color",
5575
+ "$extensions": {
5576
+ "org.primer.figma": {
5577
+ "collection": "mode",
5578
+ "mode": "light",
5579
+ "scopes": ["fgColor"]
5580
+ }
5581
+ }
5582
+ },
5583
+ "name": "fgColor-severe-onInverse",
5584
+ "attributes": {},
5585
+ "path": ["fgColor", "severe", "onInverse"]
5370
5586
  },
5371
5587
  "fgColor-danger": {
5372
5588
  "value": "#d1242f",
@@ -5401,7 +5617,36 @@
5401
5617
  },
5402
5618
  "name": "fgColor-danger",
5403
5619
  "attributes": {},
5404
- "path": ["fgColor", "danger"]
5620
+ "path": ["fgColor", "danger", "@"]
5621
+ },
5622
+ "fgColor-danger-onInverse": {
5623
+ "value": "#fa4549",
5624
+ "$type": "color",
5625
+ "mix": null,
5626
+ "$extensions": {
5627
+ "org.primer.figma": {
5628
+ "collection": "mode",
5629
+ "mode": "light",
5630
+ "scopes": ["fgColor"]
5631
+ }
5632
+ },
5633
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5634
+ "isSource": true,
5635
+ "original": {
5636
+ "value": "{base.color.red.4}",
5637
+ "$type": "color",
5638
+ "mix": null,
5639
+ "$extensions": {
5640
+ "org.primer.figma": {
5641
+ "collection": "mode",
5642
+ "mode": "light",
5643
+ "scopes": ["fgColor"]
5644
+ }
5645
+ }
5646
+ },
5647
+ "name": "fgColor-danger-onInverse",
5648
+ "attributes": {},
5649
+ "path": ["fgColor", "danger", "onInverse"]
5405
5650
  },
5406
5651
  "fgColor-open": {
5407
5652
  "value": "#cf222e",
@@ -5428,7 +5673,36 @@
5428
5673
  },
5429
5674
  "name": "fgColor-open",
5430
5675
  "attributes": {},
5431
- "path": ["fgColor", "open"]
5676
+ "path": ["fgColor", "open", "@"]
5677
+ },
5678
+ "fgColor-open-onInverse": {
5679
+ "value": "#fa4549",
5680
+ "$type": "color",
5681
+ "mix": null,
5682
+ "$extensions": {
5683
+ "org.primer.figma": {
5684
+ "collection": "mode",
5685
+ "mode": "light",
5686
+ "scopes": ["fgColor"]
5687
+ }
5688
+ },
5689
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
5690
+ "isSource": true,
5691
+ "original": {
5692
+ "value": "{base.color.red.4}",
5693
+ "$type": "color",
5694
+ "mix": null,
5695
+ "$extensions": {
5696
+ "org.primer.figma": {
5697
+ "collection": "mode",
5698
+ "mode": "light",
5699
+ "scopes": ["fgColor"]
5700
+ }
5701
+ }
5702
+ },
5703
+ "name": "fgColor-open-onInverse",
5704
+ "attributes": {},
5705
+ "path": ["fgColor", "open", "onInverse"]
5432
5706
  },
5433
5707
  "fgColor-closed": {
5434
5708
  "value": "#6e7781",
@@ -5455,7 +5729,36 @@
5455
5729
  },
5456
5730
  "name": "fgColor-closed",
5457
5731
  "attributes": {},
5458
- "path": ["fgColor", "closed"]
5732
+ "path": ["fgColor", "closed", "@"]
5733
+ },
5734
+ "fgColor-closed-onInverse": {
5735
+ "value": "#afb8c1",
5736
+ "$type": "color",
5737
+ "mix": null,
5738
+ "$extensions": {
5739
+ "org.primer.figma": {
5740
+ "collection": "mode",
5741
+ "mode": "light",
5742
+ "scopes": ["fgColor"]
5743
+ }
5744
+ },
5745
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
5746
+ "isSource": true,
5747
+ "original": {
5748
+ "value": "{base.color.gray.3}",
5749
+ "$type": "color",
5750
+ "mix": null,
5751
+ "$extensions": {
5752
+ "org.primer.figma": {
5753
+ "collection": "mode",
5754
+ "mode": "light",
5755
+ "scopes": ["fgColor"]
5756
+ }
5757
+ }
5758
+ },
5759
+ "name": "fgColor-closed-onInverse",
5760
+ "attributes": {},
5761
+ "path": ["fgColor", "closed", "onInverse"]
5459
5762
  },
5460
5763
  "fgColor-done": {
5461
5764
  "value": "#8250df",
@@ -5482,7 +5785,34 @@
5482
5785
  },
5483
5786
  "name": "fgColor-done",
5484
5787
  "attributes": {},
5485
- "path": ["fgColor", "done"]
5788
+ "path": ["fgColor", "done", "@"]
5789
+ },
5790
+ "fgColor-done-onInverse": {
5791
+ "value": "#a475f9",
5792
+ "$type": "color",
5793
+ "$extensions": {
5794
+ "org.primer.figma": {
5795
+ "collection": "mode",
5796
+ "mode": "light",
5797
+ "scopes": ["fgColor"]
5798
+ }
5799
+ },
5800
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5801
+ "isSource": true,
5802
+ "original": {
5803
+ "value": "{base.color.purple.4}",
5804
+ "$type": "color",
5805
+ "$extensions": {
5806
+ "org.primer.figma": {
5807
+ "collection": "mode",
5808
+ "mode": "light",
5809
+ "scopes": ["fgColor"]
5810
+ }
5811
+ }
5812
+ },
5813
+ "name": "fgColor-done-onInverse",
5814
+ "attributes": {},
5815
+ "path": ["fgColor", "done", "onInverse"]
5486
5816
  },
5487
5817
  "fgColor-sponsors": {
5488
5818
  "value": "#bf3989",
@@ -5509,7 +5839,34 @@
5509
5839
  },
5510
5840
  "name": "fgColor-sponsors",
5511
5841
  "attributes": {},
5512
- "path": ["fgColor", "sponsors"]
5842
+ "path": ["fgColor", "sponsors", "@"]
5843
+ },
5844
+ "fgColor-sponsors-onInverse": {
5845
+ "value": "#e85aad",
5846
+ "$type": "color",
5847
+ "$extensions": {
5848
+ "org.primer.figma": {
5849
+ "collection": "mode",
5850
+ "mode": "light",
5851
+ "scopes": ["fgColor"]
5852
+ }
5853
+ },
5854
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5855
+ "isSource": true,
5856
+ "original": {
5857
+ "value": "{base.color.pink.4}",
5858
+ "$type": "color",
5859
+ "$extensions": {
5860
+ "org.primer.figma": {
5861
+ "collection": "mode",
5862
+ "mode": "light",
5863
+ "scopes": ["fgColor"]
5864
+ }
5865
+ }
5866
+ },
5867
+ "name": "fgColor-sponsors-onInverse",
5868
+ "attributes": {},
5869
+ "path": ["fgColor", "sponsors", "onInverse"]
5513
5870
  },
5514
5871
  "bgColor-default": {
5515
5872
  "value": "#ffffff",
@@ -5619,6 +5976,33 @@
5619
5976
  "attributes": {},
5620
5977
  "path": ["bgColor", "emphasis"]
5621
5978
  },
5979
+ "bgColor-inverse": {
5980
+ "value": "#24292f",
5981
+ "$type": "color",
5982
+ "$extensions": {
5983
+ "org.primer.figma": {
5984
+ "collection": "mode",
5985
+ "mode": "light",
5986
+ "scopes": ["bgColor"]
5987
+ }
5988
+ },
5989
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5990
+ "isSource": true,
5991
+ "original": {
5992
+ "value": "{base.color.gray.9}",
5993
+ "$type": "color",
5994
+ "$extensions": {
5995
+ "org.primer.figma": {
5996
+ "collection": "mode",
5997
+ "mode": "light",
5998
+ "scopes": ["bgColor"]
5999
+ }
6000
+ }
6001
+ },
6002
+ "name": "bgColor-inverse",
6003
+ "attributes": {},
6004
+ "path": ["bgColor", "inverse"]
6005
+ },
5622
6006
  "bgColor-disabled": {
5623
6007
  "value": "#f6f8fa",
5624
6008
  "$type": "color",