@primer/primitives 7.12.0-rc.fd97c40 → 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 (91) hide show
  1. package/README.md +21 -0
  2. package/package.json +1 -1
  3. package/tokens-next-private/css/functional/size/size.css +20 -0
  4. package/tokens-next-private/css/functional/themes/dark-colorblind.css +30 -0
  5. package/tokens-next-private/css/functional/themes/dark-dimmed.css +30 -0
  6. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +34 -4
  7. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +30 -0
  8. package/tokens-next-private/css/functional/themes/dark.css +30 -0
  9. package/tokens-next-private/css/functional/themes/light-colorblind.css +30 -0
  10. package/tokens-next-private/css/functional/themes/light-high-contrast.css +34 -4
  11. package/tokens-next-private/css/functional/themes/light-tritanopia.css +30 -0
  12. package/tokens-next-private/css/functional/themes/light.css +30 -0
  13. package/tokens-next-private/docs/functional/size/size.json +663 -103
  14. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +433 -20
  15. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +434 -21
  16. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +451 -30
  17. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +433 -20
  18. package/tokens-next-private/docs/functional/themes/dark.json +434 -21
  19. package/tokens-next-private/docs/functional/themes/light-colorblind.json +433 -22
  20. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +446 -31
  21. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +433 -22
  22. package/tokens-next-private/docs/functional/themes/light.json +435 -24
  23. package/tokens-next-private/fallbacks/color-fallbacks.json +12 -11
  24. package/tokens-next-private/fallbacks/functional/size/size.json +21 -1
  25. package/tokens-next-private/figma/dimension/dimension.json +319 -84
  26. package/tokens-next-private/figma/figma.json +3 -0
  27. package/tokens-next-private/figma/themes/dark.json +320 -94
  28. package/tokens-next-private/figma/themes/light.json +324 -99
  29. package/tokens-next-private/scss/functional/size/size.scss +20 -0
  30. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +15 -0
  31. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +15 -0
  32. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +17 -2
  33. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +15 -0
  34. package/tokens-next-private/scss/functional/themes/dark.scss +15 -0
  35. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +15 -0
  36. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +17 -2
  37. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +15 -0
  38. package/tokens-next-private/scss/functional/themes/light.scss +15 -0
  39. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  40. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  41. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  42. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  43. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  44. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  45. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  46. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  47. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  48. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  49. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  50. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  51. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  52. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  53. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  54. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  55. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  56. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  57. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  58. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  59. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  60. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  61. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  62. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  63. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  64. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  65. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  66. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  67. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  68. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  69. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  70. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  71. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  72. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  73. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  74. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  75. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  76. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  77. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  87. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  88. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  89. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  90. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  91. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1943,7 +1943,7 @@
1943
1943
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1944
1944
  "isSource": true,
1945
1945
  "original": {
1946
- "value": "{fgColor.danger}",
1946
+ "value": "{fgColor.danger.@}",
1947
1947
  "$type": "color",
1948
1948
  "$extensions": {
1949
1949
  "org.primer.figma": {
@@ -1970,7 +1970,7 @@
1970
1970
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1971
1971
  "isSource": true,
1972
1972
  "original": {
1973
- "value": "{fgColor.danger}",
1973
+ "value": "{fgColor.danger.@}",
1974
1974
  "$type": "color",
1975
1975
  "$extensions": {
1976
1976
  "org.primer.figma": {
@@ -3399,7 +3399,7 @@
3399
3399
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3400
3400
  "isSource": true,
3401
3401
  "original": {
3402
- "value": "{fgColor.accent}",
3402
+ "value": "{fgColor.accent.@}",
3403
3403
  "$type": "color",
3404
3404
  "$extensions": {
3405
3405
  "org.primer.figma": {
@@ -3426,7 +3426,7 @@
3426
3426
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3427
3427
  "isSource": true,
3428
3428
  "original": {
3429
- "value": "{fgColor.accent}",
3429
+ "value": "{fgColor.accent.@}",
3430
3430
  "$type": "color",
3431
3431
  "$extensions": {
3432
3432
  "org.primer.figma": {
@@ -3669,7 +3669,7 @@
3669
3669
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3670
3670
  "isSource": true,
3671
3671
  "original": {
3672
- "value": "{fgColor.accent}",
3672
+ "value": "{fgColor.accent.@}",
3673
3673
  "$type": "color",
3674
3674
  "$extensions": {
3675
3675
  "org.primer.figma": {
@@ -3751,7 +3751,7 @@
3751
3751
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3752
3752
  "isSource": true,
3753
3753
  "original": {
3754
- "value": "{fgColor.accent}",
3754
+ "value": "{fgColor.accent.@}",
3755
3755
  "$type": "color",
3756
3756
  "$extensions": {
3757
3757
  "org.primer.figma": {
@@ -3972,7 +3972,7 @@
3972
3972
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3973
3973
  "isSource": true,
3974
3974
  "original": {
3975
- "value": "{fgColor.danger}",
3975
+ "value": "{fgColor.danger.@}",
3976
3976
  "$type": "color",
3977
3977
  "$extensions": {
3978
3978
  "org.primer.figma": {
@@ -4054,7 +4054,7 @@
4054
4054
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4055
4055
  "isSource": true,
4056
4056
  "original": {
4057
- "value": "{fgColor.danger}",
4057
+ "value": "{fgColor.danger.@}",
4058
4058
  "$type": "color",
4059
4059
  "$extensions": {
4060
4060
  "org.primer.figma": {
@@ -4082,7 +4082,7 @@
4082
4082
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4083
4083
  "isSource": true,
4084
4084
  "original": {
4085
- "value": "{fgColor.danger}",
4085
+ "value": "{fgColor.danger.@}",
4086
4086
  "$type": "color",
4087
4087
  "$extensions": {
4088
4088
  "org.primer.figma": {
@@ -4585,7 +4585,7 @@
4585
4585
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4586
4586
  "isSource": true,
4587
4587
  "original": {
4588
- "value": "{fgColor.accent}",
4588
+ "value": "{fgColor.accent.@}",
4589
4589
  "$type": "color",
4590
4590
  "$extensions": {
4591
4591
  "org.primer.figma": {
@@ -4763,7 +4763,7 @@
4763
4763
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4764
4764
  "isSource": true,
4765
4765
  "original": {
4766
- "value": "{fgColor.danger}",
4766
+ "value": "{fgColor.danger.@}",
4767
4767
  "$type": "color",
4768
4768
  "$extensions": {
4769
4769
  "org.primer.figma": {
@@ -5210,6 +5210,33 @@
5210
5210
  "attributes": {},
5211
5211
  "path": ["fgColor", "onEmphasis"]
5212
5212
  },
5213
+ "fgColor-onInverse": {
5214
+ "value": "#f6f8fa",
5215
+ "$type": "color",
5216
+ "$extensions": {
5217
+ "org.primer.figma": {
5218
+ "collection": "mode",
5219
+ "mode": "light",
5220
+ "scopes": ["fgColor"]
5221
+ }
5222
+ },
5223
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5224
+ "isSource": true,
5225
+ "original": {
5226
+ "value": "{base.color.gray.0}",
5227
+ "$type": "color",
5228
+ "$extensions": {
5229
+ "org.primer.figma": {
5230
+ "collection": "mode",
5231
+ "mode": "light",
5232
+ "scopes": ["fgColor"]
5233
+ }
5234
+ }
5235
+ },
5236
+ "name": "fgColor-onInverse",
5237
+ "attributes": {},
5238
+ "path": ["fgColor", "onInverse"]
5239
+ },
5213
5240
  "fgColor-disabled": {
5214
5241
  "value": "#8c959f",
5215
5242
  "$type": "color",
@@ -5250,7 +5277,7 @@
5250
5277
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5251
5278
  "isSource": true,
5252
5279
  "original": {
5253
- "value": "{fgColor.accent}",
5280
+ "value": "{fgColor.accent.@}",
5254
5281
  "$type": "color",
5255
5282
  "$extensions": {
5256
5283
  "org.primer.figma": {
@@ -5262,7 +5289,88 @@
5262
5289
  },
5263
5290
  "name": "fgColor-link",
5264
5291
  "attributes": {},
5265
- "path": ["fgColor", "link"]
5292
+ "path": ["fgColor", "link", "@"]
5293
+ },
5294
+ "fgColor-link-onInverse": {
5295
+ "value": "#54aeff",
5296
+ "$type": "color",
5297
+ "$extensions": {
5298
+ "org.primer.figma": {
5299
+ "collection": "mode",
5300
+ "mode": "light",
5301
+ "scopes": ["fgColor"]
5302
+ }
5303
+ },
5304
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5305
+ "isSource": true,
5306
+ "original": {
5307
+ "value": "{fgColor.accent.onInverse}",
5308
+ "$type": "color",
5309
+ "$extensions": {
5310
+ "org.primer.figma": {
5311
+ "collection": "mode",
5312
+ "mode": "light",
5313
+ "scopes": ["fgColor"]
5314
+ }
5315
+ }
5316
+ },
5317
+ "name": "fgColor-link-onInverse",
5318
+ "attributes": {},
5319
+ "path": ["fgColor", "link", "onInverse"]
5320
+ },
5321
+ "fgColor-neutral": {
5322
+ "value": "#6e7781",
5323
+ "$type": "color",
5324
+ "$extensions": {
5325
+ "org.primer.figma": {
5326
+ "collection": "mode",
5327
+ "mode": "light",
5328
+ "scopes": ["fgColor"]
5329
+ }
5330
+ },
5331
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5332
+ "isSource": true,
5333
+ "original": {
5334
+ "value": "{base.color.gray.5}",
5335
+ "$type": "color",
5336
+ "$extensions": {
5337
+ "org.primer.figma": {
5338
+ "collection": "mode",
5339
+ "mode": "light",
5340
+ "scopes": ["fgColor"]
5341
+ }
5342
+ }
5343
+ },
5344
+ "name": "fgColor-neutral",
5345
+ "attributes": {},
5346
+ "path": ["fgColor", "neutral", "@"]
5347
+ },
5348
+ "fgColor-neutral-onInverse": {
5349
+ "value": "#8c959f",
5350
+ "$type": "color",
5351
+ "$extensions": {
5352
+ "org.primer.figma": {
5353
+ "collection": "mode",
5354
+ "mode": "light",
5355
+ "scopes": ["fgColor"]
5356
+ }
5357
+ },
5358
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5359
+ "isSource": true,
5360
+ "original": {
5361
+ "value": "{base.color.gray.4}",
5362
+ "$type": "color",
5363
+ "$extensions": {
5364
+ "org.primer.figma": {
5365
+ "collection": "mode",
5366
+ "mode": "light",
5367
+ "scopes": ["fgColor"]
5368
+ }
5369
+ }
5370
+ },
5371
+ "name": "fgColor-neutral-onInverse",
5372
+ "attributes": {},
5373
+ "path": ["fgColor", "neutral", "onInverse"]
5266
5374
  },
5267
5375
  "fgColor-accent": {
5268
5376
  "value": "#0969da",
@@ -5289,7 +5397,34 @@
5289
5397
  },
5290
5398
  "name": "fgColor-accent",
5291
5399
  "attributes": {},
5292
- "path": ["fgColor", "accent"]
5400
+ "path": ["fgColor", "accent", "@"]
5401
+ },
5402
+ "fgColor-accent-onInverse": {
5403
+ "value": "#54aeff",
5404
+ "$type": "color",
5405
+ "$extensions": {
5406
+ "org.primer.figma": {
5407
+ "collection": "mode",
5408
+ "mode": "light",
5409
+ "scopes": ["fgColor"]
5410
+ }
5411
+ },
5412
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5413
+ "isSource": true,
5414
+ "original": {
5415
+ "value": "{base.color.blue.3}",
5416
+ "$type": "color",
5417
+ "$extensions": {
5418
+ "org.primer.figma": {
5419
+ "collection": "mode",
5420
+ "mode": "light",
5421
+ "scopes": ["fgColor"]
5422
+ }
5423
+ }
5424
+ },
5425
+ "name": "fgColor-accent-onInverse",
5426
+ "attributes": {},
5427
+ "path": ["fgColor", "accent", "onInverse"]
5293
5428
  },
5294
5429
  "fgColor-success": {
5295
5430
  "value": "#0969da",
@@ -5316,7 +5451,34 @@
5316
5451
  },
5317
5452
  "name": "fgColor-success",
5318
5453
  "attributes": {},
5319
- "path": ["fgColor", "success"]
5454
+ "path": ["fgColor", "success", "@"]
5455
+ },
5456
+ "fgColor-success-onInverse": {
5457
+ "value": "#54aeff",
5458
+ "$type": "color",
5459
+ "$extensions": {
5460
+ "org.primer.figma": {
5461
+ "collection": "mode",
5462
+ "mode": "light",
5463
+ "scopes": ["fgColor"]
5464
+ }
5465
+ },
5466
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
5467
+ "isSource": true,
5468
+ "original": {
5469
+ "value": "{base.color.blue.3}",
5470
+ "$type": "color",
5471
+ "$extensions": {
5472
+ "org.primer.figma": {
5473
+ "collection": "mode",
5474
+ "mode": "light",
5475
+ "scopes": ["fgColor"]
5476
+ }
5477
+ }
5478
+ },
5479
+ "name": "fgColor-success-onInverse",
5480
+ "attributes": {},
5481
+ "path": ["fgColor", "success", "onInverse"]
5320
5482
  },
5321
5483
  "fgColor-attention": {
5322
5484
  "value": "#9a6700",
@@ -5343,7 +5505,34 @@
5343
5505
  },
5344
5506
  "name": "fgColor-attention",
5345
5507
  "attributes": {},
5346
- "path": ["fgColor", "attention"]
5508
+ "path": ["fgColor", "attention", "@"]
5509
+ },
5510
+ "fgColor-attention-onInverse": {
5511
+ "value": "#d4a72c",
5512
+ "$type": "color",
5513
+ "$extensions": {
5514
+ "org.primer.figma": {
5515
+ "collection": "mode",
5516
+ "mode": "light",
5517
+ "scopes": ["fgColor"]
5518
+ }
5519
+ },
5520
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5521
+ "isSource": true,
5522
+ "original": {
5523
+ "value": "{base.color.yellow.3}",
5524
+ "$type": "color",
5525
+ "$extensions": {
5526
+ "org.primer.figma": {
5527
+ "collection": "mode",
5528
+ "mode": "light",
5529
+ "scopes": ["fgColor"]
5530
+ }
5531
+ }
5532
+ },
5533
+ "name": "fgColor-attention-onInverse",
5534
+ "attributes": {},
5535
+ "path": ["fgColor", "attention", "onInverse"]
5347
5536
  },
5348
5537
  "fgColor-severe": {
5349
5538
  "value": "#bc4c00",
@@ -5370,7 +5559,34 @@
5370
5559
  },
5371
5560
  "name": "fgColor-severe",
5372
5561
  "attributes": {},
5373
- "path": ["fgColor", "severe"]
5562
+ "path": ["fgColor", "severe", "@"]
5563
+ },
5564
+ "fgColor-severe-onInverse": {
5565
+ "value": "#fb8f44",
5566
+ "$type": "color",
5567
+ "$extensions": {
5568
+ "org.primer.figma": {
5569
+ "collection": "mode",
5570
+ "mode": "light",
5571
+ "scopes": ["fgColor"]
5572
+ }
5573
+ },
5574
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5575
+ "isSource": true,
5576
+ "original": {
5577
+ "value": "{base.color.orange.3}",
5578
+ "$type": "color",
5579
+ "$extensions": {
5580
+ "org.primer.figma": {
5581
+ "collection": "mode",
5582
+ "mode": "light",
5583
+ "scopes": ["fgColor"]
5584
+ }
5585
+ }
5586
+ },
5587
+ "name": "fgColor-severe-onInverse",
5588
+ "attributes": {},
5589
+ "path": ["fgColor", "severe", "onInverse"]
5374
5590
  },
5375
5591
  "fgColor-danger": {
5376
5592
  "value": "#be4e02",
@@ -5405,7 +5621,36 @@
5405
5621
  },
5406
5622
  "name": "fgColor-danger",
5407
5623
  "attributes": {},
5408
- "path": ["fgColor", "danger"]
5624
+ "path": ["fgColor", "danger", "@"]
5625
+ },
5626
+ "fgColor-danger-onInverse": {
5627
+ "value": "#fa4549",
5628
+ "$type": "color",
5629
+ "mix": null,
5630
+ "$extensions": {
5631
+ "org.primer.figma": {
5632
+ "collection": "mode",
5633
+ "mode": "light",
5634
+ "scopes": ["fgColor"]
5635
+ }
5636
+ },
5637
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5638
+ "isSource": true,
5639
+ "original": {
5640
+ "value": "{base.color.red.4}",
5641
+ "$type": "color",
5642
+ "mix": null,
5643
+ "$extensions": {
5644
+ "org.primer.figma": {
5645
+ "collection": "mode",
5646
+ "mode": "light",
5647
+ "scopes": ["fgColor"]
5648
+ }
5649
+ }
5650
+ },
5651
+ "name": "fgColor-danger-onInverse",
5652
+ "attributes": {},
5653
+ "path": ["fgColor", "danger", "onInverse"]
5409
5654
  },
5410
5655
  "fgColor-open": {
5411
5656
  "value": "#bc4c00",
@@ -5432,7 +5677,36 @@
5432
5677
  },
5433
5678
  "name": "fgColor-open",
5434
5679
  "attributes": {},
5435
- "path": ["fgColor", "open"]
5680
+ "path": ["fgColor", "open", "@"]
5681
+ },
5682
+ "fgColor-open-onInverse": {
5683
+ "value": "#fb8f44",
5684
+ "$type": "color",
5685
+ "mix": null,
5686
+ "$extensions": {
5687
+ "org.primer.figma": {
5688
+ "collection": "mode",
5689
+ "mode": "light",
5690
+ "scopes": ["fgColor"]
5691
+ }
5692
+ },
5693
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
5694
+ "isSource": true,
5695
+ "original": {
5696
+ "value": "{base.color.orange.3}",
5697
+ "$type": "color",
5698
+ "mix": null,
5699
+ "$extensions": {
5700
+ "org.primer.figma": {
5701
+ "collection": "mode",
5702
+ "mode": "light",
5703
+ "scopes": ["fgColor"]
5704
+ }
5705
+ }
5706
+ },
5707
+ "name": "fgColor-open-onInverse",
5708
+ "attributes": {},
5709
+ "path": ["fgColor", "open", "onInverse"]
5436
5710
  },
5437
5711
  "fgColor-closed": {
5438
5712
  "value": "#6e7781",
@@ -5459,7 +5733,36 @@
5459
5733
  },
5460
5734
  "name": "fgColor-closed",
5461
5735
  "attributes": {},
5462
- "path": ["fgColor", "closed"]
5736
+ "path": ["fgColor", "closed", "@"]
5737
+ },
5738
+ "fgColor-closed-onInverse": {
5739
+ "value": "#afb8c1",
5740
+ "$type": "color",
5741
+ "mix": null,
5742
+ "$extensions": {
5743
+ "org.primer.figma": {
5744
+ "collection": "mode",
5745
+ "mode": "light",
5746
+ "scopes": ["fgColor"]
5747
+ }
5748
+ },
5749
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
5750
+ "isSource": true,
5751
+ "original": {
5752
+ "value": "{base.color.gray.3}",
5753
+ "$type": "color",
5754
+ "mix": null,
5755
+ "$extensions": {
5756
+ "org.primer.figma": {
5757
+ "collection": "mode",
5758
+ "mode": "light",
5759
+ "scopes": ["fgColor"]
5760
+ }
5761
+ }
5762
+ },
5763
+ "name": "fgColor-closed-onInverse",
5764
+ "attributes": {},
5765
+ "path": ["fgColor", "closed", "onInverse"]
5463
5766
  },
5464
5767
  "fgColor-done": {
5465
5768
  "value": "#8250df",
@@ -5486,7 +5789,34 @@
5486
5789
  },
5487
5790
  "name": "fgColor-done",
5488
5791
  "attributes": {},
5489
- "path": ["fgColor", "done"]
5792
+ "path": ["fgColor", "done", "@"]
5793
+ },
5794
+ "fgColor-done-onInverse": {
5795
+ "value": "#a475f9",
5796
+ "$type": "color",
5797
+ "$extensions": {
5798
+ "org.primer.figma": {
5799
+ "collection": "mode",
5800
+ "mode": "light",
5801
+ "scopes": ["fgColor"]
5802
+ }
5803
+ },
5804
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5805
+ "isSource": true,
5806
+ "original": {
5807
+ "value": "{base.color.purple.4}",
5808
+ "$type": "color",
5809
+ "$extensions": {
5810
+ "org.primer.figma": {
5811
+ "collection": "mode",
5812
+ "mode": "light",
5813
+ "scopes": ["fgColor"]
5814
+ }
5815
+ }
5816
+ },
5817
+ "name": "fgColor-done-onInverse",
5818
+ "attributes": {},
5819
+ "path": ["fgColor", "done", "onInverse"]
5490
5820
  },
5491
5821
  "fgColor-sponsors": {
5492
5822
  "value": "#bf3989",
@@ -5513,7 +5843,34 @@
5513
5843
  },
5514
5844
  "name": "fgColor-sponsors",
5515
5845
  "attributes": {},
5516
- "path": ["fgColor", "sponsors"]
5846
+ "path": ["fgColor", "sponsors", "@"]
5847
+ },
5848
+ "fgColor-sponsors-onInverse": {
5849
+ "value": "#e85aad",
5850
+ "$type": "color",
5851
+ "$extensions": {
5852
+ "org.primer.figma": {
5853
+ "collection": "mode",
5854
+ "mode": "light",
5855
+ "scopes": ["fgColor"]
5856
+ }
5857
+ },
5858
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5859
+ "isSource": true,
5860
+ "original": {
5861
+ "value": "{base.color.pink.4}",
5862
+ "$type": "color",
5863
+ "$extensions": {
5864
+ "org.primer.figma": {
5865
+ "collection": "mode",
5866
+ "mode": "light",
5867
+ "scopes": ["fgColor"]
5868
+ }
5869
+ }
5870
+ },
5871
+ "name": "fgColor-sponsors-onInverse",
5872
+ "attributes": {},
5873
+ "path": ["fgColor", "sponsors", "onInverse"]
5517
5874
  },
5518
5875
  "bgColor-default": {
5519
5876
  "value": "#ffffff",
@@ -5569,6 +5926,33 @@
5569
5926
  "attributes": {},
5570
5927
  "path": ["bgColor", "muted"]
5571
5928
  },
5929
+ "bgColor-inset": {
5930
+ "value": "#f6f8fa",
5931
+ "$type": "color",
5932
+ "$extensions": {
5933
+ "org.primer.figma": {
5934
+ "collection": "mode",
5935
+ "mode": "light",
5936
+ "scopes": ["bgColor"]
5937
+ }
5938
+ },
5939
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5940
+ "isSource": true,
5941
+ "original": {
5942
+ "value": "{base.color.gray.0}",
5943
+ "$type": "color",
5944
+ "$extensions": {
5945
+ "org.primer.figma": {
5946
+ "collection": "mode",
5947
+ "mode": "light",
5948
+ "scopes": ["bgColor"]
5949
+ }
5950
+ }
5951
+ },
5952
+ "name": "bgColor-inset",
5953
+ "attributes": {},
5954
+ "path": ["bgColor", "inset"]
5955
+ },
5572
5956
  "bgColor-emphasis": {
5573
5957
  "value": "#24292f",
5574
5958
  "$type": "color",
@@ -5596,6 +5980,33 @@
5596
5980
  "attributes": {},
5597
5981
  "path": ["bgColor", "emphasis"]
5598
5982
  },
5983
+ "bgColor-inverse": {
5984
+ "value": "#24292f",
5985
+ "$type": "color",
5986
+ "$extensions": {
5987
+ "org.primer.figma": {
5988
+ "collection": "mode",
5989
+ "mode": "light",
5990
+ "scopes": ["bgColor"]
5991
+ }
5992
+ },
5993
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
5994
+ "isSource": true,
5995
+ "original": {
5996
+ "value": "{base.color.gray.9}",
5997
+ "$type": "color",
5998
+ "$extensions": {
5999
+ "org.primer.figma": {
6000
+ "collection": "mode",
6001
+ "mode": "light",
6002
+ "scopes": ["bgColor"]
6003
+ }
6004
+ }
6005
+ },
6006
+ "name": "bgColor-inverse",
6007
+ "attributes": {},
6008
+ "path": ["bgColor", "inverse"]
6009
+ },
5599
6010
  "bgColor-disabled": {
5600
6011
  "value": "#f6f8fa",
5601
6012
  "$type": "color",