@primer/primitives 10.3.0-rc.4c6f46ed → 10.3.0-rc.7be162ee

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 (48) hide show
  1. package/dist/build/transformers/colorToHex.js +2 -2
  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 +248 -16
  9. package/dist/docs/functional/themes/dark-dimmed.json +277 -17
  10. package/dist/docs/functional/themes/dark-high-contrast.json +512 -30
  11. package/dist/docs/functional/themes/dark-tritanopia.json +415 -25
  12. package/dist/docs/functional/themes/dark.json +248 -16
  13. package/dist/docs/functional/themes/light-colorblind.json +246 -14
  14. package/dist/docs/functional/themes/light-high-contrast.json +428 -26
  15. package/dist/docs/functional/themes/light-tritanopia.json +489 -19
  16. package/dist/docs/functional/themes/light.json +246 -14
  17. package/dist/figma/themes/dark-colorblind.json +96 -96
  18. package/dist/figma/themes/dark-dimmed.json +96 -64
  19. package/dist/figma/themes/dark-high-contrast.json +243 -79
  20. package/dist/figma/themes/dark-tritanopia.json +178 -96
  21. package/dist/figma/themes/dark.json +96 -96
  22. package/dist/figma/themes/light-colorblind.json +90 -90
  23. package/dist/figma/themes/light-high-contrast.json +185 -74
  24. package/dist/figma/themes/light-tritanopia.json +170 -90
  25. package/dist/figma/themes/light.json +95 -95
  26. package/dist/styleLint/functional/themes/dark-colorblind.json +248 -16
  27. package/dist/styleLint/functional/themes/dark-dimmed.json +277 -17
  28. package/dist/styleLint/functional/themes/dark-high-contrast.json +512 -30
  29. package/dist/styleLint/functional/themes/dark-tritanopia.json +415 -25
  30. package/dist/styleLint/functional/themes/dark.json +248 -16
  31. package/dist/styleLint/functional/themes/light-colorblind.json +246 -14
  32. package/dist/styleLint/functional/themes/light-high-contrast.json +428 -26
  33. package/dist/styleLint/functional/themes/light-tritanopia.json +489 -19
  34. package/dist/styleLint/functional/themes/light.json +246 -14
  35. package/package.json +1 -1
  36. package/src/tokens/component/diffBlob.json5 +55 -0
  37. package/src/tokens/component/page.json5 +20 -0
  38. package/src/tokens/component/reactionButton.json5 +78 -0
  39. package/src/tokens/component/timelineBadge.json5 +19 -0
  40. package/src/tokens/functional/color/dark/app-dark.json5 +0 -16
  41. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -17
  42. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -71
  43. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -37
  44. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -67
  45. package/src/tokens/functional/color/light/app-light.json5 +0 -16
  46. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -49
  47. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -71
  48. package/src/tokens/functional/color/light/patterns-light.json5 +1 -65
@@ -7661,12 +7661,50 @@
7661
7661
  "type": "color"
7662
7662
  },
7663
7663
  "diffBlob-additionLine-bgColor": {
7664
- "alpha": 0.2,
7665
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
7664
+ "$extensions": {
7665
+ "org.primer.figma": {
7666
+ "collection": "mode",
7667
+ "group": "component",
7668
+ "scopes": ["bgColor"]
7669
+ },
7670
+ "org.primer.overrides": {
7671
+ "dark": {
7672
+ "alpha": 0.15
7673
+ },
7674
+ "dark-high-contrast": {
7675
+ "$value": "#0ac74026",
7676
+ "alpha": 0.2,
7677
+ "filePath": "src/tokens/component/diffBlob.json5",
7678
+ "isSource": true,
7679
+ "$type": "color"
7680
+ }
7681
+ }
7682
+ },
7683
+ "filePath": "src/tokens/component/diffBlob.json5",
7666
7684
  "isSource": true,
7685
+ "alpha": 0.2,
7667
7686
  "original": {
7668
7687
  "$value": "{bgColor.success.muted}",
7669
7688
  "$type": "color",
7689
+ "$extensions": {
7690
+ "org.primer.figma": {
7691
+ "collection": "mode",
7692
+ "group": "component",
7693
+ "scopes": ["bgColor"]
7694
+ },
7695
+ "org.primer.overrides": {
7696
+ "dark": {
7697
+ "alpha": 0.15
7698
+ },
7699
+ "dark-high-contrast": {
7700
+ "$value": "{bgColor.success.muted}",
7701
+ "alpha": 0.2,
7702
+ "filePath": "src/tokens/component/diffBlob.json5",
7703
+ "isSource": true,
7704
+ "$type": "color"
7705
+ }
7706
+ }
7707
+ },
7670
7708
  "alpha": 0.2
7671
7709
  },
7672
7710
  "name": "diffBlob-additionLine-bgColor",
@@ -7677,11 +7715,31 @@
7677
7715
  "type": "color"
7678
7716
  },
7679
7717
  "diffBlob-additionLine-fgColor": {
7680
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
7718
+ "$extensions": {
7719
+ "org.primer.figma": {
7720
+ "collection": "mode",
7721
+ "group": "component",
7722
+ "scopes": ["fgColor"]
7723
+ },
7724
+ "org.primer.overrides": {
7725
+ "dark-high-contrast": "#ffffff"
7726
+ }
7727
+ },
7728
+ "filePath": "src/tokens/component/diffBlob.json5",
7681
7729
  "isSource": true,
7682
7730
  "original": {
7683
7731
  "$value": "{fgColor.onEmphasis}",
7684
- "$type": "color"
7732
+ "$type": "color",
7733
+ "$extensions": {
7734
+ "org.primer.figma": {
7735
+ "collection": "mode",
7736
+ "group": "component",
7737
+ "scopes": ["fgColor"]
7738
+ },
7739
+ "org.primer.overrides": {
7740
+ "dark-high-contrast": "{fgColor.onEmphasis}"
7741
+ }
7742
+ }
7685
7743
  },
7686
7744
  "name": "diffBlob-additionLine-fgColor",
7687
7745
  "attributes": {},
@@ -7706,6 +7764,14 @@
7706
7764
  "$type": "color"
7707
7765
  },
7708
7766
  "light-protanopia-deuteranopia": "#addcff",
7767
+ "light-tritanopia": "#addcff",
7768
+ "dark-tritanopia": {
7769
+ "$value": "#71b7ff",
7770
+ "alpha": 0.3,
7771
+ "filePath": "src/tokens/component/diffBlob.json5",
7772
+ "isSource": true,
7773
+ "$type": "color"
7774
+ },
7709
7775
  "dark-protanopia-deuteranopia": {
7710
7776
  "$value": "#71b7ff",
7711
7777
  "alpha": 0.3,
@@ -7736,6 +7802,14 @@
7736
7802
  "$type": "color"
7737
7803
  },
7738
7804
  "light-protanopia-deuteranopia": "{base.color.blue.1}",
7805
+ "light-tritanopia": "{base.color.blue.1}",
7806
+ "dark-tritanopia": {
7807
+ "$value": "{base.color.blue.3}",
7808
+ "alpha": 0.3,
7809
+ "filePath": "src/tokens/component/diffBlob.json5",
7810
+ "isSource": true,
7811
+ "$type": "color"
7812
+ },
7739
7813
  "dark-protanopia-deuteranopia": {
7740
7814
  "$value": "{base.color.blue.3}",
7741
7815
  "alpha": 0.3,
@@ -7783,13 +7857,79 @@
7783
7857
  "type": "color"
7784
7858
  },
7785
7859
  "diffBlob-additionWord-bgColor": {
7786
- "alpha": 1,
7787
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
7860
+ "$extensions": {
7861
+ "org.primer.figma": {
7862
+ "collection": "mode",
7863
+ "group": "component",
7864
+ "scopes": ["bgColor"]
7865
+ },
7866
+ "org.primer.overrides": {
7867
+ "dark": {
7868
+ "$value": "#0ac740",
7869
+ "alpha": 0.4,
7870
+ "filePath": "src/tokens/component/diffBlob.json5",
7871
+ "isSource": true,
7872
+ "$type": "color"
7873
+ },
7874
+ "light-protanopia-deuteranopia": "#addcff",
7875
+ "dark-protanopia-deuteranopia": {
7876
+ "$value": "#5cacff",
7877
+ "alpha": 0.4,
7878
+ "filePath": "src/tokens/component/diffBlob.json5",
7879
+ "isSource": true,
7880
+ "$type": "color"
7881
+ },
7882
+ "light-high-contrast": "#09b43a",
7883
+ "dark-high-contrast": "#006222",
7884
+ "light-tritanopia": "#addcff",
7885
+ "dark-tritanopia": {
7886
+ "$value": "#5cacff",
7887
+ "alpha": 0.4,
7888
+ "filePath": "src/tokens/component/diffBlob.json5",
7889
+ "isSource": true,
7890
+ "$type": "color"
7891
+ }
7892
+ }
7893
+ },
7894
+ "filePath": "src/tokens/component/diffBlob.json5",
7788
7895
  "isSource": true,
7789
7896
  "original": {
7790
7897
  "$value": "{bgColor.success.emphasis}",
7791
7898
  "$type": "color",
7792
- "alpha": 1
7899
+ "$extensions": {
7900
+ "org.primer.figma": {
7901
+ "collection": "mode",
7902
+ "group": "component",
7903
+ "scopes": ["bgColor"]
7904
+ },
7905
+ "org.primer.overrides": {
7906
+ "dark": {
7907
+ "$value": "{base.color.green.4}",
7908
+ "alpha": 0.4,
7909
+ "filePath": "src/tokens/component/diffBlob.json5",
7910
+ "isSource": true,
7911
+ "$type": "color"
7912
+ },
7913
+ "light-protanopia-deuteranopia": "{base.color.blue.1}",
7914
+ "dark-protanopia-deuteranopia": {
7915
+ "$value": "{base.color.blue.4}",
7916
+ "alpha": 0.4,
7917
+ "filePath": "src/tokens/component/diffBlob.json5",
7918
+ "isSource": true,
7919
+ "$type": "color"
7920
+ },
7921
+ "light-high-contrast": "{base.color.green.5}",
7922
+ "dark-high-contrast": "{bgColor.success.emphasis}",
7923
+ "light-tritanopia": "{base.color.blue.1}",
7924
+ "dark-tritanopia": {
7925
+ "$value": "{base.color.blue.4}",
7926
+ "alpha": 0.4,
7927
+ "filePath": "src/tokens/component/diffBlob.json5",
7928
+ "isSource": true,
7929
+ "$type": "color"
7930
+ }
7931
+ }
7932
+ }
7793
7933
  },
7794
7934
  "name": "diffBlob-additionWord-bgColor",
7795
7935
  "attributes": {},
@@ -7804,6 +7944,9 @@
7804
7944
  "collection": "mode",
7805
7945
  "group": "component",
7806
7946
  "scopes": ["fgColor"]
7947
+ },
7948
+ "org.primer.overrides": {
7949
+ "light-high-contrast": "#ffffff"
7807
7950
  }
7808
7951
  },
7809
7952
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -7816,6 +7959,9 @@
7816
7959
  "collection": "mode",
7817
7960
  "group": "component",
7818
7961
  "scopes": ["fgColor"]
7962
+ },
7963
+ "org.primer.overrides": {
7964
+ "light-high-contrast": "{fgColor.onEmphasis}"
7819
7965
  }
7820
7966
  }
7821
7967
  },
@@ -7827,12 +7973,58 @@
7827
7973
  "type": "color"
7828
7974
  },
7829
7975
  "diffBlob-deletionLine-bgColor": {
7830
- "alpha": 0.2,
7831
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
7976
+ "$extensions": {
7977
+ "org.primer.figma": {
7978
+ "collection": "mode",
7979
+ "group": "component",
7980
+ "scopes": ["bgColor"]
7981
+ },
7982
+ "org.primer.overrides": {
7983
+ "dark-protanopia-deuteranopia": {
7984
+ "$value": "#f48b25",
7985
+ "alpha": 0.15,
7986
+ "filePath": "src/tokens/component/diffBlob.json5",
7987
+ "isSource": true,
7988
+ "$type": "color"
7989
+ },
7990
+ "dark-high-contrast": {
7991
+ "$value": "#ff80801a",
7992
+ "alpha": 0.2,
7993
+ "filePath": "src/tokens/component/diffBlob.json5",
7994
+ "isSource": true,
7995
+ "$type": "color"
7996
+ }
7997
+ }
7998
+ },
7999
+ "filePath": "src/tokens/component/diffBlob.json5",
7832
8000
  "isSource": true,
8001
+ "alpha": 0.2,
7833
8002
  "original": {
7834
8003
  "$value": "{bgColor.danger.muted}",
7835
8004
  "$type": "color",
8005
+ "$extensions": {
8006
+ "org.primer.figma": {
8007
+ "collection": "mode",
8008
+ "group": "component",
8009
+ "scopes": ["bgColor"]
8010
+ },
8011
+ "org.primer.overrides": {
8012
+ "dark-protanopia-deuteranopia": {
8013
+ "$value": "{base.color.orange.4}",
8014
+ "alpha": 0.15,
8015
+ "filePath": "src/tokens/component/diffBlob.json5",
8016
+ "isSource": true,
8017
+ "$type": "color"
8018
+ },
8019
+ "dark-high-contrast": {
8020
+ "$value": "{bgColor.danger.muted}",
8021
+ "alpha": 0.2,
8022
+ "filePath": "src/tokens/component/diffBlob.json5",
8023
+ "isSource": true,
8024
+ "$type": "color"
8025
+ }
8026
+ }
8027
+ },
7836
8028
  "alpha": 0.2
7837
8029
  },
7838
8030
  "name": "diffBlob-deletionLine-bgColor",
@@ -7843,11 +8035,31 @@
7843
8035
  "type": "color"
7844
8036
  },
7845
8037
  "diffBlob-deletionLine-fgColor": {
7846
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
8038
+ "$extensions": {
8039
+ "org.primer.figma": {
8040
+ "collection": "mode",
8041
+ "group": "component",
8042
+ "scopes": ["fgColor"]
8043
+ },
8044
+ "org.primer.overrides": {
8045
+ "dark-high-contrast": "#ffffff"
8046
+ }
8047
+ },
8048
+ "filePath": "src/tokens/component/diffBlob.json5",
7847
8049
  "isSource": true,
7848
8050
  "original": {
7849
8051
  "$value": "{fgColor.onEmphasis}",
7850
- "$type": "color"
8052
+ "$type": "color",
8053
+ "$extensions": {
8054
+ "org.primer.figma": {
8055
+ "collection": "mode",
8056
+ "group": "component",
8057
+ "scopes": ["fgColor"]
8058
+ },
8059
+ "org.primer.overrides": {
8060
+ "dark-high-contrast": "{fgColor.onEmphasis}"
8061
+ }
8062
+ }
7851
8063
  },
7852
8064
  "name": "diffBlob-deletionLine-fgColor",
7853
8065
  "attributes": {},
@@ -7871,6 +8083,7 @@
7871
8083
  "isSource": true,
7872
8084
  "$type": "color"
7873
8085
  },
8086
+ "light-tritanopia": "#ffc9c7",
7874
8087
  "light-protanopia-deuteranopia": "#ffcf86",
7875
8088
  "dark-protanopia-deuteranopia": {
7876
8089
  "$value": "#f48b25",
@@ -7901,6 +8114,7 @@
7901
8114
  "isSource": true,
7902
8115
  "$type": "color"
7903
8116
  },
8117
+ "light-tritanopia": "{base.color.red.1}",
7904
8118
  "light-protanopia-deuteranopia": "{base.color.orange.1}",
7905
8119
  "dark-protanopia-deuteranopia": {
7906
8120
  "$value": "{base.color.orange.4}",
@@ -7949,13 +8163,65 @@
7949
8163
  "type": "color"
7950
8164
  },
7951
8165
  "diffBlob-deletionWord-bgColor": {
7952
- "alpha": 1,
7953
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
8166
+ "$extensions": {
8167
+ "org.primer.figma": {
8168
+ "collection": "mode",
8169
+ "group": "component",
8170
+ "scopes": ["bgColor"]
8171
+ },
8172
+ "org.primer.overrides": {
8173
+ "dark": {
8174
+ "$value": "#ff8080",
8175
+ "alpha": 0.4,
8176
+ "filePath": "src/tokens/component/diffBlob.json5",
8177
+ "isSource": true,
8178
+ "$type": "color"
8179
+ },
8180
+ "light-protanopia-deuteranopia": "#ffcf86",
8181
+ "dark-protanopia-deuteranopia": {
8182
+ "$value": "#f48b25",
8183
+ "alpha": 0.4,
8184
+ "filePath": "src/tokens/component/diffBlob.json5",
8185
+ "isSource": true,
8186
+ "$type": "color"
8187
+ },
8188
+ "light-high-contrast": "#ff6a69",
8189
+ "dark-high-contrast": "#ad0116",
8190
+ "light-tritanopia": "#ffc9c7"
8191
+ }
8192
+ },
8193
+ "filePath": "src/tokens/component/diffBlob.json5",
7954
8194
  "isSource": true,
7955
8195
  "original": {
7956
8196
  "$value": "{bgColor.danger.emphasis}",
7957
8197
  "$type": "color",
7958
- "alpha": 1
8198
+ "$extensions": {
8199
+ "org.primer.figma": {
8200
+ "collection": "mode",
8201
+ "group": "component",
8202
+ "scopes": ["bgColor"]
8203
+ },
8204
+ "org.primer.overrides": {
8205
+ "dark": {
8206
+ "$value": "{base.color.red.4}",
8207
+ "alpha": 0.4,
8208
+ "filePath": "src/tokens/component/diffBlob.json5",
8209
+ "isSource": true,
8210
+ "$type": "color"
8211
+ },
8212
+ "light-protanopia-deuteranopia": "{base.color.orange.1}",
8213
+ "dark-protanopia-deuteranopia": {
8214
+ "$value": "{base.color.orange.4}",
8215
+ "alpha": 0.4,
8216
+ "filePath": "src/tokens/component/diffBlob.json5",
8217
+ "isSource": true,
8218
+ "$type": "color"
8219
+ },
8220
+ "light-high-contrast": "{base.color.red.5}",
8221
+ "dark-high-contrast": "{bgColor.danger.emphasis}",
8222
+ "light-tritanopia": "{base.color.red.1}"
8223
+ }
8224
+ }
7959
8225
  },
7960
8226
  "name": "diffBlob-deletionWord-bgColor",
7961
8227
  "attributes": {},
@@ -7970,6 +8236,9 @@
7970
8236
  "collection": "mode",
7971
8237
  "group": "component",
7972
8238
  "scopes": ["fgColor"]
8239
+ },
8240
+ "org.primer.overrides": {
8241
+ "light-high-contrast": "#ffffff"
7973
8242
  }
7974
8243
  },
7975
8244
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -7982,6 +8251,9 @@
7982
8251
  "collection": "mode",
7983
8252
  "group": "component",
7984
8253
  "scopes": ["fgColor"]
8254
+ },
8255
+ "org.primer.overrides": {
8256
+ "light-high-contrast": "{fgColor.onEmphasis}"
7985
8257
  }
7986
8258
  }
7987
8259
  },
@@ -8049,11 +8321,33 @@
8049
8321
  "type": "color"
8050
8322
  },
8051
8323
  "diffBlob-expander-iconColor": {
8052
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
8324
+ "$extensions": {
8325
+ "org.primer.figma": {
8326
+ "collection": "mode",
8327
+ "group": "component",
8328
+ "scopes": ["fgColor"]
8329
+ },
8330
+ "org.primer.overrides": {
8331
+ "light-high-contrast": "#ffffff",
8332
+ "dark-high-contrast": "#ffffff"
8333
+ }
8334
+ },
8335
+ "filePath": "src/tokens/component/diffBlob.json5",
8053
8336
  "isSource": true,
8054
8337
  "original": {
8055
8338
  "$value": "{fgColor.default}",
8056
- "$type": "color"
8339
+ "$type": "color",
8340
+ "$extensions": {
8341
+ "org.primer.figma": {
8342
+ "collection": "mode",
8343
+ "group": "component",
8344
+ "scopes": ["fgColor"]
8345
+ },
8346
+ "org.primer.overrides": {
8347
+ "light-high-contrast": "{fgColor.default}",
8348
+ "dark-high-contrast": "{fgColor.default}"
8349
+ }
8350
+ }
8057
8351
  },
8058
8352
  "name": "diffBlob-expander-iconColor",
8059
8353
  "attributes": {},
@@ -8063,12 +8357,52 @@
8063
8357
  "type": "color"
8064
8358
  },
8065
8359
  "diffBlob-hunkLine-bgColor": {
8066
- "alpha": 0.2,
8067
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
8360
+ "$extensions": {
8361
+ "org.primer.figma": {
8362
+ "collection": "mode",
8363
+ "group": "component",
8364
+ "scopes": ["bgColor"]
8365
+ },
8366
+ "org.primer.overrides": {
8367
+ "light-tritanopia": "#0d1117",
8368
+ "dark-tritanopia": "#212830",
8369
+ "light-protanopia-deuteranopia": "#0d1117",
8370
+ "dark-protanopia-deuteranopia": "#212830",
8371
+ "dark-high-contrast": {
8372
+ "$value": "#5cacff1a",
8373
+ "alpha": 0.2,
8374
+ "filePath": "src/tokens/component/diffBlob.json5",
8375
+ "isSource": true,
8376
+ "$type": "color"
8377
+ }
8378
+ }
8379
+ },
8380
+ "filePath": "src/tokens/component/diffBlob.json5",
8068
8381
  "isSource": true,
8382
+ "alpha": 0.2,
8069
8383
  "original": {
8070
8384
  "$value": "{bgColor.accent.muted}",
8071
8385
  "$type": "color",
8386
+ "$extensions": {
8387
+ "org.primer.figma": {
8388
+ "collection": "mode",
8389
+ "group": "component",
8390
+ "scopes": ["bgColor"]
8391
+ },
8392
+ "org.primer.overrides": {
8393
+ "light-tritanopia": "{base.color.neutral.1}",
8394
+ "dark-tritanopia": "{base.color.neutral.3}",
8395
+ "light-protanopia-deuteranopia": "{base.color.neutral.1}",
8396
+ "dark-protanopia-deuteranopia": "{base.color.neutral.3}",
8397
+ "dark-high-contrast": {
8398
+ "$value": "{bgColor.accent.muted}",
8399
+ "alpha": 0.2,
8400
+ "filePath": "src/tokens/component/diffBlob.json5",
8401
+ "isSource": true,
8402
+ "$type": "color"
8403
+ }
8404
+ }
8405
+ },
8072
8406
  "alpha": 0.2
8073
8407
  },
8074
8408
  "name": "diffBlob-hunkLine-bgColor",
@@ -8114,6 +8448,8 @@
8114
8448
  "scopes": ["bgColor"]
8115
8449
  },
8116
8450
  "org.primer.overrides": {
8451
+ "light-tritanopia": "#3d444d",
8452
+ "dark-tritanopia": "#656c76",
8117
8453
  "light-protanopia-deuteranopia": "#3d444d",
8118
8454
  "dark-protanopia-deuteranopia": "#656c76"
8119
8455
  }
@@ -8130,6 +8466,8 @@
8130
8466
  "scopes": ["bgColor"]
8131
8467
  },
8132
8468
  "org.primer.overrides": {
8469
+ "light-tritanopia": "{base.color.neutral.7}",
8470
+ "dark-tritanopia": "{base.color.neutral.8}",
8133
8471
  "light-protanopia-deuteranopia": "{base.color.neutral.7}",
8134
8472
  "dark-protanopia-deuteranopia": "{base.color.neutral.8}"
8135
8473
  }
@@ -8143,12 +8481,54 @@
8143
8481
  "type": "color"
8144
8482
  },
8145
8483
  "diffBlob-hunkNum-bgColor-rest": {
8146
- "alpha": 0.4,
8147
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
8484
+ "$extensions": {
8485
+ "org.primer.figma": {
8486
+ "collection": "mode",
8487
+ "group": "component",
8488
+ "scopes": ["bgColor"]
8489
+ },
8490
+ "org.primer.overrides": {
8491
+ "dark": "#1e60d5",
8492
+ "light-tritanopia": "#212830",
8493
+ "light-protanopia-deuteranopia": "#212830",
8494
+ "dark-protanopia-deuteranopia": "#2f3742",
8495
+ "dark-tritanopia": "#2f3742",
8496
+ "dark-high-contrast": {
8497
+ "$value": "#5cacff",
8498
+ "alpha": 0.4,
8499
+ "filePath": "src/tokens/component/diffBlob.json5",
8500
+ "isSource": true,
8501
+ "$type": "color"
8502
+ }
8503
+ }
8504
+ },
8505
+ "filePath": "src/tokens/component/diffBlob.json5",
8148
8506
  "isSource": true,
8507
+ "alpha": 0.4,
8149
8508
  "original": {
8150
8509
  "$value": "{base.color.blue.4}",
8151
8510
  "$type": "color",
8511
+ "$extensions": {
8512
+ "org.primer.figma": {
8513
+ "collection": "mode",
8514
+ "group": "component",
8515
+ "scopes": ["bgColor"]
8516
+ },
8517
+ "org.primer.overrides": {
8518
+ "dark": "{base.color.blue.8}",
8519
+ "light-tritanopia": "{base.color.neutral.3}",
8520
+ "light-protanopia-deuteranopia": "{base.color.neutral.3}",
8521
+ "dark-protanopia-deuteranopia": "{base.color.neutral.6}",
8522
+ "dark-tritanopia": "{base.color.neutral.6}",
8523
+ "dark-high-contrast": {
8524
+ "$value": "{base.color.blue.4}",
8525
+ "alpha": 0.4,
8526
+ "filePath": "src/tokens/component/diffBlob.json5",
8527
+ "isSource": true,
8528
+ "$type": "color"
8529
+ }
8530
+ }
8531
+ },
8152
8532
  "alpha": 0.4
8153
8533
  },
8154
8534
  "name": "diffBlob-hunkNum-bgColor-rest",
@@ -8166,7 +8546,8 @@
8166
8546
  "scopes": ["fgColor"]
8167
8547
  },
8168
8548
  "org.primer.overrides": {
8169
- "light-protanopia-deuteranopia": "#ffffff"
8549
+ "light-protanopia-deuteranopia": "#ffffff",
8550
+ "light-tritanopia": "#ffffff"
8170
8551
  }
8171
8552
  },
8172
8553
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -8181,7 +8562,8 @@
8181
8562
  "scopes": ["fgColor"]
8182
8563
  },
8183
8564
  "org.primer.overrides": {
8184
- "light-protanopia-deuteranopia": "{fgColor.default}"
8565
+ "light-protanopia-deuteranopia": "{fgColor.default}",
8566
+ "light-tritanopia": "{fgColor.default}"
8185
8567
  }
8186
8568
  }
8187
8569
  },
@@ -14062,9 +14444,12 @@
14062
14444
  "collection": "mode",
14063
14445
  "group": "component",
14064
14446
  "scopes": ["bgColor"]
14447
+ },
14448
+ "org.primer.overrides": {
14449
+ "dark": "#010409"
14065
14450
  }
14066
14451
  },
14067
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
14452
+ "filePath": "src/tokens/component/page.json5",
14068
14453
  "isSource": true,
14069
14454
  "original": {
14070
14455
  "$value": "{bgColor.default}",
@@ -14074,6 +14459,9 @@
14074
14459
  "collection": "mode",
14075
14460
  "group": "component",
14076
14461
  "scopes": ["bgColor"]
14462
+ },
14463
+ "org.primer.overrides": {
14464
+ "dark": "{bgColor.default}"
14077
14465
  }
14078
14466
  }
14079
14467
  },
@@ -14085,12 +14473,74 @@
14085
14473
  "type": "color"
14086
14474
  },
14087
14475
  "reactionButton-selected-bgColor-hover": {
14088
- "alpha": 0.36,
14089
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14476
+ "$extensions": {
14477
+ "org.primer.figma": {
14478
+ "collection": "mode",
14479
+ "group": "component (internal)",
14480
+ "scopes": ["bgColor"]
14481
+ },
14482
+ "org.primer.overrides": {
14483
+ "dark": {
14484
+ "$value": "#3a8cfd",
14485
+ "alpha": 0.36,
14486
+ "filePath": "src/tokens/component/reactionButton.json5",
14487
+ "isSource": true,
14488
+ "$type": "color"
14489
+ },
14490
+ "dark-dimmed": {
14491
+ "$value": "#4285e5",
14492
+ "alpha": 0.36,
14493
+ "filePath": "src/tokens/component/reactionButton.json5",
14494
+ "isSource": true,
14495
+ "$type": "color"
14496
+ },
14497
+ "light-high-contrast": "#c7e9ff",
14498
+ "dark-high-contrast": {
14499
+ "$value": "#5dadff",
14500
+ "alpha": 0.36,
14501
+ "filePath": "src/tokens/component/reactionButton.json5",
14502
+ "isSource": true,
14503
+ "$type": "color"
14504
+ }
14505
+ }
14506
+ },
14507
+ "filePath": "src/tokens/component/reactionButton.json5",
14090
14508
  "isSource": true,
14509
+ "alpha": 0.36,
14091
14510
  "original": {
14092
14511
  "$value": "#5dadff",
14093
14512
  "$type": "color",
14513
+ "$extensions": {
14514
+ "org.primer.figma": {
14515
+ "collection": "mode",
14516
+ "group": "component (internal)",
14517
+ "scopes": ["bgColor"]
14518
+ },
14519
+ "org.primer.overrides": {
14520
+ "dark": {
14521
+ "$value": "#3a8cfd",
14522
+ "alpha": 0.36,
14523
+ "filePath": "src/tokens/component/reactionButton.json5",
14524
+ "isSource": true,
14525
+ "$type": "color"
14526
+ },
14527
+ "dark-dimmed": {
14528
+ "$value": "#4285e5",
14529
+ "alpha": 0.36,
14530
+ "filePath": "src/tokens/component/reactionButton.json5",
14531
+ "isSource": true,
14532
+ "$type": "color"
14533
+ },
14534
+ "light-high-contrast": "#c7e9ff",
14535
+ "dark-high-contrast": {
14536
+ "$value": "#5dadff",
14537
+ "alpha": 0.36,
14538
+ "filePath": "src/tokens/component/reactionButton.json5",
14539
+ "isSource": true,
14540
+ "$type": "color"
14541
+ }
14542
+ }
14543
+ },
14094
14544
  "alpha": 0.36
14095
14545
  },
14096
14546
  "name": "reactionButton-selected-bgColor-hover",
@@ -14106,11 +14556,20 @@
14106
14556
  "collection": "mode",
14107
14557
  "group": "component (internal)",
14108
14558
  "scopes": ["bgColor"]
14559
+ },
14560
+ "org.primer.overrides": {
14561
+ "dark": {
14562
+ "$value": "#5cacff",
14563
+ "alpha": 0.2,
14564
+ "filePath": "src/tokens/component/reactionButton.json5",
14565
+ "isSource": true,
14566
+ "$type": "color"
14567
+ }
14109
14568
  }
14110
14569
  },
14111
- "alpha": 0.2,
14112
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
14570
+ "filePath": "src/tokens/component/reactionButton.json5",
14113
14571
  "isSource": true,
14572
+ "alpha": 0.2,
14114
14573
  "original": {
14115
14574
  "$value": "{base.color.blue.4}",
14116
14575
  "$type": "color",
@@ -14119,6 +14578,15 @@
14119
14578
  "collection": "mode",
14120
14579
  "group": "component (internal)",
14121
14580
  "scopes": ["bgColor"]
14581
+ },
14582
+ "org.primer.overrides": {
14583
+ "dark": {
14584
+ "$value": "{base.color.blue.4}",
14585
+ "alpha": 0.2,
14586
+ "filePath": "src/tokens/component/reactionButton.json5",
14587
+ "isSource": true,
14588
+ "$type": "color"
14589
+ }
14122
14590
  }
14123
14591
  },
14124
14592
  "alpha": 0.2
@@ -14136,9 +14604,12 @@
14136
14604
  "collection": "mode",
14137
14605
  "group": "component (internal)",
14138
14606
  "scopes": ["fgColor"]
14607
+ },
14608
+ "org.primer.overrides": {
14609
+ "dark": "#91cbff"
14139
14610
  }
14140
14611
  },
14141
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
14612
+ "filePath": "src/tokens/component/reactionButton.json5",
14142
14613
  "isSource": true,
14143
14614
  "original": {
14144
14615
  "$value": "{base.color.blue.2}",
@@ -14148,6 +14619,9 @@
14148
14619
  "collection": "mode",
14149
14620
  "group": "component (internal)",
14150
14621
  "scopes": ["fgColor"]
14622
+ },
14623
+ "org.primer.overrides": {
14624
+ "dark": "{base.color.blue.2}"
14151
14625
  }
14152
14626
  }
14153
14627
  },
@@ -14166,7 +14640,7 @@
14166
14640
  "scopes": ["fgColor"]
14167
14641
  }
14168
14642
  },
14169
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
14643
+ "filePath": "src/tokens/component/reactionButton.json5",
14170
14644
  "isSource": true,
14171
14645
  "original": {
14172
14646
  "$value": "{fgColor.link}",
@@ -14708,9 +15182,13 @@
14708
15182
  "collection": "mode",
14709
15183
  "group": "component (internal)",
14710
15184
  "scopes": ["bgColor"]
15185
+ },
15186
+ "org.primer.overrides": {
15187
+ "dark": "#212830",
15188
+ "dark-dimmed": "#262c36"
14711
15189
  }
14712
15190
  },
14713
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
15191
+ "filePath": "src/tokens/component/timelineBadge.json5",
14714
15192
  "isSource": true,
14715
15193
  "original": {
14716
15194
  "$value": "{base.color.neutral.3}",
@@ -14720,6 +15198,10 @@
14720
15198
  "collection": "mode",
14721
15199
  "group": "component (internal)",
14722
15200
  "scopes": ["bgColor"]
15201
+ },
15202
+ "org.primer.overrides": {
15203
+ "dark": "{base.color.neutral.3}",
15204
+ "dark-dimmed": "{base.color.neutral.4}"
14723
15205
  }
14724
15206
  }
14725
15207
  },