@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
@@ -8892,6 +8892,14 @@
8892
8892
  "$type": "color"
8893
8893
  },
8894
8894
  "light-protanopia-deuteranopia": "#a5d6ff",
8895
+ "light-tritanopia": "#a5d6ff",
8896
+ "dark-tritanopia": {
8897
+ "$value": "#58a6ff",
8898
+ "alpha": 0.3,
8899
+ "filePath": "src/tokens/component/diffBlob.json5",
8900
+ "isSource": true,
8901
+ "$type": "color"
8902
+ },
8895
8903
  "dark-protanopia-deuteranopia": {
8896
8904
  "$value": "#58a6ff",
8897
8905
  "alpha": 0.3,
@@ -8922,6 +8930,14 @@
8922
8930
  "$type": "color"
8923
8931
  },
8924
8932
  "light-protanopia-deuteranopia": "{base.color.blue.1}",
8933
+ "light-tritanopia": "{base.color.blue.1}",
8934
+ "dark-tritanopia": {
8935
+ "$value": "{base.color.blue.3}",
8936
+ "alpha": 0.3,
8937
+ "filePath": "src/tokens/component/diffBlob.json5",
8938
+ "isSource": true,
8939
+ "$type": "color"
8940
+ },
8925
8941
  "dark-protanopia-deuteranopia": {
8926
8942
  "$value": "{base.color.blue.3}",
8927
8943
  "alpha": 0.3,
@@ -8992,7 +9008,15 @@
8992
9008
  "$type": "color"
8993
9009
  },
8994
9010
  "light-high-contrast": "#238636",
8995
- "dark-high-contrast": "#238636"
9011
+ "dark-high-contrast": "#238636",
9012
+ "light-tritanopia": "#a5d6ff",
9013
+ "dark-tritanopia": {
9014
+ "$value": "#388bfd",
9015
+ "alpha": 0.4,
9016
+ "filePath": "src/tokens/component/diffBlob.json5",
9017
+ "isSource": true,
9018
+ "$type": "color"
9019
+ }
8996
9020
  }
8997
9021
  },
8998
9022
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -9024,7 +9048,15 @@
9024
9048
  "$type": "color"
9025
9049
  },
9026
9050
  "light-high-contrast": "{base.color.green.5}",
9027
- "dark-high-contrast": "{bgColor.success.emphasis}"
9051
+ "dark-high-contrast": "{bgColor.success.emphasis}",
9052
+ "light-tritanopia": "{base.color.blue.1}",
9053
+ "dark-tritanopia": {
9054
+ "$value": "{base.color.blue.4}",
9055
+ "alpha": 0.4,
9056
+ "filePath": "src/tokens/component/diffBlob.json5",
9057
+ "isSource": true,
9058
+ "$type": "color"
9059
+ }
9028
9060
  }
9029
9061
  },
9030
9062
  "alpha": 0.4
@@ -9179,6 +9211,7 @@
9179
9211
  "isSource": true,
9180
9212
  "$type": "color"
9181
9213
  },
9214
+ "light-tritanopia": "#ffc1ba",
9182
9215
  "light-protanopia-deuteranopia": "#ffc680",
9183
9216
  "dark-protanopia-deuteranopia": {
9184
9217
  "$value": "#db6d28",
@@ -9209,6 +9242,7 @@
9209
9242
  "isSource": true,
9210
9243
  "$type": "color"
9211
9244
  },
9245
+ "light-tritanopia": "{base.color.red.1}",
9212
9246
  "light-protanopia-deuteranopia": "{base.color.orange.1}",
9213
9247
  "dark-protanopia-deuteranopia": {
9214
9248
  "$value": "{base.color.orange.4}",
@@ -9280,7 +9314,8 @@
9280
9314
  "$type": "color"
9281
9315
  },
9282
9316
  "light-high-contrast": "#da3633",
9283
- "dark-high-contrast": "#da3633"
9317
+ "dark-high-contrast": "#da3633",
9318
+ "light-tritanopia": "#ffc1ba"
9284
9319
  }
9285
9320
  },
9286
9321
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -9312,7 +9347,8 @@
9312
9347
  "$type": "color"
9313
9348
  },
9314
9349
  "light-high-contrast": "{base.color.red.5}",
9315
- "dark-high-contrast": "{bgColor.danger.emphasis}"
9350
+ "dark-high-contrast": "{bgColor.danger.emphasis}",
9351
+ "light-tritanopia": "{base.color.red.1}"
9316
9352
  }
9317
9353
  },
9318
9354
  "alpha": 0.4
@@ -9458,6 +9494,8 @@
9458
9494
  "scopes": ["bgColor"]
9459
9495
  },
9460
9496
  "org.primer.overrides": {
9497
+ "light-tritanopia": "#0d1117",
9498
+ "dark-tritanopia": "#212830",
9461
9499
  "light-protanopia-deuteranopia": "#0d1117",
9462
9500
  "dark-protanopia-deuteranopia": "#212830",
9463
9501
  "dark-high-contrast": {
@@ -9481,6 +9519,8 @@
9481
9519
  "scopes": ["bgColor"]
9482
9520
  },
9483
9521
  "org.primer.overrides": {
9522
+ "light-tritanopia": "{base.color.neutral.1}",
9523
+ "dark-tritanopia": "{base.color.neutral.3}",
9484
9524
  "light-protanopia-deuteranopia": "{base.color.neutral.1}",
9485
9525
  "dark-protanopia-deuteranopia": "{base.color.neutral.3}",
9486
9526
  "dark-high-contrast": {
@@ -9536,6 +9576,8 @@
9536
9576
  "scopes": ["bgColor"]
9537
9577
  },
9538
9578
  "org.primer.overrides": {
9579
+ "light-tritanopia": "#3d444d",
9580
+ "dark-tritanopia": "#656c76",
9539
9581
  "light-protanopia-deuteranopia": "#3d444d",
9540
9582
  "dark-protanopia-deuteranopia": "#656c76"
9541
9583
  }
@@ -9552,6 +9594,8 @@
9552
9594
  "scopes": ["bgColor"]
9553
9595
  },
9554
9596
  "org.primer.overrides": {
9597
+ "light-tritanopia": "{base.color.neutral.7}",
9598
+ "dark-tritanopia": "{base.color.neutral.8}",
9555
9599
  "light-protanopia-deuteranopia": "{base.color.neutral.7}",
9556
9600
  "dark-protanopia-deuteranopia": "{base.color.neutral.8}"
9557
9601
  }
@@ -9573,8 +9617,10 @@
9573
9617
  },
9574
9618
  "org.primer.overrides": {
9575
9619
  "dark": "#0c2d6b",
9620
+ "light-tritanopia": "#212830",
9576
9621
  "light-protanopia-deuteranopia": "#212830",
9577
9622
  "dark-protanopia-deuteranopia": "#2f3742",
9623
+ "dark-tritanopia": "#2f3742",
9578
9624
  "dark-high-contrast": {
9579
9625
  "$value": "#388bfd",
9580
9626
  "alpha": 0.4,
@@ -9597,8 +9643,10 @@
9597
9643
  },
9598
9644
  "org.primer.overrides": {
9599
9645
  "dark": "{base.color.blue.8}",
9646
+ "light-tritanopia": "{base.color.neutral.3}",
9600
9647
  "light-protanopia-deuteranopia": "{base.color.neutral.3}",
9601
9648
  "dark-protanopia-deuteranopia": "{base.color.neutral.6}",
9649
+ "dark-tritanopia": "{base.color.neutral.6}",
9602
9650
  "dark-high-contrast": {
9603
9651
  "$value": "{base.color.blue.4}",
9604
9652
  "alpha": 0.4,
@@ -9624,7 +9672,8 @@
9624
9672
  "scopes": ["fgColor"]
9625
9673
  },
9626
9674
  "org.primer.overrides": {
9627
- "light-protanopia-deuteranopia": "#f0f6fc"
9675
+ "light-protanopia-deuteranopia": "#f0f6fc",
9676
+ "light-tritanopia": "#f0f6fc"
9628
9677
  }
9629
9678
  },
9630
9679
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -9639,7 +9688,8 @@
9639
9688
  "scopes": ["fgColor"]
9640
9689
  },
9641
9690
  "org.primer.overrides": {
9642
- "light-protanopia-deuteranopia": "{fgColor.default}"
9691
+ "light-protanopia-deuteranopia": "{fgColor.default}",
9692
+ "light-tritanopia": "{fgColor.default}"
9643
9693
  }
9644
9694
  }
9645
9695
  },
@@ -13008,11 +13058,20 @@
13008
13058
  "collection": "mode",
13009
13059
  "group": "component (internal)",
13010
13060
  "scopes": ["bgColor"]
13061
+ },
13062
+ "org.primer.overrides": {
13063
+ "dark": {
13064
+ "$value": "#151b23",
13065
+ "alpha": 0.95,
13066
+ "filePath": "src/tokens/component/header.json5",
13067
+ "isSource": true,
13068
+ "$type": "color"
13069
+ }
13011
13070
  }
13012
13071
  },
13013
- "alpha": 0.95,
13014
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13072
+ "filePath": "src/tokens/component/header.json5",
13015
13073
  "isSource": true,
13074
+ "alpha": 0.95,
13016
13075
  "original": {
13017
13076
  "$value": "{base.color.neutral.2}",
13018
13077
  "$type": "color",
@@ -13021,6 +13080,15 @@
13021
13080
  "collection": "mode",
13022
13081
  "group": "component (internal)",
13023
13082
  "scopes": ["bgColor"]
13083
+ },
13084
+ "org.primer.overrides": {
13085
+ "dark": {
13086
+ "$value": "{base.color.neutral.2}",
13087
+ "alpha": 0.95,
13088
+ "filePath": "src/tokens/component/header.json5",
13089
+ "isSource": true,
13090
+ "$type": "color"
13091
+ }
13024
13092
  }
13025
13093
  },
13026
13094
  "alpha": 0.95
@@ -13040,7 +13108,7 @@
13040
13108
  "scopes": ["borderColor"]
13041
13109
  }
13042
13110
  },
13043
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13111
+ "filePath": "src/tokens/component/header.json5",
13044
13112
  "isSource": true,
13045
13113
  "original": {
13046
13114
  "$value": "{base.color.neutral.8}",
@@ -13066,10 +13134,13 @@
13066
13134
  "collection": "mode",
13067
13135
  "group": "component (internal)",
13068
13136
  "scopes": ["fgColor"]
13137
+ },
13138
+ "org.primer.overrides": {
13139
+ "dark": "#ffffff"
13069
13140
  }
13070
13141
  },
13071
13142
  "alpha": 0.7,
13072
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13143
+ "filePath": "src/tokens/component/header.json5",
13073
13144
  "isSource": true,
13074
13145
  "original": {
13075
13146
  "$value": "{base.color.neutral.13}",
@@ -13079,6 +13150,9 @@
13079
13150
  "collection": "mode",
13080
13151
  "group": "component (internal)",
13081
13152
  "scopes": ["fgColor"]
13153
+ },
13154
+ "org.primer.overrides": {
13155
+ "dark": "{base.color.neutral.13}"
13082
13156
  }
13083
13157
  },
13084
13158
  "alpha": 0.7
@@ -13096,9 +13170,12 @@
13096
13170
  "collection": "mode",
13097
13171
  "group": "component (internal)",
13098
13172
  "scopes": ["fgColor"]
13173
+ },
13174
+ "org.primer.overrides": {
13175
+ "dark": "#f0f6fc"
13099
13176
  }
13100
13177
  },
13101
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13178
+ "filePath": "src/tokens/component/header.json5",
13102
13179
  "isSource": true,
13103
13180
  "original": {
13104
13181
  "$value": "{base.color.neutral.12}",
@@ -13108,6 +13185,9 @@
13108
13185
  "collection": "mode",
13109
13186
  "group": "component (internal)",
13110
13187
  "scopes": ["fgColor"]
13188
+ },
13189
+ "org.primer.overrides": {
13190
+ "dark": "{base.color.neutral.12}"
13111
13191
  }
13112
13192
  }
13113
13193
  },
@@ -13124,9 +13204,12 @@
13124
13204
  "collection": "mode",
13125
13205
  "group": "component (internal)",
13126
13206
  "scopes": ["bgColor"]
13207
+ },
13208
+ "org.primer.overrides": {
13209
+ "dark": "#0d1117"
13127
13210
  }
13128
13211
  },
13129
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13212
+ "filePath": "src/tokens/component/headerSerach.json5",
13130
13213
  "isSource": true,
13131
13214
  "original": {
13132
13215
  "$value": "{base.color.neutral.1}",
@@ -13136,6 +13219,9 @@
13136
13219
  "collection": "mode",
13137
13220
  "group": "component (internal)",
13138
13221
  "scopes": ["bgColor"]
13222
+ },
13223
+ "org.primer.overrides": {
13224
+ "dark": "{base.color.neutral.1}"
13139
13225
  }
13140
13226
  }
13141
13227
  },
@@ -13152,9 +13238,12 @@
13152
13238
  "collection": "mode",
13153
13239
  "group": "component (internal)",
13154
13240
  "scopes": ["borderColor"]
13241
+ },
13242
+ "org.primer.overrides": {
13243
+ "dark": "#2a313c"
13155
13244
  }
13156
13245
  },
13157
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
13246
+ "filePath": "src/tokens/component/headerSerach.json5",
13158
13247
  "isSource": true,
13159
13248
  "original": {
13160
13249
  "$value": "{base.color.neutral.5}",
@@ -13164,6 +13253,9 @@
13164
13253
  "collection": "mode",
13165
13254
  "group": "component (internal)",
13166
13255
  "scopes": ["borderColor"]
13256
+ },
13257
+ "org.primer.overrides": {
13258
+ "dark": "{base.color.neutral.5}"
13167
13259
  }
13168
13260
  }
13169
13261
  },
@@ -16448,10 +16540,16 @@
16448
16540
  "collection": "mode",
16449
16541
  "group": "component (internal)",
16450
16542
  "scopes": ["bgColor"]
16543
+ },
16544
+ "org.primer.overrides": {
16545
+ "dark": "#212830",
16546
+ "dark-dimmed": "#262c36",
16547
+ "light-high-contrast": "#d1d7e0",
16548
+ "dark-high-contrast": "#d1d7e0"
16451
16549
  }
16452
16550
  },
16453
16551
  "alpha": 0.4,
16454
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16552
+ "filePath": "src/tokens/component/overlay.json5",
16455
16553
  "isSource": true,
16456
16554
  "original": {
16457
16555
  "$value": "{base.color.neutral.3}",
@@ -16461,6 +16559,12 @@
16461
16559
  "collection": "mode",
16462
16560
  "group": "component (internal)",
16463
16561
  "scopes": ["bgColor"]
16562
+ },
16563
+ "org.primer.overrides": {
16564
+ "dark": "{base.color.neutral.3}",
16565
+ "dark-dimmed": "{base.color.neutral.4}",
16566
+ "light-high-contrast": "{base.color.neutral.11}",
16567
+ "dark-high-contrast": "{base.color.neutral.11}"
16464
16568
  }
16465
16569
  },
16466
16570
  "alpha": 0.4
@@ -16478,9 +16582,13 @@
16478
16582
  "collection": "mode",
16479
16583
  "group": "component (internal)",
16480
16584
  "scopes": ["bgColor"]
16585
+ },
16586
+ "org.primer.overrides": {
16587
+ "dark": "#151b23",
16588
+ "dark-dimmed": "#2a313c"
16481
16589
  }
16482
16590
  },
16483
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16591
+ "filePath": "src/tokens/component/overlay.json5",
16484
16592
  "isSource": true,
16485
16593
  "original": {
16486
16594
  "$value": "{bgColor.muted}",
@@ -16490,6 +16598,10 @@
16490
16598
  "collection": "mode",
16491
16599
  "group": "component (internal)",
16492
16600
  "scopes": ["bgColor"]
16601
+ },
16602
+ "org.primer.overrides": {
16603
+ "dark": "{bgColor.muted}",
16604
+ "dark-dimmed": "{base.color.neutral.5}"
16493
16605
  }
16494
16606
  }
16495
16607
  },
@@ -16505,9 +16617,40 @@
16505
16617
  "org.primer.figma": {
16506
16618
  "collection": "mode",
16507
16619
  "group": "component (internal)"
16620
+ },
16621
+ "org.primer.overrides": {
16622
+ "dark": {
16623
+ "alpha": 1,
16624
+ "$value": "#3d444db3",
16625
+ "filePath": "src/tokens/component/overlay.json5",
16626
+ "isSource": true,
16627
+ "$type": "color"
16628
+ },
16629
+ "dark-dimmed": {
16630
+ "$value": "#3d444d",
16631
+ "alpha": 0.7,
16632
+ "filePath": "src/tokens/component/overlay.json5",
16633
+ "isSource": true,
16634
+ "$type": "color"
16635
+ },
16636
+ "light-high-contrast": {
16637
+ "alpha": 1,
16638
+ "$value": "#3d444d",
16639
+ "filePath": "src/tokens/component/overlay.json5",
16640
+ "isSource": true,
16641
+ "$type": "color"
16642
+ },
16643
+ "dark-high-contrast": {
16644
+ "$value": "#3d444d",
16645
+ "alpha": 1,
16646
+ "filePath": "src/tokens/component/overlay.json5",
16647
+ "isSource": true,
16648
+ "$type": "color"
16649
+ }
16508
16650
  }
16509
16651
  },
16510
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16652
+ "alpha": 1,
16653
+ "filePath": "src/tokens/component/overlay.json5",
16511
16654
  "isSource": true,
16512
16655
  "original": {
16513
16656
  "$value": "{borderColor.muted}",
@@ -16516,8 +16659,39 @@
16516
16659
  "org.primer.figma": {
16517
16660
  "collection": "mode",
16518
16661
  "group": "component (internal)"
16662
+ },
16663
+ "org.primer.overrides": {
16664
+ "dark": {
16665
+ "alpha": 1,
16666
+ "$value": "{borderColor.muted}",
16667
+ "filePath": "src/tokens/component/overlay.json5",
16668
+ "isSource": true,
16669
+ "$type": "color"
16670
+ },
16671
+ "dark-dimmed": {
16672
+ "$value": "{base.color.neutral.7}",
16673
+ "alpha": 0.7,
16674
+ "filePath": "src/tokens/component/overlay.json5",
16675
+ "isSource": true,
16676
+ "$type": "color"
16677
+ },
16678
+ "light-high-contrast": {
16679
+ "alpha": 1,
16680
+ "$value": "{borderColor.default}",
16681
+ "filePath": "src/tokens/component/overlay.json5",
16682
+ "isSource": true,
16683
+ "$type": "color"
16684
+ },
16685
+ "dark-high-contrast": {
16686
+ "$value": "{borderColor.default}",
16687
+ "alpha": 1,
16688
+ "filePath": "src/tokens/component/overlay.json5",
16689
+ "isSource": true,
16690
+ "$type": "color"
16691
+ }
16519
16692
  }
16520
- }
16693
+ },
16694
+ "alpha": 1
16521
16695
  },
16522
16696
  "name": "overlay-borderColor",
16523
16697
  "attributes": {},
@@ -16532,9 +16706,12 @@
16532
16706
  "collection": "mode",
16533
16707
  "group": "component",
16534
16708
  "scopes": ["bgColor"]
16709
+ },
16710
+ "org.primer.overrides": {
16711
+ "dark": "#0d1117"
16535
16712
  }
16536
16713
  },
16537
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
16714
+ "filePath": "src/tokens/component/page.json5",
16538
16715
  "isSource": true,
16539
16716
  "original": {
16540
16717
  "$value": "{bgColor.default}",
@@ -16544,6 +16721,9 @@
16544
16721
  "collection": "mode",
16545
16722
  "group": "component",
16546
16723
  "scopes": ["bgColor"]
16724
+ },
16725
+ "org.primer.overrides": {
16726
+ "dark": "{bgColor.default}"
16547
16727
  }
16548
16728
  }
16549
16729
  },
@@ -16560,11 +16740,35 @@
16560
16740
  "collection": "mode",
16561
16741
  "group": "component (internal)",
16562
16742
  "scopes": ["bgColor"]
16743
+ },
16744
+ "org.primer.overrides": {
16745
+ "dark": {
16746
+ "$value": "#3a8cfd",
16747
+ "alpha": 0.36,
16748
+ "filePath": "src/tokens/component/reactionButton.json5",
16749
+ "isSource": true,
16750
+ "$type": "color"
16751
+ },
16752
+ "dark-dimmed": {
16753
+ "$value": "#4285e5",
16754
+ "alpha": 0.36,
16755
+ "filePath": "src/tokens/component/reactionButton.json5",
16756
+ "isSource": true,
16757
+ "$type": "color"
16758
+ },
16759
+ "light-high-contrast": "#c7e9ff",
16760
+ "dark-high-contrast": {
16761
+ "$value": "#5dadff",
16762
+ "alpha": 0.36,
16763
+ "filePath": "src/tokens/component/reactionButton.json5",
16764
+ "isSource": true,
16765
+ "$type": "color"
16766
+ }
16563
16767
  }
16564
16768
  },
16565
- "alpha": 0.36,
16566
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16769
+ "filePath": "src/tokens/component/reactionButton.json5",
16567
16770
  "isSource": true,
16771
+ "alpha": 0.36,
16568
16772
  "original": {
16569
16773
  "$value": "#3a8cfd",
16570
16774
  "$type": "color",
@@ -16573,6 +16777,30 @@
16573
16777
  "collection": "mode",
16574
16778
  "group": "component (internal)",
16575
16779
  "scopes": ["bgColor"]
16780
+ },
16781
+ "org.primer.overrides": {
16782
+ "dark": {
16783
+ "$value": "#3a8cfd",
16784
+ "alpha": 0.36,
16785
+ "filePath": "src/tokens/component/reactionButton.json5",
16786
+ "isSource": true,
16787
+ "$type": "color"
16788
+ },
16789
+ "dark-dimmed": {
16790
+ "$value": "#4285e5",
16791
+ "alpha": 0.36,
16792
+ "filePath": "src/tokens/component/reactionButton.json5",
16793
+ "isSource": true,
16794
+ "$type": "color"
16795
+ },
16796
+ "light-high-contrast": "#c7e9ff",
16797
+ "dark-high-contrast": {
16798
+ "$value": "#5dadff",
16799
+ "alpha": 0.36,
16800
+ "filePath": "src/tokens/component/reactionButton.json5",
16801
+ "isSource": true,
16802
+ "$type": "color"
16803
+ }
16576
16804
  }
16577
16805
  },
16578
16806
  "alpha": 0.36
@@ -16590,11 +16818,20 @@
16590
16818
  "collection": "mode",
16591
16819
  "group": "component (internal)",
16592
16820
  "scopes": ["bgColor"]
16821
+ },
16822
+ "org.primer.overrides": {
16823
+ "dark": {
16824
+ "$value": "#388bfd",
16825
+ "alpha": 0.2,
16826
+ "filePath": "src/tokens/component/reactionButton.json5",
16827
+ "isSource": true,
16828
+ "$type": "color"
16829
+ }
16593
16830
  }
16594
16831
  },
16595
- "alpha": 0.2,
16596
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16832
+ "filePath": "src/tokens/component/reactionButton.json5",
16597
16833
  "isSource": true,
16834
+ "alpha": 0.2,
16598
16835
  "original": {
16599
16836
  "$value": "{base.color.blue.4}",
16600
16837
  "$type": "color",
@@ -16603,6 +16840,15 @@
16603
16840
  "collection": "mode",
16604
16841
  "group": "component (internal)",
16605
16842
  "scopes": ["bgColor"]
16843
+ },
16844
+ "org.primer.overrides": {
16845
+ "dark": {
16846
+ "$value": "{base.color.blue.4}",
16847
+ "alpha": 0.2,
16848
+ "filePath": "src/tokens/component/reactionButton.json5",
16849
+ "isSource": true,
16850
+ "$type": "color"
16851
+ }
16606
16852
  }
16607
16853
  },
16608
16854
  "alpha": 0.2
@@ -16620,9 +16866,12 @@
16620
16866
  "collection": "mode",
16621
16867
  "group": "component (internal)",
16622
16868
  "scopes": ["fgColor"]
16869
+ },
16870
+ "org.primer.overrides": {
16871
+ "dark": "#79c0ff"
16623
16872
  }
16624
16873
  },
16625
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16874
+ "filePath": "src/tokens/component/reactionButton.json5",
16626
16875
  "isSource": true,
16627
16876
  "original": {
16628
16877
  "$value": "{base.color.blue.2}",
@@ -16632,6 +16881,9 @@
16632
16881
  "collection": "mode",
16633
16882
  "group": "component (internal)",
16634
16883
  "scopes": ["fgColor"]
16884
+ },
16885
+ "org.primer.overrides": {
16886
+ "dark": "{base.color.blue.2}"
16635
16887
  }
16636
16888
  }
16637
16889
  },
@@ -16650,7 +16902,7 @@
16650
16902
  "scopes": ["fgColor"]
16651
16903
  }
16652
16904
  },
16653
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
16905
+ "filePath": "src/tokens/component/reactionButton.json5",
16654
16906
  "isSource": true,
16655
16907
  "original": {
16656
16908
  "$value": "{fgColor.link}",
@@ -17176,10 +17428,29 @@
17176
17428
  "collection": "mode",
17177
17429
  "group": "component",
17178
17430
  "scopes": ["bgColor"]
17431
+ },
17432
+ "org.primer.overrides": {
17433
+ "dark": {
17434
+ "alpha": 0.2
17435
+ },
17436
+ "light-high-contrast": {
17437
+ "$value": "#2a313c",
17438
+ "alpha": 1,
17439
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17440
+ "isSource": true,
17441
+ "$type": "color"
17442
+ },
17443
+ "dark-high-contrast": {
17444
+ "$value": "#2a313c",
17445
+ "alpha": 1,
17446
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17447
+ "isSource": true,
17448
+ "$type": "color"
17449
+ }
17179
17450
  }
17180
17451
  },
17181
17452
  "alpha": 0.2,
17182
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
17453
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17183
17454
  "isSource": true,
17184
17455
  "original": {
17185
17456
  "$value": "{base.color.neutral.8}",
@@ -17189,6 +17460,25 @@
17189
17460
  "collection": "mode",
17190
17461
  "group": "component",
17191
17462
  "scopes": ["bgColor"]
17463
+ },
17464
+ "org.primer.overrides": {
17465
+ "dark": {
17466
+ "alpha": 0.2
17467
+ },
17468
+ "light-high-contrast": {
17469
+ "$value": "{base.color.neutral.5}",
17470
+ "alpha": 1,
17471
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17472
+ "isSource": true,
17473
+ "$type": "color"
17474
+ },
17475
+ "dark-high-contrast": {
17476
+ "$value": "{base.color.neutral.5}",
17477
+ "alpha": 1,
17478
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17479
+ "isSource": true,
17480
+ "$type": "color"
17481
+ }
17192
17482
  }
17193
17483
  },
17194
17484
  "alpha": 0.2
@@ -17206,9 +17496,13 @@
17206
17496
  "collection": "mode",
17207
17497
  "group": "component (internal)",
17208
17498
  "scopes": ["bgColor"]
17499
+ },
17500
+ "org.primer.overrides": {
17501
+ "dark": "#212830",
17502
+ "dark-dimmed": "#262c36"
17209
17503
  }
17210
17504
  },
17211
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
17505
+ "filePath": "src/tokens/component/timelineBadge.json5",
17212
17506
  "isSource": true,
17213
17507
  "original": {
17214
17508
  "$value": "{base.color.neutral.3}",
@@ -17218,6 +17512,10 @@
17218
17512
  "collection": "mode",
17219
17513
  "group": "component (internal)",
17220
17514
  "scopes": ["bgColor"]
17515
+ },
17516
+ "org.primer.overrides": {
17517
+ "dark": "{base.color.neutral.3}",
17518
+ "dark-dimmed": "{base.color.neutral.4}"
17221
17519
  }
17222
17520
  }
17223
17521
  },