@primer/primitives 10.3.0-rc.fcd52a27 → 10.3.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 (62) hide show
  1. package/dist/build/transformers/colorToHex.js +3 -3
  2. package/dist/build/transformers/colorToRgbAlpha.js +2 -2
  3. package/dist/build/transformers/shadowToCss.js +2 -2
  4. package/dist/build/transformers/utilities/alpha.d.ts +2 -2
  5. package/dist/build/transformers/utilities/alpha.js +3 -3
  6. package/dist/build/utilities/log.d.ts +6 -0
  7. package/dist/build/utilities/log.js +34 -0
  8. package/dist/docs/functional/themes/dark-colorblind.json +324 -26
  9. package/dist/docs/functional/themes/dark-dimmed.json +391 -27
  10. package/dist/docs/functional/themes/dark-high-contrast.json +377 -27
  11. package/dist/docs/functional/themes/dark-tritanopia.json +525 -37
  12. package/dist/docs/functional/themes/dark.json +324 -26
  13. package/dist/docs/functional/themes/light-colorblind.json +318 -22
  14. package/dist/docs/functional/themes/light-high-contrast.json +374 -24
  15. package/dist/docs/functional/themes/light-tritanopia.json +599 -29
  16. package/dist/docs/functional/themes/light.json +318 -22
  17. package/dist/figma/themes/dark-colorblind.json +255 -254
  18. package/dist/figma/themes/dark-dimmed.json +255 -173
  19. package/dist/figma/themes/dark-high-contrast.json +254 -187
  20. package/dist/figma/themes/dark-tritanopia.json +340 -257
  21. package/dist/figma/themes/dark.json +255 -254
  22. package/dist/figma/themes/light-colorblind.json +249 -249
  23. package/dist/figma/themes/light-high-contrast.json +238 -172
  24. package/dist/figma/themes/light-tritanopia.json +332 -252
  25. package/dist/figma/themes/light.json +273 -273
  26. package/dist/styleLint/functional/themes/dark-colorblind.json +324 -26
  27. package/dist/styleLint/functional/themes/dark-dimmed.json +391 -27
  28. package/dist/styleLint/functional/themes/dark-high-contrast.json +377 -27
  29. package/dist/styleLint/functional/themes/dark-tritanopia.json +525 -37
  30. package/dist/styleLint/functional/themes/dark.json +324 -26
  31. package/dist/styleLint/functional/themes/light-colorblind.json +318 -22
  32. package/dist/styleLint/functional/themes/light-high-contrast.json +374 -24
  33. package/dist/styleLint/functional/themes/light-tritanopia.json +599 -29
  34. package/dist/styleLint/functional/themes/light.json +318 -22
  35. package/package.json +1 -1
  36. package/src/tokens/component/diffBlob.json5 +19 -0
  37. package/src/tokens/component/header.json5 +65 -0
  38. package/src/tokens/component/headerSerach.json5 +32 -0
  39. package/src/tokens/component/overlay.json5 +68 -0
  40. package/src/tokens/component/page.json5 +20 -0
  41. package/src/tokens/component/reactionButton.json5 +78 -0
  42. package/src/tokens/component/skeletonLoader.json5 +29 -0
  43. package/src/tokens/component/timelineBadge.json5 +19 -0
  44. package/src/tokens/functional/color/dark/app-dark.json5 +0 -97
  45. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -35
  46. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -32
  47. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -37
  48. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -194
  49. package/src/tokens/functional/color/light/app-light.json5 +0 -91
  50. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -31
  51. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -71
  52. package/src/tokens/functional/color/light/patterns-light.json5 +1 -192
  53. package/dist/figma/figma.json +0 -133
  54. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  55. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  56. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  57. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  58. package/dist/figma/shadows/dark.json +0 -1152
  59. package/dist/figma/shadows/light-colorblind.json +0 -1052
  60. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  61. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  62. package/dist/figma/shadows/light.json +0 -1052
@@ -8320,6 +8320,14 @@
8320
8320
  "$type": "color"
8321
8321
  },
8322
8322
  "light-protanopia-deuteranopia": "#96d0ff",
8323
+ "light-tritanopia": "#96d0ff",
8324
+ "dark-tritanopia": {
8325
+ "$value": "#539bf5",
8326
+ "alpha": 0.3,
8327
+ "filePath": "src/tokens/component/diffBlob.json5",
8328
+ "isSource": true,
8329
+ "$type": "color"
8330
+ },
8323
8331
  "dark-protanopia-deuteranopia": {
8324
8332
  "$value": "#539bf5",
8325
8333
  "alpha": 0.3,
@@ -8350,6 +8358,14 @@
8350
8358
  "$type": "color"
8351
8359
  },
8352
8360
  "light-protanopia-deuteranopia": "{base.color.blue.1}",
8361
+ "light-tritanopia": "{base.color.blue.1}",
8362
+ "dark-tritanopia": {
8363
+ "$value": "{base.color.blue.3}",
8364
+ "alpha": 0.3,
8365
+ "filePath": "src/tokens/component/diffBlob.json5",
8366
+ "isSource": true,
8367
+ "$type": "color"
8368
+ },
8353
8369
  "dark-protanopia-deuteranopia": {
8354
8370
  "$value": "{base.color.blue.3}",
8355
8371
  "alpha": 0.3,
@@ -8420,7 +8436,15 @@
8420
8436
  "$type": "color"
8421
8437
  },
8422
8438
  "light-high-contrast": "#347d39",
8423
- "dark-high-contrast": "#347d39"
8439
+ "dark-high-contrast": "#347d39",
8440
+ "light-tritanopia": "#96d0ff",
8441
+ "dark-tritanopia": {
8442
+ "$value": "#4184e4",
8443
+ "alpha": 0.4,
8444
+ "filePath": "src/tokens/component/diffBlob.json5",
8445
+ "isSource": true,
8446
+ "$type": "color"
8447
+ }
8424
8448
  }
8425
8449
  },
8426
8450
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -8452,7 +8476,15 @@
8452
8476
  "$type": "color"
8453
8477
  },
8454
8478
  "light-high-contrast": "{base.color.green.5}",
8455
- "dark-high-contrast": "{bgColor.success.emphasis}"
8479
+ "dark-high-contrast": "{bgColor.success.emphasis}",
8480
+ "light-tritanopia": "{base.color.blue.1}",
8481
+ "dark-tritanopia": {
8482
+ "$value": "{base.color.blue.4}",
8483
+ "alpha": 0.4,
8484
+ "filePath": "src/tokens/component/diffBlob.json5",
8485
+ "isSource": true,
8486
+ "$type": "color"
8487
+ }
8456
8488
  }
8457
8489
  },
8458
8490
  "alpha": 0.4
@@ -8607,6 +8639,7 @@
8607
8639
  "isSource": true,
8608
8640
  "$type": "color"
8609
8641
  },
8642
+ "light-tritanopia": "#ffb8b0",
8610
8643
  "light-protanopia-deuteranopia": "#ffbc6f",
8611
8644
  "dark-protanopia-deuteranopia": {
8612
8645
  "$value": "#cc6b2c",
@@ -8637,6 +8670,7 @@
8637
8670
  "isSource": true,
8638
8671
  "$type": "color"
8639
8672
  },
8673
+ "light-tritanopia": "{base.color.red.1}",
8640
8674
  "light-protanopia-deuteranopia": "{base.color.orange.1}",
8641
8675
  "dark-protanopia-deuteranopia": {
8642
8676
  "$value": "{base.color.orange.4}",
@@ -8708,7 +8742,8 @@
8708
8742
  "$type": "color"
8709
8743
  },
8710
8744
  "light-high-contrast": "#c93c37",
8711
- "dark-high-contrast": "#c93c37"
8745
+ "dark-high-contrast": "#c93c37",
8746
+ "light-tritanopia": "#ffb8b0"
8712
8747
  }
8713
8748
  },
8714
8749
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -8740,7 +8775,8 @@
8740
8775
  "$type": "color"
8741
8776
  },
8742
8777
  "light-high-contrast": "{base.color.red.5}",
8743
- "dark-high-contrast": "{bgColor.danger.emphasis}"
8778
+ "dark-high-contrast": "{bgColor.danger.emphasis}",
8779
+ "light-tritanopia": "{base.color.red.1}"
8744
8780
  }
8745
8781
  },
8746
8782
  "alpha": 0.4
@@ -8886,6 +8922,8 @@
8886
8922
  "scopes": ["bgColor"]
8887
8923
  },
8888
8924
  "org.primer.overrides": {
8925
+ "light-tritanopia": "#0d1117",
8926
+ "dark-tritanopia": "#212830",
8889
8927
  "light-protanopia-deuteranopia": "#0d1117",
8890
8928
  "dark-protanopia-deuteranopia": "#212830",
8891
8929
  "dark-high-contrast": {
@@ -8909,6 +8947,8 @@
8909
8947
  "scopes": ["bgColor"]
8910
8948
  },
8911
8949
  "org.primer.overrides": {
8950
+ "light-tritanopia": "{base.color.neutral.1}",
8951
+ "dark-tritanopia": "{base.color.neutral.3}",
8912
8952
  "light-protanopia-deuteranopia": "{base.color.neutral.1}",
8913
8953
  "dark-protanopia-deuteranopia": "{base.color.neutral.3}",
8914
8954
  "dark-high-contrast": {
@@ -8964,6 +9004,8 @@
8964
9004
  "scopes": ["bgColor"]
8965
9005
  },
8966
9006
  "org.primer.overrides": {
9007
+ "light-tritanopia": "#3d444d",
9008
+ "dark-tritanopia": "#656c76",
8967
9009
  "light-protanopia-deuteranopia": "#3d444d",
8968
9010
  "dark-protanopia-deuteranopia": "#656c76"
8969
9011
  }
@@ -8980,6 +9022,8 @@
8980
9022
  "scopes": ["bgColor"]
8981
9023
  },
8982
9024
  "org.primer.overrides": {
9025
+ "light-tritanopia": "{base.color.neutral.7}",
9026
+ "dark-tritanopia": "{base.color.neutral.8}",
8983
9027
  "light-protanopia-deuteranopia": "{base.color.neutral.7}",
8984
9028
  "dark-protanopia-deuteranopia": "{base.color.neutral.8}"
8985
9029
  }
@@ -9001,8 +9045,10 @@
9001
9045
  },
9002
9046
  "org.primer.overrides": {
9003
9047
  "dark": "#143d79",
9048
+ "light-tritanopia": "#212830",
9004
9049
  "light-protanopia-deuteranopia": "#212830",
9005
9050
  "dark-protanopia-deuteranopia": "#2f3742",
9051
+ "dark-tritanopia": "#2f3742",
9006
9052
  "dark-high-contrast": {
9007
9053
  "$value": "#4184e4",
9008
9054
  "alpha": 0.4,
@@ -9025,8 +9071,10 @@
9025
9071
  },
9026
9072
  "org.primer.overrides": {
9027
9073
  "dark": "{base.color.blue.8}",
9074
+ "light-tritanopia": "{base.color.neutral.3}",
9028
9075
  "light-protanopia-deuteranopia": "{base.color.neutral.3}",
9029
9076
  "dark-protanopia-deuteranopia": "{base.color.neutral.6}",
9077
+ "dark-tritanopia": "{base.color.neutral.6}",
9030
9078
  "dark-high-contrast": {
9031
9079
  "$value": "{base.color.blue.4}",
9032
9080
  "alpha": 0.4,
@@ -9052,7 +9100,8 @@
9052
9100
  "scopes": ["fgColor"]
9053
9101
  },
9054
9102
  "org.primer.overrides": {
9055
- "light-protanopia-deuteranopia": "#d1d7e0"
9103
+ "light-protanopia-deuteranopia": "#d1d7e0",
9104
+ "light-tritanopia": "#d1d7e0"
9056
9105
  }
9057
9106
  },
9058
9107
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -9067,7 +9116,8 @@
9067
9116
  "scopes": ["fgColor"]
9068
9117
  },
9069
9118
  "org.primer.overrides": {
9070
- "light-protanopia-deuteranopia": "{fgColor.default}"
9119
+ "light-protanopia-deuteranopia": "{fgColor.default}",
9120
+ "light-tritanopia": "{fgColor.default}"
9071
9121
  }
9072
9122
  }
9073
9123
  },
@@ -12362,11 +12412,20 @@
12362
12412
  "collection": "mode",
12363
12413
  "group": "component (internal)",
12364
12414
  "scopes": ["bgColor"]
12415
+ },
12416
+ "org.primer.overrides": {
12417
+ "dark": {
12418
+ "$value": "#151b23",
12419
+ "alpha": 0.95,
12420
+ "filePath": "src/tokens/component/header.json5",
12421
+ "isSource": true,
12422
+ "$type": "color"
12423
+ }
12365
12424
  }
12366
12425
  },
12367
- "alpha": 0.95,
12368
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12426
+ "filePath": "src/tokens/component/header.json5",
12369
12427
  "isSource": true,
12428
+ "alpha": 0.95,
12370
12429
  "original": {
12371
12430
  "$value": "{base.color.neutral.2}",
12372
12431
  "$type": "color",
@@ -12375,6 +12434,15 @@
12375
12434
  "collection": "mode",
12376
12435
  "group": "component (internal)",
12377
12436
  "scopes": ["bgColor"]
12437
+ },
12438
+ "org.primer.overrides": {
12439
+ "dark": {
12440
+ "$value": "{base.color.neutral.2}",
12441
+ "alpha": 0.95,
12442
+ "filePath": "src/tokens/component/header.json5",
12443
+ "isSource": true,
12444
+ "$type": "color"
12445
+ }
12378
12446
  }
12379
12447
  },
12380
12448
  "alpha": 0.95
@@ -12394,7 +12462,7 @@
12394
12462
  "scopes": ["borderColor"]
12395
12463
  }
12396
12464
  },
12397
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12465
+ "filePath": "src/tokens/component/header.json5",
12398
12466
  "isSource": true,
12399
12467
  "original": {
12400
12468
  "$value": "{base.color.neutral.8}",
@@ -12420,10 +12488,13 @@
12420
12488
  "collection": "mode",
12421
12489
  "group": "component (internal)",
12422
12490
  "scopes": ["fgColor"]
12491
+ },
12492
+ "org.primer.overrides": {
12493
+ "dark": "#cdd9e5"
12423
12494
  }
12424
12495
  },
12425
12496
  "alpha": 0.7,
12426
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12497
+ "filePath": "src/tokens/component/header.json5",
12427
12498
  "isSource": true,
12428
12499
  "original": {
12429
12500
  "$value": "{base.color.neutral.13}",
@@ -12433,6 +12504,9 @@
12433
12504
  "collection": "mode",
12434
12505
  "group": "component (internal)",
12435
12506
  "scopes": ["fgColor"]
12507
+ },
12508
+ "org.primer.overrides": {
12509
+ "dark": "{base.color.neutral.13}"
12436
12510
  }
12437
12511
  },
12438
12512
  "alpha": 0.7
@@ -12450,9 +12524,12 @@
12450
12524
  "collection": "mode",
12451
12525
  "group": "component (internal)",
12452
12526
  "scopes": ["fgColor"]
12527
+ },
12528
+ "org.primer.overrides": {
12529
+ "dark": "#f0f6fc"
12453
12530
  }
12454
12531
  },
12455
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12532
+ "filePath": "src/tokens/component/header.json5",
12456
12533
  "isSource": true,
12457
12534
  "original": {
12458
12535
  "$value": "{base.color.neutral.12}",
@@ -12462,6 +12539,9 @@
12462
12539
  "collection": "mode",
12463
12540
  "group": "component (internal)",
12464
12541
  "scopes": ["fgColor"]
12542
+ },
12543
+ "org.primer.overrides": {
12544
+ "dark": "{base.color.neutral.12}"
12465
12545
  }
12466
12546
  }
12467
12547
  },
@@ -12478,9 +12558,12 @@
12478
12558
  "collection": "mode",
12479
12559
  "group": "component (internal)",
12480
12560
  "scopes": ["bgColor"]
12561
+ },
12562
+ "org.primer.overrides": {
12563
+ "dark": "#0d1117"
12481
12564
  }
12482
12565
  },
12483
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12566
+ "filePath": "src/tokens/component/headerSerach.json5",
12484
12567
  "isSource": true,
12485
12568
  "original": {
12486
12569
  "$value": "{base.color.neutral.1}",
@@ -12490,6 +12573,9 @@
12490
12573
  "collection": "mode",
12491
12574
  "group": "component (internal)",
12492
12575
  "scopes": ["bgColor"]
12576
+ },
12577
+ "org.primer.overrides": {
12578
+ "dark": "{base.color.neutral.1}"
12493
12579
  }
12494
12580
  }
12495
12581
  },
@@ -12506,9 +12592,12 @@
12506
12592
  "collection": "mode",
12507
12593
  "group": "component (internal)",
12508
12594
  "scopes": ["borderColor"]
12595
+ },
12596
+ "org.primer.overrides": {
12597
+ "dark": "#2a313c"
12509
12598
  }
12510
12599
  },
12511
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12600
+ "filePath": "src/tokens/component/headerSerach.json5",
12512
12601
  "isSource": true,
12513
12602
  "original": {
12514
12603
  "$value": "{base.color.neutral.5}",
@@ -12518,6 +12607,9 @@
12518
12607
  "collection": "mode",
12519
12608
  "group": "component (internal)",
12520
12609
  "scopes": ["borderColor"]
12610
+ },
12611
+ "org.primer.overrides": {
12612
+ "dark": "{base.color.neutral.5}"
12521
12613
  }
12522
12614
  }
12523
12615
  },
@@ -15797,12 +15889,38 @@
15797
15889
  "overlay-backdrop-bgColor": {
15798
15890
  "$value": "#262c3666",
15799
15891
  "$type": "color",
15892
+ "$extensions": {
15893
+ "org.primer.figma": {
15894
+ "collection": "mode",
15895
+ "group": "component (internal)",
15896
+ "scopes": ["bgColor"]
15897
+ },
15898
+ "org.primer.overrides": {
15899
+ "dark": "#212830",
15900
+ "dark-dimmed": "#262c36",
15901
+ "light-high-contrast": "#d1d7e0",
15902
+ "dark-high-contrast": "#d1d7e0"
15903
+ }
15904
+ },
15800
15905
  "alpha": 0.4,
15801
- "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
15906
+ "filePath": "src/tokens/component/overlay.json5",
15802
15907
  "isSource": true,
15803
15908
  "original": {
15804
15909
  "$value": "{base.color.neutral.4}",
15805
15910
  "$type": "color",
15911
+ "$extensions": {
15912
+ "org.primer.figma": {
15913
+ "collection": "mode",
15914
+ "group": "component (internal)",
15915
+ "scopes": ["bgColor"]
15916
+ },
15917
+ "org.primer.overrides": {
15918
+ "dark": "{base.color.neutral.3}",
15919
+ "dark-dimmed": "{base.color.neutral.4}",
15920
+ "light-high-contrast": "{base.color.neutral.11}",
15921
+ "dark-high-contrast": "{base.color.neutral.11}"
15922
+ }
15923
+ },
15806
15924
  "alpha": 0.4
15807
15925
  },
15808
15926
  "name": "overlay-backdrop-bgColor",
@@ -15813,11 +15931,33 @@
15813
15931
  "overlay-bgColor": {
15814
15932
  "$value": "#2a313c",
15815
15933
  "$type": "color",
15816
- "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
15934
+ "$extensions": {
15935
+ "org.primer.figma": {
15936
+ "collection": "mode",
15937
+ "group": "component (internal)",
15938
+ "scopes": ["bgColor"]
15939
+ },
15940
+ "org.primer.overrides": {
15941
+ "dark": "#262c36",
15942
+ "dark-dimmed": "#2a313c"
15943
+ }
15944
+ },
15945
+ "filePath": "src/tokens/component/overlay.json5",
15817
15946
  "isSource": true,
15818
15947
  "original": {
15819
15948
  "$value": "{base.color.neutral.5}",
15820
- "$type": "color"
15949
+ "$type": "color",
15950
+ "$extensions": {
15951
+ "org.primer.figma": {
15952
+ "collection": "mode",
15953
+ "group": "component (internal)",
15954
+ "scopes": ["bgColor"]
15955
+ },
15956
+ "org.primer.overrides": {
15957
+ "dark": "{bgColor.muted}",
15958
+ "dark-dimmed": "{base.color.neutral.5}"
15959
+ }
15960
+ }
15821
15961
  },
15822
15962
  "name": "overlay-bgColor",
15823
15963
  "attributes": {},
@@ -15827,12 +15967,84 @@
15827
15967
  "overlay-borderColor": {
15828
15968
  "$value": "#3d444db3",
15829
15969
  "$type": "color",
15970
+ "$extensions": {
15971
+ "org.primer.figma": {
15972
+ "collection": "mode",
15973
+ "group": "component (internal)"
15974
+ },
15975
+ "org.primer.overrides": {
15976
+ "dark": {
15977
+ "alpha": 1,
15978
+ "$value": "#3d444db3",
15979
+ "filePath": "src/tokens/component/overlay.json5",
15980
+ "isSource": true,
15981
+ "$type": "color"
15982
+ },
15983
+ "dark-dimmed": {
15984
+ "$value": "#3d444d",
15985
+ "alpha": 0.7,
15986
+ "filePath": "src/tokens/component/overlay.json5",
15987
+ "isSource": true,
15988
+ "$type": "color"
15989
+ },
15990
+ "light-high-contrast": {
15991
+ "alpha": 1,
15992
+ "$value": "#3d444d",
15993
+ "filePath": "src/tokens/component/overlay.json5",
15994
+ "isSource": true,
15995
+ "$type": "color"
15996
+ },
15997
+ "dark-high-contrast": {
15998
+ "$value": "#3d444d",
15999
+ "alpha": 1,
16000
+ "filePath": "src/tokens/component/overlay.json5",
16001
+ "isSource": true,
16002
+ "$type": "color"
16003
+ }
16004
+ }
16005
+ },
15830
16006
  "alpha": 0.7,
15831
- "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
16007
+ "filePath": "src/tokens/component/overlay.json5",
15832
16008
  "isSource": true,
15833
16009
  "original": {
15834
16010
  "$value": "{base.color.neutral.7}",
15835
16011
  "$type": "color",
16012
+ "$extensions": {
16013
+ "org.primer.figma": {
16014
+ "collection": "mode",
16015
+ "group": "component (internal)"
16016
+ },
16017
+ "org.primer.overrides": {
16018
+ "dark": {
16019
+ "alpha": 1,
16020
+ "$value": "{borderColor.muted}",
16021
+ "filePath": "src/tokens/component/overlay.json5",
16022
+ "isSource": true,
16023
+ "$type": "color"
16024
+ },
16025
+ "dark-dimmed": {
16026
+ "$value": "{base.color.neutral.7}",
16027
+ "alpha": 0.7,
16028
+ "filePath": "src/tokens/component/overlay.json5",
16029
+ "isSource": true,
16030
+ "$type": "color"
16031
+ },
16032
+ "light-high-contrast": {
16033
+ "alpha": 1,
16034
+ "$value": "{borderColor.default}",
16035
+ "filePath": "src/tokens/component/overlay.json5",
16036
+ "isSource": true,
16037
+ "$type": "color"
16038
+ },
16039
+ "dark-high-contrast": {
16040
+ "$value": "{borderColor.default}",
16041
+ "alpha": 1,
16042
+ "filePath": "src/tokens/component/overlay.json5",
16043
+ "isSource": true,
16044
+ "$type": "color"
16045
+ }
16046
+ }
16047
+ },
15836
16048
  "alpha": 0.7
15837
16049
  },
15838
16050
  "name": "overlay-borderColor",
@@ -15848,9 +16060,12 @@
15848
16060
  "collection": "mode",
15849
16061
  "group": "component",
15850
16062
  "scopes": ["bgColor"]
16063
+ },
16064
+ "org.primer.overrides": {
16065
+ "dark": "#212830"
15851
16066
  }
15852
16067
  },
15853
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
16068
+ "filePath": "src/tokens/component/page.json5",
15854
16069
  "isSource": true,
15855
16070
  "original": {
15856
16071
  "$value": "{bgColor.default}",
@@ -15860,6 +16075,9 @@
15860
16075
  "collection": "mode",
15861
16076
  "group": "component",
15862
16077
  "scopes": ["bgColor"]
16078
+ },
16079
+ "org.primer.overrides": {
16080
+ "dark": "{bgColor.default}"
15863
16081
  }
15864
16082
  }
15865
16083
  },
@@ -15871,12 +16089,74 @@
15871
16089
  "reactionButton-selected-bgColor-hover": {
15872
16090
  "$value": "#4285e55c",
15873
16091
  "$type": "color",
15874
- "alpha": 0.36,
15875
- "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
16092
+ "$extensions": {
16093
+ "org.primer.figma": {
16094
+ "collection": "mode",
16095
+ "group": "component (internal)",
16096
+ "scopes": ["bgColor"]
16097
+ },
16098
+ "org.primer.overrides": {
16099
+ "dark": {
16100
+ "$value": "#3a8cfd",
16101
+ "alpha": 0.36,
16102
+ "filePath": "src/tokens/component/reactionButton.json5",
16103
+ "isSource": true,
16104
+ "$type": "color"
16105
+ },
16106
+ "dark-dimmed": {
16107
+ "$value": "#4285e5",
16108
+ "alpha": 0.36,
16109
+ "filePath": "src/tokens/component/reactionButton.json5",
16110
+ "isSource": true,
16111
+ "$type": "color"
16112
+ },
16113
+ "light-high-contrast": "#c7e9ff",
16114
+ "dark-high-contrast": {
16115
+ "$value": "#5dadff",
16116
+ "alpha": 0.36,
16117
+ "filePath": "src/tokens/component/reactionButton.json5",
16118
+ "isSource": true,
16119
+ "$type": "color"
16120
+ }
16121
+ }
16122
+ },
16123
+ "filePath": "src/tokens/component/reactionButton.json5",
15876
16124
  "isSource": true,
16125
+ "alpha": 0.36,
15877
16126
  "original": {
15878
16127
  "$value": "#4285e5",
15879
16128
  "$type": "color",
16129
+ "$extensions": {
16130
+ "org.primer.figma": {
16131
+ "collection": "mode",
16132
+ "group": "component (internal)",
16133
+ "scopes": ["bgColor"]
16134
+ },
16135
+ "org.primer.overrides": {
16136
+ "dark": {
16137
+ "$value": "#3a8cfd",
16138
+ "alpha": 0.36,
16139
+ "filePath": "src/tokens/component/reactionButton.json5",
16140
+ "isSource": true,
16141
+ "$type": "color"
16142
+ },
16143
+ "dark-dimmed": {
16144
+ "$value": "#4285e5",
16145
+ "alpha": 0.36,
16146
+ "filePath": "src/tokens/component/reactionButton.json5",
16147
+ "isSource": true,
16148
+ "$type": "color"
16149
+ },
16150
+ "light-high-contrast": "#c7e9ff",
16151
+ "dark-high-contrast": {
16152
+ "$value": "#5dadff",
16153
+ "alpha": 0.36,
16154
+ "filePath": "src/tokens/component/reactionButton.json5",
16155
+ "isSource": true,
16156
+ "$type": "color"
16157
+ }
16158
+ }
16159
+ },
15880
16160
  "alpha": 0.36
15881
16161
  },
15882
16162
  "name": "reactionButton-selected-bgColor-hover",
@@ -15892,11 +16172,20 @@
15892
16172
  "collection": "mode",
15893
16173
  "group": "component (internal)",
15894
16174
  "scopes": ["bgColor"]
16175
+ },
16176
+ "org.primer.overrides": {
16177
+ "dark": {
16178
+ "$value": "#4184e4",
16179
+ "alpha": 0.2,
16180
+ "filePath": "src/tokens/component/reactionButton.json5",
16181
+ "isSource": true,
16182
+ "$type": "color"
16183
+ }
15895
16184
  }
15896
16185
  },
15897
- "alpha": 0.2,
15898
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16186
+ "filePath": "src/tokens/component/reactionButton.json5",
15899
16187
  "isSource": true,
16188
+ "alpha": 0.2,
15900
16189
  "original": {
15901
16190
  "$value": "{base.color.blue.4}",
15902
16191
  "$type": "color",
@@ -15905,6 +16194,15 @@
15905
16194
  "collection": "mode",
15906
16195
  "group": "component (internal)",
15907
16196
  "scopes": ["bgColor"]
16197
+ },
16198
+ "org.primer.overrides": {
16199
+ "dark": {
16200
+ "$value": "{base.color.blue.4}",
16201
+ "alpha": 0.2,
16202
+ "filePath": "src/tokens/component/reactionButton.json5",
16203
+ "isSource": true,
16204
+ "$type": "color"
16205
+ }
15908
16206
  }
15909
16207
  },
15910
16208
  "alpha": 0.2
@@ -15922,9 +16220,12 @@
15922
16220
  "collection": "mode",
15923
16221
  "group": "component (internal)",
15924
16222
  "scopes": ["fgColor"]
16223
+ },
16224
+ "org.primer.overrides": {
16225
+ "dark": "#6cb6ff"
15925
16226
  }
15926
16227
  },
15927
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16228
+ "filePath": "src/tokens/component/reactionButton.json5",
15928
16229
  "isSource": true,
15929
16230
  "original": {
15930
16231
  "$value": "{base.color.blue.2}",
@@ -15934,6 +16235,9 @@
15934
16235
  "collection": "mode",
15935
16236
  "group": "component (internal)",
15936
16237
  "scopes": ["fgColor"]
16238
+ },
16239
+ "org.primer.overrides": {
16240
+ "dark": "{base.color.blue.2}"
15937
16241
  }
15938
16242
  }
15939
16243
  },
@@ -15952,7 +16256,7 @@
15952
16256
  "scopes": ["fgColor"]
15953
16257
  }
15954
16258
  },
15955
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16259
+ "filePath": "src/tokens/component/reactionButton.json5",
15956
16260
  "isSource": true,
15957
16261
  "original": {
15958
16262
  "$value": "{fgColor.link}",
@@ -16478,10 +16782,29 @@
16478
16782
  "collection": "mode",
16479
16783
  "group": "component",
16480
16784
  "scopes": ["bgColor"]
16785
+ },
16786
+ "org.primer.overrides": {
16787
+ "dark": {
16788
+ "alpha": 0.2
16789
+ },
16790
+ "light-high-contrast": {
16791
+ "$value": "#2a313c",
16792
+ "alpha": 1,
16793
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16794
+ "isSource": true,
16795
+ "$type": "color"
16796
+ },
16797
+ "dark-high-contrast": {
16798
+ "$value": "#2a313c",
16799
+ "alpha": 1,
16800
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16801
+ "isSource": true,
16802
+ "$type": "color"
16803
+ }
16481
16804
  }
16482
16805
  },
16483
16806
  "alpha": 0.2,
16484
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16807
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16485
16808
  "isSource": true,
16486
16809
  "original": {
16487
16810
  "$value": "{base.color.neutral.8}",
@@ -16491,6 +16814,25 @@
16491
16814
  "collection": "mode",
16492
16815
  "group": "component",
16493
16816
  "scopes": ["bgColor"]
16817
+ },
16818
+ "org.primer.overrides": {
16819
+ "dark": {
16820
+ "alpha": 0.2
16821
+ },
16822
+ "light-high-contrast": {
16823
+ "$value": "{base.color.neutral.5}",
16824
+ "alpha": 1,
16825
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16826
+ "isSource": true,
16827
+ "$type": "color"
16828
+ },
16829
+ "dark-high-contrast": {
16830
+ "$value": "{base.color.neutral.5}",
16831
+ "alpha": 1,
16832
+ "filePath": "src/tokens/component/skeletonLoader.json5",
16833
+ "isSource": true,
16834
+ "$type": "color"
16835
+ }
16494
16836
  }
16495
16837
  },
16496
16838
  "alpha": 0.2
@@ -16503,11 +16845,33 @@
16503
16845
  "timelineBadge-bgColor": {
16504
16846
  "$value": "#262c36",
16505
16847
  "$type": "color",
16506
- "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
16848
+ "$extensions": {
16849
+ "org.primer.figma": {
16850
+ "collection": "mode",
16851
+ "group": "component (internal)",
16852
+ "scopes": ["bgColor"]
16853
+ },
16854
+ "org.primer.overrides": {
16855
+ "dark": "#212830",
16856
+ "dark-dimmed": "#262c36"
16857
+ }
16858
+ },
16859
+ "filePath": "src/tokens/component/timelineBadge.json5",
16507
16860
  "isSource": true,
16508
16861
  "original": {
16509
16862
  "$value": "{base.color.neutral.4}",
16510
- "$type": "color"
16863
+ "$type": "color",
16864
+ "$extensions": {
16865
+ "org.primer.figma": {
16866
+ "collection": "mode",
16867
+ "group": "component (internal)",
16868
+ "scopes": ["bgColor"]
16869
+ },
16870
+ "org.primer.overrides": {
16871
+ "dark": "{base.color.neutral.3}",
16872
+ "dark-dimmed": "{base.color.neutral.4}"
16873
+ }
16874
+ }
16511
16875
  },
16512
16876
  "name": "timelineBadge-bgColor",
16513
16877
  "attributes": {},