@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
@@ -120,7 +120,6 @@
120
120
  }
121
121
  },
122
122
  "alpha": 0.15,
123
- "mix": null,
124
123
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
125
124
  "isSource": true,
126
125
  "original": {
@@ -133,8 +132,7 @@
133
132
  "scopes": ["bgColor"]
134
133
  }
135
134
  },
136
- "alpha": 0.15,
137
- "mix": null
135
+ "alpha": 0.15
138
136
  },
139
137
  "name": "diffBlob-additionLine-bgColor",
140
138
  "attributes": {},
@@ -269,7 +267,6 @@
269
267
  "scopes": ["bgColor"]
270
268
  }
271
269
  },
272
- "mix": null,
273
270
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
274
271
  "isSource": true,
275
272
  "original": {
@@ -281,8 +278,7 @@
281
278
  "group": "component",
282
279
  "scopes": ["bgColor"]
283
280
  }
284
- },
285
- "mix": null
281
+ }
286
282
  },
287
283
  "name": "diffBlob-deletionLine-bgColor",
288
284
  "attributes": {},
@@ -430,7 +426,6 @@
430
426
  "diffBlob-hunkLine-bgColor": {
431
427
  "$value": "#212830",
432
428
  "$type": "color",
433
- "mix": null,
434
429
  "$extensions": {
435
430
  "alpha": 1
436
431
  },
@@ -439,7 +434,6 @@
439
434
  "original": {
440
435
  "$value": "{base.color.neutral.3}",
441
436
  "$type": "color",
442
- "mix": null,
443
437
  "$extensions": {
444
438
  "alpha": 1
445
439
  }
@@ -505,7 +499,6 @@
505
499
  "diffBlob-hunkNum-bgColor-rest": {
506
500
  "$value": "#2f3742",
507
501
  "$type": "color",
508
- "mix": null,
509
502
  "$extensions": {
510
503
  "alpha": 1
511
504
  },
@@ -514,7 +507,6 @@
514
507
  "original": {
515
508
  "$value": "{base.color.neutral.6}",
516
509
  "$type": "color",
517
- "mix": null,
518
510
  "$extensions": {
519
511
  "alpha": 1
520
512
  }
@@ -526,7 +518,6 @@
526
518
  "diffBlob-hunkNum-bgColor-hover": {
527
519
  "$value": "#656c76",
528
520
  "$type": "color",
529
- "mix": null,
530
521
  "$extensions": {
531
522
  "alpha": 1
532
523
  },
@@ -535,7 +526,6 @@
535
526
  "original": {
536
527
  "$value": "{base.color.neutral.8}",
537
528
  "$type": "color",
538
- "mix": null,
539
529
  "$extensions": {
540
530
  "alpha": 1
541
531
  }
@@ -5340,14 +5330,10 @@
5340
5330
  "scopes": ["bgColor"]
5341
5331
  }
5342
5332
  },
5343
- "mix": {
5344
- "color": "#58a6ff",
5345
- "weight": 0.2
5346
- },
5347
5333
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5348
5334
  "isSource": true,
5349
5335
  "original": {
5350
- "$value": "{bgColor.accent.emphasis}",
5336
+ "$value": "#2A7AEF",
5351
5337
  "$type": "color",
5352
5338
  "$extensions": {
5353
5339
  "org.primer.figma": {
@@ -5355,10 +5341,6 @@
5355
5341
  "group": "component",
5356
5342
  "scopes": ["bgColor"]
5357
5343
  }
5358
- },
5359
- "mix": {
5360
- "color": "{base.color.blue.3}",
5361
- "weight": 0.2
5362
5344
  }
5363
5345
  },
5364
5346
  "name": "control-checked-bgColor-hover",
@@ -5375,14 +5357,10 @@
5375
5357
  "scopes": ["bgColor"]
5376
5358
  }
5377
5359
  },
5378
- "mix": {
5379
- "color": "#58a6ff",
5380
- "weight": 0.4
5381
- },
5382
5360
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5383
5361
  "isSource": true,
5384
5362
  "original": {
5385
- "$value": "{bgColor.accent.emphasis}",
5363
+ "$value": "#3685F3",
5386
5364
  "$type": "color",
5387
5365
  "$extensions": {
5388
5366
  "org.primer.figma": {
@@ -5390,10 +5368,6 @@
5390
5368
  "group": "component",
5391
5369
  "scopes": ["bgColor"]
5392
5370
  }
5393
- },
5394
- "mix": {
5395
- "color": "{base.color.blue.3}",
5396
- "weight": 0.4
5397
5371
  }
5398
5372
  },
5399
5373
  "name": "control-checked-bgColor-active",
@@ -6466,19 +6440,11 @@
6466
6440
  "button-primary-bgColor-hover": {
6467
6441
  "$value": "#2a7aef",
6468
6442
  "$type": "color",
6469
- "mix": {
6470
- "color": "#58a6ff",
6471
- "weight": 0.2
6472
- },
6473
6443
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
6474
6444
  "isSource": true,
6475
6445
  "original": {
6476
- "$value": "{bgColor.success.emphasis}",
6477
- "$type": "color",
6478
- "mix": {
6479
- "color": "{base.color.blue.3}",
6480
- "weight": 0.2
6481
- }
6446
+ "$value": "#2a7aef",
6447
+ "$type": "color"
6482
6448
  },
6483
6449
  "name": "button-primary-bgColor-hover",
6484
6450
  "attributes": {},
@@ -6487,19 +6453,11 @@
6487
6453
  "button-primary-bgColor-active": {
6488
6454
  "$value": "#3685f3",
6489
6455
  "$type": "color",
6490
- "mix": {
6491
- "color": "#58a6ff",
6492
- "weight": 0.4
6493
- },
6494
6456
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
6495
6457
  "isSource": true,
6496
6458
  "original": {
6497
- "$value": "{bgColor.success.emphasis}",
6498
- "$type": "color",
6499
- "mix": {
6500
- "color": "{base.color.blue.3}",
6501
- "weight": 0.4
6502
- }
6459
+ "$value": "#3685f3",
6460
+ "$type": "color"
6503
6461
  },
6504
6462
  "name": "button-primary-bgColor-active",
6505
6463
  "attributes": {},
@@ -6508,19 +6466,11 @@
6508
6466
  "button-primary-bgColor-disabled": {
6509
6467
  "$value": "#5fabfe",
6510
6468
  "$type": "color",
6511
- "mix": {
6512
- "color": "#79c0ff",
6513
- "weight": 0.6
6514
- },
6515
6469
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
6516
6470
  "isSource": true,
6517
6471
  "original": {
6518
- "$value": "{base.color.blue.4}",
6519
- "$type": "color",
6520
- "mix": {
6521
- "color": "{base.color.blue.2}",
6522
- "weight": 0.6
6523
- }
6472
+ "$value": "#5fabfe",
6473
+ "$type": "color"
6524
6474
  },
6525
6475
  "name": "button-primary-bgColor-disabled",
6526
6476
  "attributes": {},
@@ -6612,25 +6562,11 @@
6612
6562
  "button-primary-borderColor-disabled": {
6613
6563
  "$value": "#5fabfe",
6614
6564
  "$type": "color",
6615
- "$extensions": {
6616
- "org.primer.figma": {
6617
- "collection": "mode",
6618
- "group": "component (internal)",
6619
- "scopes": ["borderColor"]
6620
- }
6621
- },
6622
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6565
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
6623
6566
  "isSource": true,
6624
6567
  "original": {
6625
- "$value": "{button.primary.bgColor.disabled}",
6626
- "$type": "color",
6627
- "$extensions": {
6628
- "org.primer.figma": {
6629
- "collection": "mode",
6630
- "group": "component (internal)",
6631
- "scopes": ["borderColor"]
6632
- }
6633
- }
6568
+ "$value": "#5fabfe",
6569
+ "$type": "color"
6634
6570
  },
6635
6571
  "name": "button-primary-borderColor-disabled",
6636
6572
  "attributes": {},
@@ -6942,7 +6878,7 @@
6942
6878
  "path": ["button", "invisible", "bgColor", "active"]
6943
6879
  },
6944
6880
  "button-invisible-bgColor-disabled": {
6945
- "$value": "#212830",
6881
+ "$value": "#00000000",
6946
6882
  "$type": "color",
6947
6883
  "$extensions": {
6948
6884
  "org.primer.figma": {
@@ -6954,7 +6890,7 @@
6954
6890
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6955
6891
  "isSource": true,
6956
6892
  "original": {
6957
- "$value": "{control.transparent.bgColor.disabled}",
6893
+ "$value": "{base.color.transparent}",
6958
6894
  "$type": "color",
6959
6895
  "$extensions": {
6960
6896
  "org.primer.figma": {
@@ -7023,7 +6959,7 @@
7023
6959
  "path": ["button", "invisible", "borderColor", "hover"]
7024
6960
  },
7025
6961
  "button-invisible-borderColor-disabled": {
7026
- "$value": "#656c761a",
6962
+ "$value": "#00000000",
7027
6963
  "$type": "color",
7028
6964
  "$extensions": {
7029
6965
  "org.primer.figma": {
@@ -7035,7 +6971,7 @@
7035
6971
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7036
6972
  "isSource": true,
7037
6973
  "original": {
7038
- "$value": "{control.borderColor.disabled}",
6974
+ "$value": "{base.color.transparent}",
7039
6975
  "$type": "color",
7040
6976
  "$extensions": {
7041
6977
  "org.primer.figma": {
@@ -7189,25 +7125,11 @@
7189
7125
  "button-outline-bgColor-hover": {
7190
7126
  "$value": "#262c36",
7191
7127
  "$type": "color",
7192
- "$extensions": {
7193
- "org.primer.figma": {
7194
- "collection": "mode",
7195
- "group": "component (internal)",
7196
- "scopes": ["bgColor"]
7197
- }
7198
- },
7199
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7128
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
7200
7129
  "isSource": true,
7201
7130
  "original": {
7202
- "$value": "{control.bgColor.hover}",
7203
- "$type": "color",
7204
- "$extensions": {
7205
- "org.primer.figma": {
7206
- "collection": "mode",
7207
- "group": "component (internal)",
7208
- "scopes": ["bgColor"]
7209
- }
7210
- }
7131
+ "$value": "#262c36",
7132
+ "$type": "color"
7211
7133
  },
7212
7134
  "name": "button-outline-bgColor-hover",
7213
7135
  "attributes": {},
@@ -7216,25 +7138,11 @@
7216
7138
  "button-outline-bgColor-active": {
7217
7139
  "$value": "#0d419d",
7218
7140
  "$type": "color",
7219
- "$extensions": {
7220
- "org.primer.figma": {
7221
- "collection": "mode",
7222
- "group": "component (internal)",
7223
- "scopes": ["bgColor"]
7224
- }
7225
- },
7226
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7141
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
7227
7142
  "isSource": true,
7228
7143
  "original": {
7229
- "$value": "{base.color.blue.7}",
7230
- "$type": "color",
7231
- "$extensions": {
7232
- "org.primer.figma": {
7233
- "collection": "mode",
7234
- "group": "component (internal)",
7235
- "scopes": ["bgColor"]
7236
- }
7237
- }
7144
+ "$value": "#0d419d",
7145
+ "$type": "color"
7238
7146
  },
7239
7147
  "name": "button-outline-bgColor-active",
7240
7148
  "attributes": {},
@@ -7243,25 +7151,11 @@
7243
7151
  "button-outline-bgColor-disabled": {
7244
7152
  "$value": "#212830",
7245
7153
  "$type": "color",
7246
- "$extensions": {
7247
- "org.primer.figma": {
7248
- "collection": "mode",
7249
- "group": "component (internal)",
7250
- "scopes": ["bgColor"]
7251
- }
7252
- },
7253
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7154
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
7254
7155
  "isSource": true,
7255
7156
  "original": {
7256
- "$value": "{control.bgColor.disabled}",
7257
- "$type": "color",
7258
- "$extensions": {
7259
- "org.primer.figma": {
7260
- "collection": "mode",
7261
- "group": "component (internal)",
7262
- "scopes": ["bgColor"]
7263
- }
7264
- }
7157
+ "$value": "#212830",
7158
+ "$type": "color"
7265
7159
  },
7266
7160
  "name": "button-outline-bgColor-disabled",
7267
7161
  "attributes": {},
@@ -7366,14 +7260,10 @@
7366
7260
  "scopes": ["fgColor"]
7367
7261
  }
7368
7262
  },
7369
- "mix": {
7370
- "color": "#ff7b72",
7371
- "weight": 0.3
7372
- },
7373
7263
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7374
7264
  "isSource": true,
7375
7265
  "original": {
7376
- "$value": "{base.color.red.4}",
7266
+ "$value": "#FA5E55",
7377
7267
  "$type": "color",
7378
7268
  "$extensions": {
7379
7269
  "org.primer.figma": {
@@ -7381,10 +7271,6 @@
7381
7271
  "group": "component (internal)",
7382
7272
  "scopes": ["fgColor"]
7383
7273
  }
7384
- },
7385
- "mix": {
7386
- "color": "{base.color.red.3}",
7387
- "weight": 0.3
7388
7274
  }
7389
7275
  },
7390
7276
  "name": "button-danger-fgColor-rest",
@@ -7487,7 +7373,7 @@
7487
7373
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7488
7374
  "isSource": true,
7489
7375
  "original": {
7490
- "$value": "{button.danger.fgColor.rest}",
7376
+ "$value": "#FA5E55",
7491
7377
  "$type": "color",
7492
7378
  "$extensions": {
7493
7379
  "org.primer.figma": {
@@ -7592,14 +7478,10 @@
7592
7478
  "scopes": ["bgColor"]
7593
7479
  }
7594
7480
  },
7595
- "mix": {
7596
- "color": "#f85149",
7597
- "weight": 0.4
7598
- },
7599
7481
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7600
7482
  "isSource": true,
7601
7483
  "original": {
7602
- "$value": "{base.color.red.6}",
7484
+ "$value": "#D03533",
7603
7485
  "$type": "color",
7604
7486
  "$extensions": {
7605
7487
  "org.primer.figma": {
@@ -7607,10 +7489,6 @@
7607
7489
  "group": "component (internal)",
7608
7490
  "scopes": ["bgColor"]
7609
7491
  }
7610
- },
7611
- "mix": {
7612
- "color": "{base.color.red.4}",
7613
- "weight": 0.4
7614
7492
  }
7615
7493
  },
7616
7494
  "name": "button-danger-bgColor-active",
@@ -8303,15 +8181,11 @@
8303
8181
  "scopes": ["bgColor"]
8304
8182
  }
8305
8183
  },
8306
- "mix": {
8307
- "color": "#79c0ff",
8308
- "weight": 0.2
8309
- },
8310
- "alpha": 0.2,
8184
+ "alpha": 0.36,
8311
8185
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8312
8186
  "isSource": true,
8313
8187
  "original": {
8314
- "$value": "{reactionButton.selected.bgColor.rest}",
8188
+ "$value": "#3a8cfd",
8315
8189
  "$type": "color",
8316
8190
  "$extensions": {
8317
8191
  "org.primer.figma": {
@@ -8320,11 +8194,7 @@
8320
8194
  "scopes": ["bgColor"]
8321
8195
  }
8322
8196
  },
8323
- "mix": {
8324
- "color": "{base.color.blue.2}",
8325
- "weight": 0.2
8326
- },
8327
- "alpha": 0.2
8197
+ "alpha": 0.36
8328
8198
  },
8329
8199
  "name": "reactionButton-selected-bgColor-hover",
8330
8200
  "attributes": {},
@@ -8411,6 +8281,23 @@
8411
8281
  "attributes": {},
8412
8282
  "path": ["focus", "outlineColor"]
8413
8283
  },
8284
+ "focus-outline": {
8285
+ "$value": "2px solid #1f6feb",
8286
+ "$type": "border",
8287
+ "filePath": "src/tokens/functional/border/border.json5",
8288
+ "isSource": true,
8289
+ "original": {
8290
+ "$value": {
8291
+ "color": "{focus.outlineColor}",
8292
+ "style": "solid",
8293
+ "width": "2px"
8294
+ },
8295
+ "$type": "border"
8296
+ },
8297
+ "name": "focus-outline",
8298
+ "attributes": {},
8299
+ "path": ["focus", "outline"]
8300
+ },
8414
8301
  "menu-bgColor-active": {
8415
8302
  "$value": "#151b23",
8416
8303
  "$type": "color",
@@ -12234,14 +12121,10 @@
12234
12121
  }
12235
12122
  }
12236
12123
  },
12237
- "mix": {
12238
- "color": "#1f6feb",
12239
- "weight": 0.35
12240
- },
12241
12124
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12242
12125
  "isSource": true,
12243
12126
  "original": {
12244
- "$value": "{base.color.blue.3}",
12127
+ "$value": "#4493F8",
12245
12128
  "$type": "color",
12246
12129
  "$extensions": {
12247
12130
  "org.primer.figma": {
@@ -12252,10 +12135,6 @@
12252
12135
  "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
12253
12136
  }
12254
12137
  }
12255
- },
12256
- "mix": {
12257
- "color": "{base.color.blue.5}",
12258
- "weight": 0.35
12259
12138
  }
12260
12139
  },
12261
12140
  "name": "fgColor-accent",
@@ -13263,32 +13142,12 @@
13263
13142
  "bgColor-sponsors-muted": {
13264
13143
  "$value": "#db61a21a",
13265
13144
  "$type": "color",
13266
- "$extensions": {
13267
- "org.primer.figma": {
13268
- "collection": "mode",
13269
- "group": "semantic",
13270
- "scopes": ["bgColor"],
13271
- "codeSyntax": {
13272
- "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
13273
- }
13274
- }
13275
- },
13276
13145
  "alpha": 0.1,
13277
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13146
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
13278
13147
  "isSource": true,
13279
13148
  "original": {
13280
- "$value": "{base.color.pink.4}",
13149
+ "$value": "#db61a2",
13281
13150
  "$type": "color",
13282
- "$extensions": {
13283
- "org.primer.figma": {
13284
- "collection": "mode",
13285
- "group": "semantic",
13286
- "scopes": ["bgColor"],
13287
- "codeSyntax": {
13288
- "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
13289
- }
13290
- }
13291
- },
13292
13151
  "alpha": 0.1
13293
13152
  },
13294
13153
  "name": "bgColor-sponsors-muted",
@@ -15542,21 +15401,447 @@
15542
15401
  "attributes": {},
15543
15402
  "path": ["shadow", "floating", "legacy"]
15544
15403
  },
15545
- "outline-focus": {
15546
- "$value": "#1f6feb solid 2px",
15404
+ "border-default": {
15405
+ "$value": "0.00390625rem,0.0625px solid #3d444d",
15547
15406
  "$type": "border",
15548
- "filePath": "src/tokens/functional/border/dark.json5",
15407
+ "filePath": "src/tokens/functional/border/border.json5",
15549
15408
  "isSource": true,
15550
15409
  "original": {
15551
15410
  "$value": {
15552
- "color": "{focus.outlineColor}",
15411
+ "color": "{borderColor.default}",
15553
15412
  "style": "solid",
15554
- "width": "2px"
15413
+ "width": "{borderWidth.default}"
15414
+ },
15415
+ "$type": "border"
15416
+ },
15417
+ "name": "border-default",
15418
+ "attributes": {},
15419
+ "path": ["border", "default"]
15420
+ },
15421
+ "border-muted": {
15422
+ "$value": "0.00390625rem,0.0625px solid #3d444db3",
15423
+ "$type": "border",
15424
+ "filePath": "src/tokens/functional/border/border.json5",
15425
+ "isSource": true,
15426
+ "original": {
15427
+ "$value": {
15428
+ "color": "{borderColor.muted}",
15429
+ "style": "solid",
15430
+ "width": "{borderWidth.default}"
15431
+ },
15432
+ "$type": "border"
15433
+ },
15434
+ "name": "border-muted",
15435
+ "attributes": {},
15436
+ "path": ["border", "muted"]
15437
+ },
15438
+ "border-emphasis": {
15439
+ "$value": "0.00390625rem,0.0625px solid #656c76",
15440
+ "$type": "border",
15441
+ "filePath": "src/tokens/functional/border/border.json5",
15442
+ "isSource": true,
15443
+ "original": {
15444
+ "$value": {
15445
+ "color": "{borderColor.emphasis}",
15446
+ "style": "solid",
15447
+ "width": "{borderWidth.default}"
15448
+ },
15449
+ "$type": "border"
15450
+ },
15451
+ "name": "border-emphasis",
15452
+ "attributes": {},
15453
+ "path": ["border", "emphasis"]
15454
+ },
15455
+ "border-disabled": {
15456
+ "$value": "0.00390625rem,0.0625px solid #656c761a",
15457
+ "$type": "border",
15458
+ "filePath": "src/tokens/functional/border/border.json5",
15459
+ "isSource": true,
15460
+ "original": {
15461
+ "$value": {
15462
+ "color": "{borderColor.disabled}",
15463
+ "style": "solid",
15464
+ "width": "{borderWidth.default}"
15465
+ },
15466
+ "$type": "border"
15467
+ },
15468
+ "name": "border-disabled",
15469
+ "attributes": {},
15470
+ "path": ["border", "disabled"]
15471
+ },
15472
+ "border-transparent": {
15473
+ "$value": "0.00390625rem,0.0625px solid #00000000",
15474
+ "$type": "border",
15475
+ "filePath": "src/tokens/functional/border/border.json5",
15476
+ "isSource": true,
15477
+ "original": {
15478
+ "$value": {
15479
+ "color": "{borderColor.transparent}",
15480
+ "style": "solid",
15481
+ "width": "{borderWidth.default}"
15482
+ },
15483
+ "$type": "border"
15484
+ },
15485
+ "name": "border-transparent",
15486
+ "attributes": {},
15487
+ "path": ["border", "transparent"]
15488
+ },
15489
+ "border-neutral-emphasis": {
15490
+ "$value": "0.00390625rem,0.0625px solid #656c76",
15491
+ "$type": "border",
15492
+ "filePath": "src/tokens/functional/border/border.json5",
15493
+ "isSource": true,
15494
+ "original": {
15495
+ "$value": {
15496
+ "color": "{borderColor.neutral.emphasis}",
15497
+ "style": "solid",
15498
+ "width": "{borderWidth.default}"
15499
+ },
15500
+ "$type": "border"
15501
+ },
15502
+ "name": "border-neutral-emphasis",
15503
+ "attributes": {},
15504
+ "path": ["border", "neutral", "emphasis"]
15505
+ },
15506
+ "border-neutral-muted": {
15507
+ "$value": "0.00390625rem,0.0625px solid #3d444db3",
15508
+ "$type": "border",
15509
+ "filePath": "src/tokens/functional/border/border.json5",
15510
+ "isSource": true,
15511
+ "original": {
15512
+ "$value": {
15513
+ "color": "{borderColor.neutral.muted}",
15514
+ "style": "solid",
15515
+ "width": "{borderWidth.default}"
15516
+ },
15517
+ "$type": "border"
15518
+ },
15519
+ "name": "border-neutral-muted",
15520
+ "attributes": {},
15521
+ "path": ["border", "neutral", "muted"]
15522
+ },
15523
+ "border-accent-emphasis": {
15524
+ "$value": "0.00390625rem,0.0625px solid #1f6feb",
15525
+ "$type": "border",
15526
+ "filePath": "src/tokens/functional/border/border.json5",
15527
+ "isSource": true,
15528
+ "original": {
15529
+ "$value": {
15530
+ "color": "{borderColor.accent.emphasis}",
15531
+ "style": "solid",
15532
+ "width": "{borderWidth.default}"
15533
+ },
15534
+ "$type": "border"
15535
+ },
15536
+ "name": "border-accent-emphasis",
15537
+ "attributes": {},
15538
+ "path": ["border", "accent", "emphasis"]
15539
+ },
15540
+ "border-accent-muted": {
15541
+ "$value": "0.00390625rem,0.0625px solid #388bfd66",
15542
+ "$type": "border",
15543
+ "filePath": "src/tokens/functional/border/border.json5",
15544
+ "isSource": true,
15545
+ "original": {
15546
+ "$value": {
15547
+ "color": "{borderColor.accent.muted}",
15548
+ "style": "solid",
15549
+ "width": "{borderWidth.default}"
15550
+ },
15551
+ "$type": "border"
15552
+ },
15553
+ "name": "border-accent-muted",
15554
+ "attributes": {},
15555
+ "path": ["border", "accent", "muted"]
15556
+ },
15557
+ "border-success-emphasis": {
15558
+ "$value": "0.00390625rem,0.0625px solid #1f6feb",
15559
+ "$type": "border",
15560
+ "filePath": "src/tokens/functional/border/border.json5",
15561
+ "isSource": true,
15562
+ "original": {
15563
+ "$value": {
15564
+ "color": "{borderColor.success.emphasis}",
15565
+ "style": "solid",
15566
+ "width": "{borderWidth.default}"
15567
+ },
15568
+ "$type": "border"
15569
+ },
15570
+ "name": "border-success-emphasis",
15571
+ "attributes": {},
15572
+ "path": ["border", "success", "emphasis"]
15573
+ },
15574
+ "border-success-muted": {
15575
+ "$value": "0.00390625rem,0.0625px solid #388bfd66",
15576
+ "$type": "border",
15577
+ "filePath": "src/tokens/functional/border/border.json5",
15578
+ "isSource": true,
15579
+ "original": {
15580
+ "$value": {
15581
+ "color": "{borderColor.success.muted}",
15582
+ "style": "solid",
15583
+ "width": "{borderWidth.default}"
15584
+ },
15585
+ "$type": "border"
15586
+ },
15587
+ "name": "border-success-muted",
15588
+ "attributes": {},
15589
+ "path": ["border", "success", "muted"]
15590
+ },
15591
+ "border-open-emphasis": {
15592
+ "$value": "0.00390625rem,0.0625px solid #1f6feb",
15593
+ "$type": "border",
15594
+ "filePath": "src/tokens/functional/border/border.json5",
15595
+ "isSource": true,
15596
+ "original": {
15597
+ "$value": "{border.success.emphasis}",
15598
+ "$type": "border"
15599
+ },
15600
+ "name": "border-open-emphasis",
15601
+ "attributes": {},
15602
+ "path": ["border", "open", "emphasis"]
15603
+ },
15604
+ "border-open-muted": {
15605
+ "$value": "0.00390625rem,0.0625px solid #388bfd66",
15606
+ "$type": "border",
15607
+ "filePath": "src/tokens/functional/border/border.json5",
15608
+ "isSource": true,
15609
+ "original": {
15610
+ "$value": "{border.success.muted}",
15611
+ "$type": "border"
15612
+ },
15613
+ "name": "border-open-muted",
15614
+ "attributes": {},
15615
+ "path": ["border", "open", "muted"]
15616
+ },
15617
+ "border-danger-emphasis": {
15618
+ "$value": "0.00390625rem,0.0625px solid #da3633",
15619
+ "$type": "border",
15620
+ "filePath": "src/tokens/functional/border/border.json5",
15621
+ "isSource": true,
15622
+ "original": {
15623
+ "$value": {
15624
+ "color": "{borderColor.danger.emphasis}",
15625
+ "style": "solid",
15626
+ "width": "{borderWidth.default}"
15627
+ },
15628
+ "$type": "border"
15629
+ },
15630
+ "name": "border-danger-emphasis",
15631
+ "attributes": {},
15632
+ "path": ["border", "danger", "emphasis"]
15633
+ },
15634
+ "border-danger-muted": {
15635
+ "$value": "0.00390625rem,0.0625px solid #f8514966",
15636
+ "$type": "border",
15637
+ "filePath": "src/tokens/functional/border/border.json5",
15638
+ "isSource": true,
15639
+ "original": {
15640
+ "$value": {
15641
+ "color": "{borderColor.danger.muted}",
15642
+ "style": "solid",
15643
+ "width": "{borderWidth.default}"
15644
+ },
15645
+ "$type": "border"
15646
+ },
15647
+ "name": "border-danger-muted",
15648
+ "attributes": {},
15649
+ "path": ["border", "danger", "muted"]
15650
+ },
15651
+ "border-closed-emphasis": {
15652
+ "$value": "0.00390625rem,0.0625px solid #da3633",
15653
+ "$type": "border",
15654
+ "filePath": "src/tokens/functional/border/border.json5",
15655
+ "isSource": true,
15656
+ "original": {
15657
+ "$value": "{border.danger.emphasis}",
15658
+ "$type": "border"
15659
+ },
15660
+ "name": "border-closed-emphasis",
15661
+ "attributes": {},
15662
+ "path": ["border", "closed", "emphasis"]
15663
+ },
15664
+ "border-closed-muted": {
15665
+ "$value": "0.00390625rem,0.0625px solid #f8514966",
15666
+ "$type": "border",
15667
+ "filePath": "src/tokens/functional/border/border.json5",
15668
+ "isSource": true,
15669
+ "original": {
15670
+ "$value": "{border.danger.muted}",
15671
+ "$type": "border"
15672
+ },
15673
+ "name": "border-closed-muted",
15674
+ "attributes": {},
15675
+ "path": ["border", "closed", "muted"]
15676
+ },
15677
+ "border-attention-emphasis": {
15678
+ "$value": "0.00390625rem,0.0625px solid #9e6a03",
15679
+ "$type": "border",
15680
+ "filePath": "src/tokens/functional/border/border.json5",
15681
+ "isSource": true,
15682
+ "original": {
15683
+ "$value": {
15684
+ "color": "{borderColor.attention.emphasis}",
15685
+ "style": "solid",
15686
+ "width": "{borderWidth.default}"
15687
+ },
15688
+ "$type": "border"
15689
+ },
15690
+ "name": "border-attention-emphasis",
15691
+ "attributes": {},
15692
+ "path": ["border", "attention", "emphasis"]
15693
+ },
15694
+ "border-attention-muted": {
15695
+ "$value": "0.00390625rem,0.0625px solid #bb800966",
15696
+ "$type": "border",
15697
+ "filePath": "src/tokens/functional/border/border.json5",
15698
+ "isSource": true,
15699
+ "original": {
15700
+ "$value": {
15701
+ "color": "{borderColor.attention.muted}",
15702
+ "style": "solid",
15703
+ "width": "{borderWidth.default}"
15704
+ },
15705
+ "$type": "border"
15706
+ },
15707
+ "name": "border-attention-muted",
15708
+ "attributes": {},
15709
+ "path": ["border", "attention", "muted"]
15710
+ },
15711
+ "border-severe-emphasis": {
15712
+ "$value": "0.00390625rem,0.0625px solid #da3633",
15713
+ "$type": "border",
15714
+ "filePath": "src/tokens/functional/border/border.json5",
15715
+ "isSource": true,
15716
+ "original": {
15717
+ "$value": {
15718
+ "color": "{borderColor.severe.emphasis}",
15719
+ "style": "solid",
15720
+ "width": "{borderWidth.default}"
15721
+ },
15722
+ "$type": "border"
15723
+ },
15724
+ "name": "border-severe-emphasis",
15725
+ "attributes": {},
15726
+ "path": ["border", "severe", "emphasis"]
15727
+ },
15728
+ "border-severe-muted": {
15729
+ "$value": "0.00390625rem,0.0625px solid #f8514966",
15730
+ "$type": "border",
15731
+ "filePath": "src/tokens/functional/border/border.json5",
15732
+ "isSource": true,
15733
+ "original": {
15734
+ "$value": {
15735
+ "color": "{borderColor.severe.muted}",
15736
+ "style": "solid",
15737
+ "width": "{borderWidth.default}"
15738
+ },
15739
+ "$type": "border"
15740
+ },
15741
+ "name": "border-severe-muted",
15742
+ "attributes": {},
15743
+ "path": ["border", "severe", "muted"]
15744
+ },
15745
+ "border-done-emphasis": {
15746
+ "$value": "0.00390625rem,0.0625px solid #8957e5",
15747
+ "$type": "border",
15748
+ "filePath": "src/tokens/functional/border/border.json5",
15749
+ "isSource": true,
15750
+ "original": {
15751
+ "$value": {
15752
+ "color": "{borderColor.done.emphasis}",
15753
+ "style": "solid",
15754
+ "width": "{borderWidth.default}"
15755
+ },
15756
+ "$type": "border"
15757
+ },
15758
+ "name": "border-done-emphasis",
15759
+ "attributes": {},
15760
+ "path": ["border", "done", "emphasis"]
15761
+ },
15762
+ "border-done-muted": {
15763
+ "$value": "0.00390625rem,0.0625px solid #ab7df866",
15764
+ "$type": "border",
15765
+ "filePath": "src/tokens/functional/border/border.json5",
15766
+ "isSource": true,
15767
+ "original": {
15768
+ "$value": {
15769
+ "color": "{borderColor.done.muted}",
15770
+ "style": "solid",
15771
+ "width": "{borderWidth.default}"
15772
+ },
15773
+ "$type": "border"
15774
+ },
15775
+ "name": "border-done-muted",
15776
+ "attributes": {},
15777
+ "path": ["border", "done", "muted"]
15778
+ },
15779
+ "border-upsell-emphasis": {
15780
+ "$value": "0.00390625rem,0.0625px solid #8957e5",
15781
+ "$type": "border",
15782
+ "filePath": "src/tokens/functional/border/border.json5",
15783
+ "isSource": true,
15784
+ "original": {
15785
+ "$value": {
15786
+ "color": "{borderColor.upsell.emphasis}",
15787
+ "style": "solid",
15788
+ "width": "{borderWidth.default}"
15789
+ },
15790
+ "$type": "border"
15791
+ },
15792
+ "name": "border-upsell-emphasis",
15793
+ "attributes": {},
15794
+ "path": ["border", "upsell", "emphasis"]
15795
+ },
15796
+ "border-upsell-muted": {
15797
+ "$value": "0.00390625rem,0.0625px solid #ab7df866",
15798
+ "$type": "border",
15799
+ "filePath": "src/tokens/functional/border/border.json5",
15800
+ "isSource": true,
15801
+ "original": {
15802
+ "$value": {
15803
+ "color": "{borderColor.upsell.muted}",
15804
+ "style": "solid",
15805
+ "width": "{borderWidth.default}"
15806
+ },
15807
+ "$type": "border"
15808
+ },
15809
+ "name": "border-upsell-muted",
15810
+ "attributes": {},
15811
+ "path": ["border", "upsell", "muted"]
15812
+ },
15813
+ "border-sponsors-emphasis": {
15814
+ "$value": "0.00390625rem,0.0625px solid #bf4b8a",
15815
+ "$type": "border",
15816
+ "filePath": "src/tokens/functional/border/border.json5",
15817
+ "isSource": true,
15818
+ "original": {
15819
+ "$value": {
15820
+ "color": "{borderColor.sponsors.emphasis}",
15821
+ "style": "solid",
15822
+ "width": "{borderWidth.default}"
15823
+ },
15824
+ "$type": "border"
15825
+ },
15826
+ "name": "border-sponsors-emphasis",
15827
+ "attributes": {},
15828
+ "path": ["border", "sponsors", "emphasis"]
15829
+ },
15830
+ "border-sponsors-muted": {
15831
+ "$value": "0.00390625rem,0.0625px solid #db61a266",
15832
+ "$type": "border",
15833
+ "filePath": "src/tokens/functional/border/border.json5",
15834
+ "isSource": true,
15835
+ "original": {
15836
+ "$value": {
15837
+ "color": "{borderColor.sponsors.muted}",
15838
+ "style": "solid",
15839
+ "width": "{borderWidth.default}"
15555
15840
  },
15556
15841
  "$type": "border"
15557
15842
  },
15558
- "name": "outline-focus",
15843
+ "name": "border-sponsors-muted",
15559
15844
  "attributes": {},
15560
- "path": ["outline", "focus"]
15845
+ "path": ["border", "sponsors", "muted"]
15561
15846
  }
15562
15847
  }