@primer/primitives 10.1.0-rc.f1589f93 → 10.1.0

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 (119) hide show
  1. package/README.md +0 -21
  2. package/dist/build/filters/index.d.ts +0 -1
  3. package/dist/build/filters/index.js +0 -1
  4. package/dist/build/formats/jsonFigma.js +1 -2
  5. package/dist/build/platforms/css.js +6 -7
  6. package/dist/build/platforms/docJson.js +0 -1
  7. package/dist/build/platforms/fallbacks.js +0 -1
  8. package/dist/build/platforms/javascript.js +0 -1
  9. package/dist/build/platforms/json.js +0 -1
  10. package/dist/build/platforms/styleLint.js +0 -1
  11. package/dist/build/platforms/typescript.js +0 -1
  12. package/dist/build/primerStyleDictionary.js +7 -3
  13. package/dist/build/schemas/colorToken.d.ts +0 -18
  14. package/dist/build/schemas/colorToken.js +0 -7
  15. package/dist/build/transformers/borderToCss.js +2 -2
  16. package/dist/build/transformers/colorToRgbaFloat.js +2 -12
  17. package/dist/build/transformers/index.d.ts +0 -1
  18. package/dist/build/transformers/index.js +0 -1
  19. package/dist/css/functional/size/border.css +7 -6
  20. package/dist/css/functional/themes/dark-colorblind.css +60 -6
  21. package/dist/css/functional/themes/dark-dimmed.css +60 -6
  22. package/dist/css/functional/themes/dark-high-contrast.css +60 -6
  23. package/dist/css/functional/themes/dark-tritanopia.css +60 -6
  24. package/dist/css/functional/themes/dark.css +60 -6
  25. package/dist/css/functional/themes/light-colorblind.css +60 -6
  26. package/dist/css/functional/themes/light-high-contrast.css +60 -6
  27. package/dist/css/functional/themes/light-tritanopia.css +60 -6
  28. package/dist/css/functional/themes/light.css +60 -6
  29. package/dist/css/primitives.css +7 -6
  30. package/dist/docs/base/size/size.json +19 -19
  31. package/dist/docs/base/typography/typography.json +4 -4
  32. package/dist/docs/functional/size/border.json +41 -28
  33. package/dist/docs/functional/size/breakpoints.json +6 -6
  34. package/dist/docs/functional/size/size-coarse.json +3 -3
  35. package/dist/docs/functional/size/size-fine.json +3 -3
  36. package/dist/docs/functional/size/size.json +66 -66
  37. package/dist/docs/functional/size/viewport.json +6 -6
  38. package/dist/docs/functional/themes/dark-colorblind.json +475 -128
  39. package/dist/docs/functional/themes/dark-dimmed.json +519 -444
  40. package/dist/docs/functional/themes/dark-high-contrast.json +490 -241
  41. package/dist/docs/functional/themes/dark-tritanopia.json +485 -200
  42. package/dist/docs/functional/themes/dark.json +469 -102
  43. package/dist/docs/functional/themes/light-colorblind.json +463 -94
  44. package/dist/docs/functional/themes/light-high-contrast.json +487 -274
  45. package/dist/docs/functional/themes/light-tritanopia.json +463 -102
  46. package/dist/docs/functional/themes/light.json +460 -105
  47. package/dist/docs/functional/typography/typography.json +46 -46
  48. package/dist/fallbacks/functional/size/border.json +7 -6
  49. package/dist/figma/themes/dark-colorblind.json +14 -54
  50. package/dist/figma/themes/dark-dimmed.json +15 -356
  51. package/dist/figma/themes/dark-high-contrast.json +10 -129
  52. package/dist/figma/themes/dark-tritanopia.json +14 -111
  53. package/dist/figma/themes/dark.json +14 -34
  54. package/dist/figma/themes/light-colorblind.json +10 -20
  55. package/dist/figma/themes/light-high-contrast.json +10 -177
  56. package/dist/figma/themes/light-tritanopia.json +10 -24
  57. package/dist/figma/themes/light.json +10 -32
  58. package/dist/internalCss/dark-colorblind.css +88 -6
  59. package/dist/internalCss/dark-dimmed.css +88 -6
  60. package/dist/internalCss/dark-high-contrast.css +88 -6
  61. package/dist/internalCss/dark-tritanopia.css +88 -6
  62. package/dist/internalCss/dark.css +88 -6
  63. package/dist/internalCss/light-colorblind.css +88 -6
  64. package/dist/internalCss/light-high-contrast.css +88 -6
  65. package/dist/internalCss/light-tritanopia.css +88 -6
  66. package/dist/internalCss/light.css +88 -6
  67. package/dist/styleLint/base/size/size.json +19 -19
  68. package/dist/styleLint/base/typography/typography.json +4 -4
  69. package/dist/styleLint/functional/size/border.json +41 -28
  70. package/dist/styleLint/functional/size/breakpoints.json +6 -6
  71. package/dist/styleLint/functional/size/size-coarse.json +3 -3
  72. package/dist/styleLint/functional/size/size-fine.json +3 -3
  73. package/dist/styleLint/functional/size/size.json +66 -66
  74. package/dist/styleLint/functional/size/viewport.json +6 -6
  75. package/dist/styleLint/functional/themes/dark-colorblind.json +475 -128
  76. package/dist/styleLint/functional/themes/dark-dimmed.json +519 -444
  77. package/dist/styleLint/functional/themes/dark-high-contrast.json +490 -241
  78. package/dist/styleLint/functional/themes/dark-tritanopia.json +485 -200
  79. package/dist/styleLint/functional/themes/dark.json +469 -102
  80. package/dist/styleLint/functional/themes/light-colorblind.json +463 -94
  81. package/dist/styleLint/functional/themes/light-high-contrast.json +487 -274
  82. package/dist/styleLint/functional/themes/light-tritanopia.json +463 -102
  83. package/dist/styleLint/functional/themes/light.json +460 -105
  84. package/dist/styleLint/functional/typography/typography.json +46 -46
  85. package/package.json +1 -1
  86. package/src/tokens/base/typography/typography.json5 +48 -0
  87. package/src/tokens/functional/border/border.json5 +236 -0
  88. package/src/tokens/functional/color/dark/app-dark.json5 +0 -2
  89. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +120 -6
  90. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +46 -29
  91. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +15 -20
  92. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +32 -18
  93. package/src/tokens/functional/color/dark/patterns-dark.json5 +13 -45
  94. package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -6
  95. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +67 -20
  96. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +4 -21
  97. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -16
  98. package/src/tokens/functional/color/light/patterns-light.json5 +11 -47
  99. package/src/tokens/functional/color/light/primitives-light.json5 +2 -10
  100. package/src/tokens/functional/size/border.json5 +115 -0
  101. package/src/tokens/functional/typography/typography.json5 +527 -0
  102. package/dist/build/filters/isColorWithMix.d.ts +0 -7
  103. package/dist/build/filters/isColorWithMix.js +0 -24
  104. package/dist/build/transformers/colorToHexMix.d.ts +0 -8
  105. package/dist/build/transformers/colorToHexMix.js +0 -20
  106. package/dist/build/transformers/utilities/mix.d.ts +0 -5
  107. package/dist/build/transformers/utilities/mix.js +0 -38
  108. package/src/tokens/base/typography/typography.json +0 -48
  109. package/src/tokens/functional/border/dark.json5 +0 -12
  110. package/src/tokens/functional/border/light.json5 +0 -12
  111. package/src/tokens/functional/color/dark/patterns-dark.json +0 -3963
  112. package/src/tokens/functional/size/border.json +0 -111
  113. package/src/tokens/functional/typography/typography.json +0 -527
  114. /package/src/tokens/base/size/{size.json → size.json5} +0 -0
  115. /package/src/tokens/functional/size/{breakpoints.json → breakpoints.json5} +0 -0
  116. /package/src/tokens/functional/size/{size-coarse.json → size-coarse.json5} +0 -0
  117. /package/src/tokens/functional/size/{size-fine.json → size-fine.json5} +0 -0
  118. /package/src/tokens/functional/size/{size.json → size.json5} +0 -0
  119. /package/src/tokens/functional/size/{viewport.json → viewport.json5} +0 -0
@@ -118,7 +118,6 @@
118
118
  }
119
119
  },
120
120
  "alpha": 0.15,
121
- "mix": null,
122
121
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
123
122
  "isSource": true,
124
123
  "original": {
@@ -131,8 +130,7 @@
131
130
  "scopes": ["bgColor"]
132
131
  }
133
132
  },
134
- "alpha": 0.15,
135
- "mix": null
133
+ "alpha": 0.15
136
134
  },
137
135
  "name": "diffBlob-additionLine-bgColor",
138
136
  "attributes": {},
@@ -267,7 +265,6 @@
267
265
  "scopes": ["bgColor"]
268
266
  }
269
267
  },
270
- "mix": null,
271
268
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
272
269
  "isSource": true,
273
270
  "original": {
@@ -279,8 +276,7 @@
279
276
  "group": "component",
280
277
  "scopes": ["bgColor"]
281
278
  }
282
- },
283
- "mix": null
279
+ }
284
280
  },
285
281
  "name": "diffBlob-deletionLine-bgColor",
286
282
  "attributes": {},
@@ -428,7 +424,6 @@
428
424
  "type": "color"
429
425
  },
430
426
  "diffBlob-hunkLine-bgColor": {
431
- "mix": null,
432
427
  "$extensions": {
433
428
  "alpha": 1
434
429
  },
@@ -437,7 +432,6 @@
437
432
  "original": {
438
433
  "$value": "{base.color.neutral.3}",
439
434
  "$type": "color",
440
- "mix": null,
441
435
  "$extensions": {
442
436
  "alpha": 1
443
437
  }
@@ -503,7 +497,6 @@
503
497
  "type": "color"
504
498
  },
505
499
  "diffBlob-hunkNum-bgColor-rest": {
506
- "mix": null,
507
500
  "$extensions": {
508
501
  "alpha": 1
509
502
  },
@@ -512,7 +505,6 @@
512
505
  "original": {
513
506
  "$value": "{base.color.neutral.6}",
514
507
  "$type": "color",
515
- "mix": null,
516
508
  "$extensions": {
517
509
  "alpha": 1
518
510
  }
@@ -524,7 +516,6 @@
524
516
  "type": "color"
525
517
  },
526
518
  "diffBlob-hunkNum-bgColor-hover": {
527
- "mix": null,
528
519
  "$extensions": {
529
520
  "alpha": 1
530
521
  },
@@ -533,7 +524,6 @@
533
524
  "original": {
534
525
  "$value": "{base.color.neutral.8}",
535
526
  "$type": "color",
536
- "mix": null,
537
527
  "$extensions": {
538
528
  "alpha": 1
539
529
  }
@@ -5338,14 +5328,10 @@
5338
5328
  "scopes": ["bgColor"]
5339
5329
  }
5340
5330
  },
5341
- "mix": {
5342
- "color": "#58a6ff",
5343
- "weight": 0.2
5344
- },
5345
5331
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5346
5332
  "isSource": true,
5347
5333
  "original": {
5348
- "$value": "{bgColor.accent.emphasis}",
5334
+ "$value": "#2A7AEF",
5349
5335
  "$type": "color",
5350
5336
  "$extensions": {
5351
5337
  "org.primer.figma": {
@@ -5353,10 +5339,6 @@
5353
5339
  "group": "component",
5354
5340
  "scopes": ["bgColor"]
5355
5341
  }
5356
- },
5357
- "mix": {
5358
- "color": "{base.color.blue.3}",
5359
- "weight": 0.2
5360
5342
  }
5361
5343
  },
5362
5344
  "name": "control-checked-bgColor-hover",
@@ -5373,14 +5355,10 @@
5373
5355
  "scopes": ["bgColor"]
5374
5356
  }
5375
5357
  },
5376
- "mix": {
5377
- "color": "#58a6ff",
5378
- "weight": 0.4
5379
- },
5380
5358
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5381
5359
  "isSource": true,
5382
5360
  "original": {
5383
- "$value": "{bgColor.accent.emphasis}",
5361
+ "$value": "#3685F3",
5384
5362
  "$type": "color",
5385
5363
  "$extensions": {
5386
5364
  "org.primer.figma": {
@@ -5388,10 +5366,6 @@
5388
5366
  "group": "component",
5389
5367
  "scopes": ["bgColor"]
5390
5368
  }
5391
- },
5392
- "mix": {
5393
- "color": "{base.color.blue.3}",
5394
- "weight": 0.4
5395
5369
  }
5396
5370
  },
5397
5371
  "name": "control-checked-bgColor-active",
@@ -6464,19 +6438,11 @@
6464
6438
  "type": "color"
6465
6439
  },
6466
6440
  "button-primary-bgColor-hover": {
6467
- "mix": {
6468
- "color": "#58a6ff",
6469
- "weight": 0.2
6470
- },
6471
6441
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
6472
6442
  "isSource": true,
6473
6443
  "original": {
6474
- "$value": "{bgColor.success.emphasis}",
6475
- "$type": "color",
6476
- "mix": {
6477
- "color": "{base.color.blue.3}",
6478
- "weight": 0.2
6479
- }
6444
+ "$value": "#2a7aef",
6445
+ "$type": "color"
6480
6446
  },
6481
6447
  "name": "button-primary-bgColor-hover",
6482
6448
  "attributes": {},
@@ -6485,19 +6451,11 @@
6485
6451
  "type": "color"
6486
6452
  },
6487
6453
  "button-primary-bgColor-active": {
6488
- "mix": {
6489
- "color": "#58a6ff",
6490
- "weight": 0.4
6491
- },
6492
6454
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
6493
6455
  "isSource": true,
6494
6456
  "original": {
6495
- "$value": "{bgColor.success.emphasis}",
6496
- "$type": "color",
6497
- "mix": {
6498
- "color": "{base.color.blue.3}",
6499
- "weight": 0.4
6500
- }
6457
+ "$value": "#3685f3",
6458
+ "$type": "color"
6501
6459
  },
6502
6460
  "name": "button-primary-bgColor-active",
6503
6461
  "attributes": {},
@@ -6506,19 +6464,11 @@
6506
6464
  "type": "color"
6507
6465
  },
6508
6466
  "button-primary-bgColor-disabled": {
6509
- "mix": {
6510
- "color": "#79c0ff",
6511
- "weight": 0.6
6512
- },
6513
6467
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
6514
6468
  "isSource": true,
6515
6469
  "original": {
6516
- "$value": "{base.color.blue.4}",
6517
- "$type": "color",
6518
- "mix": {
6519
- "color": "{base.color.blue.2}",
6520
- "weight": 0.6
6521
- }
6470
+ "$value": "#5fabfe",
6471
+ "$type": "color"
6522
6472
  },
6523
6473
  "name": "button-primary-bgColor-disabled",
6524
6474
  "attributes": {},
@@ -6610,25 +6560,11 @@
6610
6560
  "type": "color"
6611
6561
  },
6612
6562
  "button-primary-borderColor-disabled": {
6613
- "$extensions": {
6614
- "org.primer.figma": {
6615
- "collection": "mode",
6616
- "group": "component (internal)",
6617
- "scopes": ["borderColor"]
6618
- }
6619
- },
6620
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6563
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
6621
6564
  "isSource": true,
6622
6565
  "original": {
6623
- "$value": "{button.primary.bgColor.disabled}",
6624
- "$type": "color",
6625
- "$extensions": {
6626
- "org.primer.figma": {
6627
- "collection": "mode",
6628
- "group": "component (internal)",
6629
- "scopes": ["borderColor"]
6630
- }
6631
- }
6566
+ "$value": "#5fabfe",
6567
+ "$type": "color"
6632
6568
  },
6633
6569
  "name": "button-primary-borderColor-disabled",
6634
6570
  "attributes": {},
@@ -6952,7 +6888,7 @@
6952
6888
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6953
6889
  "isSource": true,
6954
6890
  "original": {
6955
- "$value": "{control.transparent.bgColor.disabled}",
6891
+ "$value": "{base.color.transparent}",
6956
6892
  "$type": "color",
6957
6893
  "$extensions": {
6958
6894
  "org.primer.figma": {
@@ -6965,7 +6901,7 @@
6965
6901
  "name": "button-invisible-bgColor-disabled",
6966
6902
  "attributes": {},
6967
6903
  "path": ["button", "invisible", "bgColor", "disabled"],
6968
- "value": "#212830",
6904
+ "value": "#00000000",
6969
6905
  "type": "color"
6970
6906
  },
6971
6907
  "button-invisible-borderColor-rest": {
@@ -7033,7 +6969,7 @@
7033
6969
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7034
6970
  "isSource": true,
7035
6971
  "original": {
7036
- "$value": "{control.borderColor.disabled}",
6972
+ "$value": "{base.color.transparent}",
7037
6973
  "$type": "color",
7038
6974
  "$extensions": {
7039
6975
  "org.primer.figma": {
@@ -7046,7 +6982,7 @@
7046
6982
  "name": "button-invisible-borderColor-disabled",
7047
6983
  "attributes": {},
7048
6984
  "path": ["button", "invisible", "borderColor", "disabled"],
7049
- "value": "#656c761a",
6985
+ "value": "#00000000",
7050
6986
  "type": "color"
7051
6987
  },
7052
6988
  "button-outline-fgColor-rest": {
@@ -7187,25 +7123,11 @@
7187
7123
  "type": "color"
7188
7124
  },
7189
7125
  "button-outline-bgColor-hover": {
7190
- "$extensions": {
7191
- "org.primer.figma": {
7192
- "collection": "mode",
7193
- "group": "component (internal)",
7194
- "scopes": ["bgColor"]
7195
- }
7196
- },
7197
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7126
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
7198
7127
  "isSource": true,
7199
7128
  "original": {
7200
- "$value": "{control.bgColor.hover}",
7201
- "$type": "color",
7202
- "$extensions": {
7203
- "org.primer.figma": {
7204
- "collection": "mode",
7205
- "group": "component (internal)",
7206
- "scopes": ["bgColor"]
7207
- }
7208
- }
7129
+ "$value": "#262c36",
7130
+ "$type": "color"
7209
7131
  },
7210
7132
  "name": "button-outline-bgColor-hover",
7211
7133
  "attributes": {},
@@ -7214,25 +7136,11 @@
7214
7136
  "type": "color"
7215
7137
  },
7216
7138
  "button-outline-bgColor-active": {
7217
- "$extensions": {
7218
- "org.primer.figma": {
7219
- "collection": "mode",
7220
- "group": "component (internal)",
7221
- "scopes": ["bgColor"]
7222
- }
7223
- },
7224
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7139
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
7225
7140
  "isSource": true,
7226
7141
  "original": {
7227
- "$value": "{base.color.blue.7}",
7228
- "$type": "color",
7229
- "$extensions": {
7230
- "org.primer.figma": {
7231
- "collection": "mode",
7232
- "group": "component (internal)",
7233
- "scopes": ["bgColor"]
7234
- }
7235
- }
7142
+ "$value": "#0d419d",
7143
+ "$type": "color"
7236
7144
  },
7237
7145
  "name": "button-outline-bgColor-active",
7238
7146
  "attributes": {},
@@ -7241,25 +7149,11 @@
7241
7149
  "type": "color"
7242
7150
  },
7243
7151
  "button-outline-bgColor-disabled": {
7244
- "$extensions": {
7245
- "org.primer.figma": {
7246
- "collection": "mode",
7247
- "group": "component (internal)",
7248
- "scopes": ["bgColor"]
7249
- }
7250
- },
7251
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7152
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
7252
7153
  "isSource": true,
7253
7154
  "original": {
7254
- "$value": "{control.bgColor.disabled}",
7255
- "$type": "color",
7256
- "$extensions": {
7257
- "org.primer.figma": {
7258
- "collection": "mode",
7259
- "group": "component (internal)",
7260
- "scopes": ["bgColor"]
7261
- }
7262
- }
7155
+ "$value": "#212830",
7156
+ "$type": "color"
7263
7157
  },
7264
7158
  "name": "button-outline-bgColor-disabled",
7265
7159
  "attributes": {},
@@ -7364,14 +7258,10 @@
7364
7258
  "scopes": ["fgColor"]
7365
7259
  }
7366
7260
  },
7367
- "mix": {
7368
- "color": "#ff7b72",
7369
- "weight": 0.3
7370
- },
7371
7261
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7372
7262
  "isSource": true,
7373
7263
  "original": {
7374
- "$value": "{base.color.red.4}",
7264
+ "$value": "#FA5E55",
7375
7265
  "$type": "color",
7376
7266
  "$extensions": {
7377
7267
  "org.primer.figma": {
@@ -7379,10 +7269,6 @@
7379
7269
  "group": "component (internal)",
7380
7270
  "scopes": ["fgColor"]
7381
7271
  }
7382
- },
7383
- "mix": {
7384
- "color": "{base.color.red.3}",
7385
- "weight": 0.3
7386
7272
  }
7387
7273
  },
7388
7274
  "name": "button-danger-fgColor-rest",
@@ -7485,7 +7371,7 @@
7485
7371
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7486
7372
  "isSource": true,
7487
7373
  "original": {
7488
- "$value": "{button.danger.fgColor.rest}",
7374
+ "$value": "#FA5E55",
7489
7375
  "$type": "color",
7490
7376
  "$extensions": {
7491
7377
  "org.primer.figma": {
@@ -7590,14 +7476,10 @@
7590
7476
  "scopes": ["bgColor"]
7591
7477
  }
7592
7478
  },
7593
- "mix": {
7594
- "color": "#f85149",
7595
- "weight": 0.4
7596
- },
7597
7479
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7598
7480
  "isSource": true,
7599
7481
  "original": {
7600
- "$value": "{base.color.red.6}",
7482
+ "$value": "#D03533",
7601
7483
  "$type": "color",
7602
7484
  "$extensions": {
7603
7485
  "org.primer.figma": {
@@ -7605,10 +7487,6 @@
7605
7487
  "group": "component (internal)",
7606
7488
  "scopes": ["bgColor"]
7607
7489
  }
7608
- },
7609
- "mix": {
7610
- "color": "{base.color.red.4}",
7611
- "weight": 0.4
7612
7490
  }
7613
7491
  },
7614
7492
  "name": "button-danger-bgColor-active",
@@ -8301,15 +8179,11 @@
8301
8179
  "scopes": ["bgColor"]
8302
8180
  }
8303
8181
  },
8304
- "mix": {
8305
- "color": "#79c0ff",
8306
- "weight": 0.2
8307
- },
8308
- "alpha": 0.2,
8182
+ "alpha": 0.36,
8309
8183
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8310
8184
  "isSource": true,
8311
8185
  "original": {
8312
- "$value": "{reactionButton.selected.bgColor.rest}",
8186
+ "$value": "#3a8cfd",
8313
8187
  "$type": "color",
8314
8188
  "$extensions": {
8315
8189
  "org.primer.figma": {
@@ -8318,11 +8192,7 @@
8318
8192
  "scopes": ["bgColor"]
8319
8193
  }
8320
8194
  },
8321
- "mix": {
8322
- "color": "{base.color.blue.2}",
8323
- "weight": 0.2
8324
- },
8325
- "alpha": 0.2
8195
+ "alpha": 0.36
8326
8196
  },
8327
8197
  "name": "reactionButton-selected-bgColor-hover",
8328
8198
  "attributes": {},
@@ -8411,6 +8281,23 @@
8411
8281
  "value": "#1f6feb",
8412
8282
  "type": "color"
8413
8283
  },
8284
+ "focus-outline": {
8285
+ "filePath": "src/tokens/functional/border/border.json5",
8286
+ "isSource": true,
8287
+ "original": {
8288
+ "$value": {
8289
+ "color": "{focus.outlineColor}",
8290
+ "style": "solid",
8291
+ "width": "2px"
8292
+ },
8293
+ "$type": "border"
8294
+ },
8295
+ "name": "focus-outline",
8296
+ "attributes": {},
8297
+ "path": ["focus", "outline"],
8298
+ "value": "2px solid #1f6feb",
8299
+ "type": "border"
8300
+ },
8414
8301
  "menu-bgColor-active": {
8415
8302
  "$extensions": {
8416
8303
  "org.primer.figma": {
@@ -12232,14 +12119,10 @@
12232
12119
  }
12233
12120
  }
12234
12121
  },
12235
- "mix": {
12236
- "color": "#1f6feb",
12237
- "weight": 0.35
12238
- },
12239
12122
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12240
12123
  "isSource": true,
12241
12124
  "original": {
12242
- "$value": "{base.color.blue.3}",
12125
+ "$value": "#4493F8",
12243
12126
  "$type": "color",
12244
12127
  "$extensions": {
12245
12128
  "org.primer.figma": {
@@ -12250,10 +12133,6 @@
12250
12133
  "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
12251
12134
  }
12252
12135
  }
12253
- },
12254
- "mix": {
12255
- "color": "{base.color.blue.5}",
12256
- "weight": 0.35
12257
12136
  }
12258
12137
  },
12259
12138
  "name": "fgColor-accent",
@@ -13261,32 +13140,12 @@
13261
13140
  "type": "color"
13262
13141
  },
13263
13142
  "bgColor-sponsors-muted": {
13264
- "$extensions": {
13265
- "org.primer.figma": {
13266
- "collection": "mode",
13267
- "group": "semantic",
13268
- "scopes": ["bgColor"],
13269
- "codeSyntax": {
13270
- "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
13271
- }
13272
- }
13273
- },
13274
13143
  "alpha": 0.1,
13275
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13144
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
13276
13145
  "isSource": true,
13277
13146
  "original": {
13278
- "$value": "{base.color.pink.4}",
13147
+ "$value": "#db61a2",
13279
13148
  "$type": "color",
13280
- "$extensions": {
13281
- "org.primer.figma": {
13282
- "collection": "mode",
13283
- "group": "semantic",
13284
- "scopes": ["bgColor"],
13285
- "codeSyntax": {
13286
- "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
13287
- }
13288
- }
13289
- },
13290
13149
  "alpha": 0.1
13291
13150
  },
13292
13151
  "name": "bgColor-sponsors-muted",
@@ -15542,21 +15401,447 @@
15542
15401
  "value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
15543
15402
  "type": "shadow"
15544
15403
  },
15545
- "outline-focus": {
15546
- "filePath": "src/tokens/functional/border/dark.json5",
15404
+ "border-default": {
15405
+ "filePath": "src/tokens/functional/border/border.json5",
15547
15406
  "isSource": true,
15548
15407
  "original": {
15549
15408
  "$value": {
15550
- "color": "{focus.outlineColor}",
15409
+ "color": "{borderColor.default}",
15551
15410
  "style": "solid",
15552
- "width": "2px"
15411
+ "width": "{borderWidth.default}"
15412
+ },
15413
+ "$type": "border"
15414
+ },
15415
+ "name": "border-default",
15416
+ "attributes": {},
15417
+ "path": ["border", "default"],
15418
+ "value": "0.0625rem solid #3d444d",
15419
+ "type": "border"
15420
+ },
15421
+ "border-muted": {
15422
+ "filePath": "src/tokens/functional/border/border.json5",
15423
+ "isSource": true,
15424
+ "original": {
15425
+ "$value": {
15426
+ "color": "{borderColor.muted}",
15427
+ "style": "solid",
15428
+ "width": "{borderWidth.default}"
15429
+ },
15430
+ "$type": "border"
15431
+ },
15432
+ "name": "border-muted",
15433
+ "attributes": {},
15434
+ "path": ["border", "muted"],
15435
+ "value": "0.0625rem solid #3d444db3",
15436
+ "type": "border"
15437
+ },
15438
+ "border-emphasis": {
15439
+ "filePath": "src/tokens/functional/border/border.json5",
15440
+ "isSource": true,
15441
+ "original": {
15442
+ "$value": {
15443
+ "color": "{borderColor.emphasis}",
15444
+ "style": "solid",
15445
+ "width": "{borderWidth.default}"
15446
+ },
15447
+ "$type": "border"
15448
+ },
15449
+ "name": "border-emphasis",
15450
+ "attributes": {},
15451
+ "path": ["border", "emphasis"],
15452
+ "value": "0.0625rem solid #656c76",
15453
+ "type": "border"
15454
+ },
15455
+ "border-disabled": {
15456
+ "filePath": "src/tokens/functional/border/border.json5",
15457
+ "isSource": true,
15458
+ "original": {
15459
+ "$value": {
15460
+ "color": "{borderColor.disabled}",
15461
+ "style": "solid",
15462
+ "width": "{borderWidth.default}"
15463
+ },
15464
+ "$type": "border"
15465
+ },
15466
+ "name": "border-disabled",
15467
+ "attributes": {},
15468
+ "path": ["border", "disabled"],
15469
+ "value": "0.0625rem solid #656c761a",
15470
+ "type": "border"
15471
+ },
15472
+ "border-transparent": {
15473
+ "filePath": "src/tokens/functional/border/border.json5",
15474
+ "isSource": true,
15475
+ "original": {
15476
+ "$value": {
15477
+ "color": "{borderColor.transparent}",
15478
+ "style": "solid",
15479
+ "width": "{borderWidth.default}"
15480
+ },
15481
+ "$type": "border"
15482
+ },
15483
+ "name": "border-transparent",
15484
+ "attributes": {},
15485
+ "path": ["border", "transparent"],
15486
+ "value": "0.0625rem solid #00000000",
15487
+ "type": "border"
15488
+ },
15489
+ "border-neutral-emphasis": {
15490
+ "filePath": "src/tokens/functional/border/border.json5",
15491
+ "isSource": true,
15492
+ "original": {
15493
+ "$value": {
15494
+ "color": "{borderColor.neutral.emphasis}",
15495
+ "style": "solid",
15496
+ "width": "{borderWidth.default}"
15497
+ },
15498
+ "$type": "border"
15499
+ },
15500
+ "name": "border-neutral-emphasis",
15501
+ "attributes": {},
15502
+ "path": ["border", "neutral", "emphasis"],
15503
+ "value": "0.0625rem solid #656c76",
15504
+ "type": "border"
15505
+ },
15506
+ "border-neutral-muted": {
15507
+ "filePath": "src/tokens/functional/border/border.json5",
15508
+ "isSource": true,
15509
+ "original": {
15510
+ "$value": {
15511
+ "color": "{borderColor.neutral.muted}",
15512
+ "style": "solid",
15513
+ "width": "{borderWidth.default}"
15514
+ },
15515
+ "$type": "border"
15516
+ },
15517
+ "name": "border-neutral-muted",
15518
+ "attributes": {},
15519
+ "path": ["border", "neutral", "muted"],
15520
+ "value": "0.0625rem solid #3d444db3",
15521
+ "type": "border"
15522
+ },
15523
+ "border-accent-emphasis": {
15524
+ "filePath": "src/tokens/functional/border/border.json5",
15525
+ "isSource": true,
15526
+ "original": {
15527
+ "$value": {
15528
+ "color": "{borderColor.accent.emphasis}",
15529
+ "style": "solid",
15530
+ "width": "{borderWidth.default}"
15531
+ },
15532
+ "$type": "border"
15533
+ },
15534
+ "name": "border-accent-emphasis",
15535
+ "attributes": {},
15536
+ "path": ["border", "accent", "emphasis"],
15537
+ "value": "0.0625rem solid #1f6feb",
15538
+ "type": "border"
15539
+ },
15540
+ "border-accent-muted": {
15541
+ "filePath": "src/tokens/functional/border/border.json5",
15542
+ "isSource": true,
15543
+ "original": {
15544
+ "$value": {
15545
+ "color": "{borderColor.accent.muted}",
15546
+ "style": "solid",
15547
+ "width": "{borderWidth.default}"
15548
+ },
15549
+ "$type": "border"
15550
+ },
15551
+ "name": "border-accent-muted",
15552
+ "attributes": {},
15553
+ "path": ["border", "accent", "muted"],
15554
+ "value": "0.0625rem solid #388bfd66",
15555
+ "type": "border"
15556
+ },
15557
+ "border-success-emphasis": {
15558
+ "filePath": "src/tokens/functional/border/border.json5",
15559
+ "isSource": true,
15560
+ "original": {
15561
+ "$value": {
15562
+ "color": "{borderColor.success.emphasis}",
15563
+ "style": "solid",
15564
+ "width": "{borderWidth.default}"
15565
+ },
15566
+ "$type": "border"
15567
+ },
15568
+ "name": "border-success-emphasis",
15569
+ "attributes": {},
15570
+ "path": ["border", "success", "emphasis"],
15571
+ "value": "0.0625rem solid #1f6feb",
15572
+ "type": "border"
15573
+ },
15574
+ "border-success-muted": {
15575
+ "filePath": "src/tokens/functional/border/border.json5",
15576
+ "isSource": true,
15577
+ "original": {
15578
+ "$value": {
15579
+ "color": "{borderColor.success.muted}",
15580
+ "style": "solid",
15581
+ "width": "{borderWidth.default}"
15582
+ },
15583
+ "$type": "border"
15584
+ },
15585
+ "name": "border-success-muted",
15586
+ "attributes": {},
15587
+ "path": ["border", "success", "muted"],
15588
+ "value": "0.0625rem solid #388bfd66",
15589
+ "type": "border"
15590
+ },
15591
+ "border-open-emphasis": {
15592
+ "filePath": "src/tokens/functional/border/border.json5",
15593
+ "isSource": true,
15594
+ "original": {
15595
+ "$value": "{border.success.emphasis}",
15596
+ "$type": "border"
15597
+ },
15598
+ "name": "border-open-emphasis",
15599
+ "attributes": {},
15600
+ "path": ["border", "open", "emphasis"],
15601
+ "value": "0.0625rem solid #1f6feb",
15602
+ "type": "border"
15603
+ },
15604
+ "border-open-muted": {
15605
+ "filePath": "src/tokens/functional/border/border.json5",
15606
+ "isSource": true,
15607
+ "original": {
15608
+ "$value": "{border.success.muted}",
15609
+ "$type": "border"
15610
+ },
15611
+ "name": "border-open-muted",
15612
+ "attributes": {},
15613
+ "path": ["border", "open", "muted"],
15614
+ "value": "0.0625rem solid #388bfd66",
15615
+ "type": "border"
15616
+ },
15617
+ "border-danger-emphasis": {
15618
+ "filePath": "src/tokens/functional/border/border.json5",
15619
+ "isSource": true,
15620
+ "original": {
15621
+ "$value": {
15622
+ "color": "{borderColor.danger.emphasis}",
15623
+ "style": "solid",
15624
+ "width": "{borderWidth.default}"
15625
+ },
15626
+ "$type": "border"
15627
+ },
15628
+ "name": "border-danger-emphasis",
15629
+ "attributes": {},
15630
+ "path": ["border", "danger", "emphasis"],
15631
+ "value": "0.0625rem solid #da3633",
15632
+ "type": "border"
15633
+ },
15634
+ "border-danger-muted": {
15635
+ "filePath": "src/tokens/functional/border/border.json5",
15636
+ "isSource": true,
15637
+ "original": {
15638
+ "$value": {
15639
+ "color": "{borderColor.danger.muted}",
15640
+ "style": "solid",
15641
+ "width": "{borderWidth.default}"
15642
+ },
15643
+ "$type": "border"
15644
+ },
15645
+ "name": "border-danger-muted",
15646
+ "attributes": {},
15647
+ "path": ["border", "danger", "muted"],
15648
+ "value": "0.0625rem solid #f8514966",
15649
+ "type": "border"
15650
+ },
15651
+ "border-closed-emphasis": {
15652
+ "filePath": "src/tokens/functional/border/border.json5",
15653
+ "isSource": true,
15654
+ "original": {
15655
+ "$value": "{border.danger.emphasis}",
15656
+ "$type": "border"
15657
+ },
15658
+ "name": "border-closed-emphasis",
15659
+ "attributes": {},
15660
+ "path": ["border", "closed", "emphasis"],
15661
+ "value": "0.0625rem solid #da3633",
15662
+ "type": "border"
15663
+ },
15664
+ "border-closed-muted": {
15665
+ "filePath": "src/tokens/functional/border/border.json5",
15666
+ "isSource": true,
15667
+ "original": {
15668
+ "$value": "{border.danger.muted}",
15669
+ "$type": "border"
15670
+ },
15671
+ "name": "border-closed-muted",
15672
+ "attributes": {},
15673
+ "path": ["border", "closed", "muted"],
15674
+ "value": "0.0625rem solid #f8514966",
15675
+ "type": "border"
15676
+ },
15677
+ "border-attention-emphasis": {
15678
+ "filePath": "src/tokens/functional/border/border.json5",
15679
+ "isSource": true,
15680
+ "original": {
15681
+ "$value": {
15682
+ "color": "{borderColor.attention.emphasis}",
15683
+ "style": "solid",
15684
+ "width": "{borderWidth.default}"
15685
+ },
15686
+ "$type": "border"
15687
+ },
15688
+ "name": "border-attention-emphasis",
15689
+ "attributes": {},
15690
+ "path": ["border", "attention", "emphasis"],
15691
+ "value": "0.0625rem solid #9e6a03",
15692
+ "type": "border"
15693
+ },
15694
+ "border-attention-muted": {
15695
+ "filePath": "src/tokens/functional/border/border.json5",
15696
+ "isSource": true,
15697
+ "original": {
15698
+ "$value": {
15699
+ "color": "{borderColor.attention.muted}",
15700
+ "style": "solid",
15701
+ "width": "{borderWidth.default}"
15702
+ },
15703
+ "$type": "border"
15704
+ },
15705
+ "name": "border-attention-muted",
15706
+ "attributes": {},
15707
+ "path": ["border", "attention", "muted"],
15708
+ "value": "0.0625rem solid #bb800966",
15709
+ "type": "border"
15710
+ },
15711
+ "border-severe-emphasis": {
15712
+ "filePath": "src/tokens/functional/border/border.json5",
15713
+ "isSource": true,
15714
+ "original": {
15715
+ "$value": {
15716
+ "color": "{borderColor.severe.emphasis}",
15717
+ "style": "solid",
15718
+ "width": "{borderWidth.default}"
15719
+ },
15720
+ "$type": "border"
15721
+ },
15722
+ "name": "border-severe-emphasis",
15723
+ "attributes": {},
15724
+ "path": ["border", "severe", "emphasis"],
15725
+ "value": "0.0625rem solid #da3633",
15726
+ "type": "border"
15727
+ },
15728
+ "border-severe-muted": {
15729
+ "filePath": "src/tokens/functional/border/border.json5",
15730
+ "isSource": true,
15731
+ "original": {
15732
+ "$value": {
15733
+ "color": "{borderColor.severe.muted}",
15734
+ "style": "solid",
15735
+ "width": "{borderWidth.default}"
15736
+ },
15737
+ "$type": "border"
15738
+ },
15739
+ "name": "border-severe-muted",
15740
+ "attributes": {},
15741
+ "path": ["border", "severe", "muted"],
15742
+ "value": "0.0625rem solid #f8514966",
15743
+ "type": "border"
15744
+ },
15745
+ "border-done-emphasis": {
15746
+ "filePath": "src/tokens/functional/border/border.json5",
15747
+ "isSource": true,
15748
+ "original": {
15749
+ "$value": {
15750
+ "color": "{borderColor.done.emphasis}",
15751
+ "style": "solid",
15752
+ "width": "{borderWidth.default}"
15753
+ },
15754
+ "$type": "border"
15755
+ },
15756
+ "name": "border-done-emphasis",
15757
+ "attributes": {},
15758
+ "path": ["border", "done", "emphasis"],
15759
+ "value": "0.0625rem solid #8957e5",
15760
+ "type": "border"
15761
+ },
15762
+ "border-done-muted": {
15763
+ "filePath": "src/tokens/functional/border/border.json5",
15764
+ "isSource": true,
15765
+ "original": {
15766
+ "$value": {
15767
+ "color": "{borderColor.done.muted}",
15768
+ "style": "solid",
15769
+ "width": "{borderWidth.default}"
15770
+ },
15771
+ "$type": "border"
15772
+ },
15773
+ "name": "border-done-muted",
15774
+ "attributes": {},
15775
+ "path": ["border", "done", "muted"],
15776
+ "value": "0.0625rem solid #ab7df866",
15777
+ "type": "border"
15778
+ },
15779
+ "border-upsell-emphasis": {
15780
+ "filePath": "src/tokens/functional/border/border.json5",
15781
+ "isSource": true,
15782
+ "original": {
15783
+ "$value": {
15784
+ "color": "{borderColor.upsell.emphasis}",
15785
+ "style": "solid",
15786
+ "width": "{borderWidth.default}"
15787
+ },
15788
+ "$type": "border"
15789
+ },
15790
+ "name": "border-upsell-emphasis",
15791
+ "attributes": {},
15792
+ "path": ["border", "upsell", "emphasis"],
15793
+ "value": "0.0625rem solid #8957e5",
15794
+ "type": "border"
15795
+ },
15796
+ "border-upsell-muted": {
15797
+ "filePath": "src/tokens/functional/border/border.json5",
15798
+ "isSource": true,
15799
+ "original": {
15800
+ "$value": {
15801
+ "color": "{borderColor.upsell.muted}",
15802
+ "style": "solid",
15803
+ "width": "{borderWidth.default}"
15804
+ },
15805
+ "$type": "border"
15806
+ },
15807
+ "name": "border-upsell-muted",
15808
+ "attributes": {},
15809
+ "path": ["border", "upsell", "muted"],
15810
+ "value": "0.0625rem solid #ab7df866",
15811
+ "type": "border"
15812
+ },
15813
+ "border-sponsors-emphasis": {
15814
+ "filePath": "src/tokens/functional/border/border.json5",
15815
+ "isSource": true,
15816
+ "original": {
15817
+ "$value": {
15818
+ "color": "{borderColor.sponsors.emphasis}",
15819
+ "style": "solid",
15820
+ "width": "{borderWidth.default}"
15821
+ },
15822
+ "$type": "border"
15823
+ },
15824
+ "name": "border-sponsors-emphasis",
15825
+ "attributes": {},
15826
+ "path": ["border", "sponsors", "emphasis"],
15827
+ "value": "0.0625rem solid #bf4b8a",
15828
+ "type": "border"
15829
+ },
15830
+ "border-sponsors-muted": {
15831
+ "filePath": "src/tokens/functional/border/border.json5",
15832
+ "isSource": true,
15833
+ "original": {
15834
+ "$value": {
15835
+ "color": "{borderColor.sponsors.muted}",
15836
+ "style": "solid",
15837
+ "width": "{borderWidth.default}"
15553
15838
  },
15554
15839
  "$type": "border"
15555
15840
  },
15556
- "name": "outline-focus",
15841
+ "name": "border-sponsors-muted",
15557
15842
  "attributes": {},
15558
- "path": ["outline", "focus"],
15559
- "value": "#1f6feb solid 2px",
15843
+ "path": ["border", "sponsors", "muted"],
15844
+ "value": "0.0625rem solid #db61a266",
15560
15845
  "type": "border"
15561
15846
  }
15562
15847
  }