@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
@@ -8858,6 +8858,14 @@
8858
8858
  "$type": "color"
8859
8859
  },
8860
8860
  "light-protanopia-deuteranopia": "#b6e3ff",
8861
+ "light-tritanopia": "#b6e3ff",
8862
+ "dark-tritanopia": {
8863
+ "$value": "#54aeff",
8864
+ "alpha": 0.3,
8865
+ "filePath": "src/tokens/component/diffBlob.json5",
8866
+ "isSource": true,
8867
+ "$type": "color"
8868
+ },
8861
8869
  "dark-protanopia-deuteranopia": {
8862
8870
  "$value": "#54aeff",
8863
8871
  "alpha": 0.3,
@@ -8887,6 +8895,14 @@
8887
8895
  "$type": "color"
8888
8896
  },
8889
8897
  "light-protanopia-deuteranopia": "{base.color.blue.1}",
8898
+ "light-tritanopia": "{base.color.blue.1}",
8899
+ "dark-tritanopia": {
8900
+ "$value": "{base.color.blue.3}",
8901
+ "alpha": 0.3,
8902
+ "filePath": "src/tokens/component/diffBlob.json5",
8903
+ "isSource": true,
8904
+ "$type": "color"
8905
+ },
8890
8906
  "dark-protanopia-deuteranopia": {
8891
8907
  "$value": "{base.color.blue.3}",
8892
8908
  "alpha": 0.3,
@@ -8956,7 +8972,15 @@
8956
8972
  "$type": "color"
8957
8973
  },
8958
8974
  "light-high-contrast": "#1a7f37",
8959
- "dark-high-contrast": "#1f883d"
8975
+ "dark-high-contrast": "#1f883d",
8976
+ "light-tritanopia": "#b6e3ff",
8977
+ "dark-tritanopia": {
8978
+ "$value": "#218bff",
8979
+ "alpha": 0.4,
8980
+ "filePath": "src/tokens/component/diffBlob.json5",
8981
+ "isSource": true,
8982
+ "$type": "color"
8983
+ }
8960
8984
  }
8961
8985
  },
8962
8986
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -8987,7 +9011,15 @@
8987
9011
  "$type": "color"
8988
9012
  },
8989
9013
  "light-high-contrast": "{base.color.green.5}",
8990
- "dark-high-contrast": "{bgColor.success.emphasis}"
9014
+ "dark-high-contrast": "{bgColor.success.emphasis}",
9015
+ "light-tritanopia": "{base.color.blue.1}",
9016
+ "dark-tritanopia": {
9017
+ "$value": "{base.color.blue.4}",
9018
+ "alpha": 0.4,
9019
+ "filePath": "src/tokens/component/diffBlob.json5",
9020
+ "isSource": true,
9021
+ "$type": "color"
9022
+ }
8991
9023
  }
8992
9024
  }
8993
9025
  },
@@ -9141,6 +9173,7 @@
9141
9173
  "isSource": true,
9142
9174
  "$type": "color"
9143
9175
  },
9176
+ "light-tritanopia": "#ffcecb",
9144
9177
  "light-protanopia-deuteranopia": "#ffd8b5",
9145
9178
  "dark-protanopia-deuteranopia": {
9146
9179
  "$value": "#e16f24",
@@ -9170,6 +9203,7 @@
9170
9203
  "isSource": true,
9171
9204
  "$type": "color"
9172
9205
  },
9206
+ "light-tritanopia": "{base.color.red.1}",
9173
9207
  "light-protanopia-deuteranopia": "{base.color.orange.1}",
9174
9208
  "dark-protanopia-deuteranopia": {
9175
9209
  "$value": "{base.color.orange.4}",
@@ -9240,7 +9274,8 @@
9240
9274
  "$type": "color"
9241
9275
  },
9242
9276
  "light-high-contrast": "#cf222e",
9243
- "dark-high-contrast": "#cf222e"
9277
+ "dark-high-contrast": "#cf222e",
9278
+ "light-tritanopia": "#ffcecb"
9244
9279
  }
9245
9280
  },
9246
9281
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -9271,7 +9306,8 @@
9271
9306
  "$type": "color"
9272
9307
  },
9273
9308
  "light-high-contrast": "{base.color.red.5}",
9274
- "dark-high-contrast": "{bgColor.danger.emphasis}"
9309
+ "dark-high-contrast": "{bgColor.danger.emphasis}",
9310
+ "light-tritanopia": "{base.color.red.1}"
9275
9311
  }
9276
9312
  }
9277
9313
  },
@@ -9416,6 +9452,8 @@
9416
9452
  "scopes": ["bgColor"]
9417
9453
  },
9418
9454
  "org.primer.overrides": {
9455
+ "light-tritanopia": "#f6f8fa",
9456
+ "dark-tritanopia": "#e6eaef",
9419
9457
  "light-protanopia-deuteranopia": "#f6f8fa",
9420
9458
  "dark-protanopia-deuteranopia": "#e6eaef",
9421
9459
  "dark-high-contrast": {
@@ -9439,6 +9477,8 @@
9439
9477
  "scopes": ["bgColor"]
9440
9478
  },
9441
9479
  "org.primer.overrides": {
9480
+ "light-tritanopia": "{base.color.neutral.1}",
9481
+ "dark-tritanopia": "{base.color.neutral.3}",
9442
9482
  "light-protanopia-deuteranopia": "{base.color.neutral.1}",
9443
9483
  "dark-protanopia-deuteranopia": "{base.color.neutral.3}",
9444
9484
  "dark-high-contrast": {
@@ -9494,6 +9534,8 @@
9494
9534
  "scopes": ["bgColor"]
9495
9535
  },
9496
9536
  "org.primer.overrides": {
9537
+ "light-tritanopia": "#c8d1da",
9538
+ "dark-tritanopia": "#818b98",
9497
9539
  "light-protanopia-deuteranopia": "#c8d1da",
9498
9540
  "dark-protanopia-deuteranopia": "#818b98"
9499
9541
  }
@@ -9510,6 +9552,8 @@
9510
9552
  "scopes": ["bgColor"]
9511
9553
  },
9512
9554
  "org.primer.overrides": {
9555
+ "light-tritanopia": "{base.color.neutral.7}",
9556
+ "dark-tritanopia": "{base.color.neutral.8}",
9513
9557
  "light-protanopia-deuteranopia": "{base.color.neutral.7}",
9514
9558
  "dark-protanopia-deuteranopia": "{base.color.neutral.8}"
9515
9559
  }
@@ -9531,8 +9575,10 @@
9531
9575
  },
9532
9576
  "org.primer.overrides": {
9533
9577
  "dark": "#0a3069",
9578
+ "light-tritanopia": "#e6eaef",
9534
9579
  "light-protanopia-deuteranopia": "#e6eaef",
9535
9580
  "dark-protanopia-deuteranopia": "#d1d9e0",
9581
+ "dark-tritanopia": "#d1d9e0",
9536
9582
  "dark-high-contrast": {
9537
9583
  "$value": "#218bff",
9538
9584
  "alpha": 0.4,
@@ -9555,8 +9601,10 @@
9555
9601
  },
9556
9602
  "org.primer.overrides": {
9557
9603
  "dark": "{base.color.blue.8}",
9604
+ "light-tritanopia": "{base.color.neutral.3}",
9558
9605
  "light-protanopia-deuteranopia": "{base.color.neutral.3}",
9559
9606
  "dark-protanopia-deuteranopia": "{base.color.neutral.6}",
9607
+ "dark-tritanopia": "{base.color.neutral.6}",
9560
9608
  "dark-high-contrast": {
9561
9609
  "$value": "{base.color.blue.4}",
9562
9610
  "alpha": 0.4,
@@ -9582,7 +9630,8 @@
9582
9630
  "scopes": ["fgColor"]
9583
9631
  },
9584
9632
  "org.primer.overrides": {
9585
- "light-protanopia-deuteranopia": "#1f2328"
9633
+ "light-protanopia-deuteranopia": "#1f2328",
9634
+ "light-tritanopia": "#1f2328"
9586
9635
  }
9587
9636
  },
9588
9637
  "filePath": "src/tokens/component/diffBlob.json5",
@@ -9597,7 +9646,8 @@
9597
9646
  "scopes": ["fgColor"]
9598
9647
  },
9599
9648
  "org.primer.overrides": {
9600
- "light-protanopia-deuteranopia": "{fgColor.default}"
9649
+ "light-protanopia-deuteranopia": "{fgColor.default}",
9650
+ "light-tritanopia": "{fgColor.default}"
9601
9651
  }
9602
9652
  }
9603
9653
  },
@@ -12964,9 +13014,18 @@
12964
13014
  "collection": "mode",
12965
13015
  "group": "component (internal)",
12966
13016
  "scopes": ["bgColor"]
13017
+ },
13018
+ "org.primer.overrides": {
13019
+ "dark": {
13020
+ "$value": "#eff2f5",
13021
+ "alpha": 0.95,
13022
+ "filePath": "src/tokens/component/header.json5",
13023
+ "isSource": true,
13024
+ "$type": "color"
13025
+ }
12967
13026
  }
12968
13027
  },
12969
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13028
+ "filePath": "src/tokens/component/header.json5",
12970
13029
  "isSource": true,
12971
13030
  "original": {
12972
13031
  "$value": "{base.color.neutral.12}",
@@ -12976,6 +13035,15 @@
12976
13035
  "collection": "mode",
12977
13036
  "group": "component (internal)",
12978
13037
  "scopes": ["bgColor"]
13038
+ },
13039
+ "org.primer.overrides": {
13040
+ "dark": {
13041
+ "$value": "{base.color.neutral.2}",
13042
+ "alpha": 0.95,
13043
+ "filePath": "src/tokens/component/header.json5",
13044
+ "isSource": true,
13045
+ "$type": "color"
13046
+ }
12979
13047
  }
12980
13048
  }
12981
13049
  },
@@ -12994,7 +13062,7 @@
12994
13062
  "scopes": ["borderColor"]
12995
13063
  }
12996
13064
  },
12997
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13065
+ "filePath": "src/tokens/component/header.json5",
12998
13066
  "isSource": true,
12999
13067
  "original": {
13000
13068
  "$value": "{base.color.neutral.8}",
@@ -13020,10 +13088,13 @@
13020
13088
  "collection": "mode",
13021
13089
  "group": "component (internal)",
13022
13090
  "scopes": ["fgColor"]
13091
+ },
13092
+ "org.primer.overrides": {
13093
+ "dark": "#1f2328"
13023
13094
  }
13024
13095
  },
13025
13096
  "alpha": 0.7,
13026
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13097
+ "filePath": "src/tokens/component/header.json5",
13027
13098
  "isSource": true,
13028
13099
  "original": {
13029
13100
  "$value": "{base.color.neutral.0}",
@@ -13033,6 +13104,9 @@
13033
13104
  "collection": "mode",
13034
13105
  "group": "component (internal)",
13035
13106
  "scopes": ["fgColor"]
13107
+ },
13108
+ "org.primer.overrides": {
13109
+ "dark": "{base.color.neutral.13}"
13036
13110
  }
13037
13111
  },
13038
13112
  "alpha": 0.7
@@ -13050,9 +13124,12 @@
13050
13124
  "collection": "mode",
13051
13125
  "group": "component (internal)",
13052
13126
  "scopes": ["fgColor"]
13127
+ },
13128
+ "org.primer.overrides": {
13129
+ "dark": "#25292e"
13053
13130
  }
13054
13131
  },
13055
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13132
+ "filePath": "src/tokens/component/header.json5",
13056
13133
  "isSource": true,
13057
13134
  "original": {
13058
13135
  "$value": "{base.color.neutral.0}",
@@ -13062,6 +13139,9 @@
13062
13139
  "collection": "mode",
13063
13140
  "group": "component (internal)",
13064
13141
  "scopes": ["fgColor"]
13142
+ },
13143
+ "org.primer.overrides": {
13144
+ "dark": "{base.color.neutral.12}"
13065
13145
  }
13066
13146
  }
13067
13147
  },
@@ -13078,9 +13158,12 @@
13078
13158
  "collection": "mode",
13079
13159
  "group": "component (internal)",
13080
13160
  "scopes": ["bgColor"]
13161
+ },
13162
+ "org.primer.overrides": {
13163
+ "dark": "#f6f8fa"
13081
13164
  }
13082
13165
  },
13083
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13166
+ "filePath": "src/tokens/component/headerSerach.json5",
13084
13167
  "isSource": true,
13085
13168
  "original": {
13086
13169
  "$value": "{base.color.neutral.12}",
@@ -13090,6 +13173,9 @@
13090
13173
  "collection": "mode",
13091
13174
  "group": "component (internal)",
13092
13175
  "scopes": ["bgColor"]
13176
+ },
13177
+ "org.primer.overrides": {
13178
+ "dark": "{base.color.neutral.1}"
13093
13179
  }
13094
13180
  }
13095
13181
  },
@@ -13106,9 +13192,12 @@
13106
13192
  "collection": "mode",
13107
13193
  "group": "component (internal)",
13108
13194
  "scopes": ["borderColor"]
13195
+ },
13196
+ "org.primer.overrides": {
13197
+ "dark": "#dae0e7"
13109
13198
  }
13110
13199
  },
13111
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
13200
+ "filePath": "src/tokens/component/headerSerach.json5",
13112
13201
  "isSource": true,
13113
13202
  "original": {
13114
13203
  "$value": "{base.color.neutral.8}",
@@ -13118,6 +13207,9 @@
13118
13207
  "collection": "mode",
13119
13208
  "group": "component (internal)",
13120
13209
  "scopes": ["borderColor"]
13210
+ },
13211
+ "org.primer.overrides": {
13212
+ "dark": "{base.color.neutral.5}"
13121
13213
  }
13122
13214
  }
13123
13215
  },
@@ -16400,10 +16492,16 @@
16400
16492
  "collection": "mode",
16401
16493
  "group": "component (internal)",
16402
16494
  "scopes": ["bgColor"]
16495
+ },
16496
+ "org.primer.overrides": {
16497
+ "dark": "#e6eaef",
16498
+ "dark-dimmed": "#e0e6eb",
16499
+ "light-high-contrast": "#393f46",
16500
+ "dark-high-contrast": "#393f46"
16403
16501
  }
16404
16502
  },
16405
16503
  "alpha": 0.4,
16406
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16504
+ "filePath": "src/tokens/component/overlay.json5",
16407
16505
  "isSource": true,
16408
16506
  "original": {
16409
16507
  "$value": "{base.color.neutral.7}",
@@ -16413,6 +16511,12 @@
16413
16511
  "collection": "mode",
16414
16512
  "group": "component (internal)",
16415
16513
  "scopes": ["bgColor"]
16514
+ },
16515
+ "org.primer.overrides": {
16516
+ "dark": "{base.color.neutral.3}",
16517
+ "dark-dimmed": "{base.color.neutral.4}",
16518
+ "light-high-contrast": "{base.color.neutral.11}",
16519
+ "dark-high-contrast": "{base.color.neutral.11}"
16416
16520
  }
16417
16521
  },
16418
16522
  "alpha": 0.4
@@ -16430,9 +16534,13 @@
16430
16534
  "collection": "mode",
16431
16535
  "group": "component (internal)",
16432
16536
  "scopes": ["bgColor"]
16537
+ },
16538
+ "org.primer.overrides": {
16539
+ "dark": "#f6f8fa",
16540
+ "dark-dimmed": "#dae0e7"
16433
16541
  }
16434
16542
  },
16435
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16543
+ "filePath": "src/tokens/component/overlay.json5",
16436
16544
  "isSource": true,
16437
16545
  "original": {
16438
16546
  "$value": "{base.color.neutral.0}",
@@ -16442,6 +16550,10 @@
16442
16550
  "collection": "mode",
16443
16551
  "group": "component (internal)",
16444
16552
  "scopes": ["bgColor"]
16553
+ },
16554
+ "org.primer.overrides": {
16555
+ "dark": "{bgColor.muted}",
16556
+ "dark-dimmed": "{base.color.neutral.5}"
16445
16557
  }
16446
16558
  }
16447
16559
  },
@@ -16457,10 +16569,40 @@
16457
16569
  "org.primer.figma": {
16458
16570
  "collection": "mode",
16459
16571
  "group": "component (internal)"
16572
+ },
16573
+ "org.primer.overrides": {
16574
+ "dark": {
16575
+ "alpha": 1,
16576
+ "$value": "#d1d9e0b3",
16577
+ "filePath": "src/tokens/component/overlay.json5",
16578
+ "isSource": true,
16579
+ "$type": "color"
16580
+ },
16581
+ "dark-dimmed": {
16582
+ "$value": "#c8d1da",
16583
+ "alpha": 0.7,
16584
+ "filePath": "src/tokens/component/overlay.json5",
16585
+ "isSource": true,
16586
+ "$type": "color"
16587
+ },
16588
+ "light-high-contrast": {
16589
+ "alpha": 1,
16590
+ "$value": "#d1d9e0",
16591
+ "filePath": "src/tokens/component/overlay.json5",
16592
+ "isSource": true,
16593
+ "$type": "color"
16594
+ },
16595
+ "dark-high-contrast": {
16596
+ "$value": "#d1d9e0",
16597
+ "alpha": 1,
16598
+ "filePath": "src/tokens/component/overlay.json5",
16599
+ "isSource": true,
16600
+ "$type": "color"
16601
+ }
16460
16602
  }
16461
16603
  },
16462
16604
  "alpha": 0.5,
16463
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16605
+ "filePath": "src/tokens/component/overlay.json5",
16464
16606
  "isSource": true,
16465
16607
  "original": {
16466
16608
  "$value": "{borderColor.muted}",
@@ -16469,6 +16611,36 @@
16469
16611
  "org.primer.figma": {
16470
16612
  "collection": "mode",
16471
16613
  "group": "component (internal)"
16614
+ },
16615
+ "org.primer.overrides": {
16616
+ "dark": {
16617
+ "alpha": 1,
16618
+ "$value": "{borderColor.muted}",
16619
+ "filePath": "src/tokens/component/overlay.json5",
16620
+ "isSource": true,
16621
+ "$type": "color"
16622
+ },
16623
+ "dark-dimmed": {
16624
+ "$value": "{base.color.neutral.7}",
16625
+ "alpha": 0.7,
16626
+ "filePath": "src/tokens/component/overlay.json5",
16627
+ "isSource": true,
16628
+ "$type": "color"
16629
+ },
16630
+ "light-high-contrast": {
16631
+ "alpha": 1,
16632
+ "$value": "{borderColor.default}",
16633
+ "filePath": "src/tokens/component/overlay.json5",
16634
+ "isSource": true,
16635
+ "$type": "color"
16636
+ },
16637
+ "dark-high-contrast": {
16638
+ "$value": "{borderColor.default}",
16639
+ "alpha": 1,
16640
+ "filePath": "src/tokens/component/overlay.json5",
16641
+ "isSource": true,
16642
+ "$type": "color"
16643
+ }
16472
16644
  }
16473
16645
  },
16474
16646
  "alpha": 0.5
@@ -16486,9 +16658,12 @@
16486
16658
  "collection": "mode",
16487
16659
  "group": "component",
16488
16660
  "scopes": ["bgColor"]
16661
+ },
16662
+ "org.primer.overrides": {
16663
+ "dark": "#ffffff"
16489
16664
  }
16490
16665
  },
16491
- "filePath": "src/tokens/functional/color/light/app-light.json5",
16666
+ "filePath": "src/tokens/component/page.json5",
16492
16667
  "isSource": true,
16493
16668
  "original": {
16494
16669
  "$value": "{bgColor.muted}",
@@ -16498,6 +16673,9 @@
16498
16673
  "collection": "mode",
16499
16674
  "group": "component",
16500
16675
  "scopes": ["bgColor"]
16676
+ },
16677
+ "org.primer.overrides": {
16678
+ "dark": "{bgColor.default}"
16501
16679
  }
16502
16680
  }
16503
16681
  },
@@ -16514,9 +16692,33 @@
16514
16692
  "collection": "mode",
16515
16693
  "group": "component (internal)",
16516
16694
  "scopes": ["bgColor"]
16695
+ },
16696
+ "org.primer.overrides": {
16697
+ "dark": {
16698
+ "$value": "#3a8cfd",
16699
+ "alpha": 0.36,
16700
+ "filePath": "src/tokens/component/reactionButton.json5",
16701
+ "isSource": true,
16702
+ "$type": "color"
16703
+ },
16704
+ "dark-dimmed": {
16705
+ "$value": "#4285e5",
16706
+ "alpha": 0.36,
16707
+ "filePath": "src/tokens/component/reactionButton.json5",
16708
+ "isSource": true,
16709
+ "$type": "color"
16710
+ },
16711
+ "light-high-contrast": "#c7e9ff",
16712
+ "dark-high-contrast": {
16713
+ "$value": "#5dadff",
16714
+ "alpha": 0.36,
16715
+ "filePath": "src/tokens/component/reactionButton.json5",
16716
+ "isSource": true,
16717
+ "$type": "color"
16718
+ }
16517
16719
  }
16518
16720
  },
16519
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16721
+ "filePath": "src/tokens/component/reactionButton.json5",
16520
16722
  "isSource": true,
16521
16723
  "original": {
16522
16724
  "$value": "#caecff",
@@ -16526,6 +16728,30 @@
16526
16728
  "collection": "mode",
16527
16729
  "group": "component (internal)",
16528
16730
  "scopes": ["bgColor"]
16731
+ },
16732
+ "org.primer.overrides": {
16733
+ "dark": {
16734
+ "$value": "#3a8cfd",
16735
+ "alpha": 0.36,
16736
+ "filePath": "src/tokens/component/reactionButton.json5",
16737
+ "isSource": true,
16738
+ "$type": "color"
16739
+ },
16740
+ "dark-dimmed": {
16741
+ "$value": "#4285e5",
16742
+ "alpha": 0.36,
16743
+ "filePath": "src/tokens/component/reactionButton.json5",
16744
+ "isSource": true,
16745
+ "$type": "color"
16746
+ },
16747
+ "light-high-contrast": "#c7e9ff",
16748
+ "dark-high-contrast": {
16749
+ "$value": "#5dadff",
16750
+ "alpha": 0.36,
16751
+ "filePath": "src/tokens/component/reactionButton.json5",
16752
+ "isSource": true,
16753
+ "$type": "color"
16754
+ }
16529
16755
  }
16530
16756
  }
16531
16757
  },
@@ -16542,9 +16768,18 @@
16542
16768
  "collection": "mode",
16543
16769
  "group": "component (internal)",
16544
16770
  "scopes": ["bgColor"]
16771
+ },
16772
+ "org.primer.overrides": {
16773
+ "dark": {
16774
+ "$value": "#218bff",
16775
+ "alpha": 0.2,
16776
+ "filePath": "src/tokens/component/reactionButton.json5",
16777
+ "isSource": true,
16778
+ "$type": "color"
16779
+ }
16545
16780
  }
16546
16781
  },
16547
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16782
+ "filePath": "src/tokens/component/reactionButton.json5",
16548
16783
  "isSource": true,
16549
16784
  "original": {
16550
16785
  "$value": "{base.color.blue.0}",
@@ -16554,6 +16789,15 @@
16554
16789
  "collection": "mode",
16555
16790
  "group": "component (internal)",
16556
16791
  "scopes": ["bgColor"]
16792
+ },
16793
+ "org.primer.overrides": {
16794
+ "dark": {
16795
+ "$value": "{base.color.blue.4}",
16796
+ "alpha": 0.2,
16797
+ "filePath": "src/tokens/component/reactionButton.json5",
16798
+ "isSource": true,
16799
+ "$type": "color"
16800
+ }
16557
16801
  }
16558
16802
  }
16559
16803
  },
@@ -16570,9 +16814,12 @@
16570
16814
  "collection": "mode",
16571
16815
  "group": "component (internal)",
16572
16816
  "scopes": ["fgColor"]
16817
+ },
16818
+ "org.primer.overrides": {
16819
+ "dark": "#80ccff"
16573
16820
  }
16574
16821
  },
16575
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16822
+ "filePath": "src/tokens/component/reactionButton.json5",
16576
16823
  "isSource": true,
16577
16824
  "original": {
16578
16825
  "$value": "{base.color.blue.6}",
@@ -16582,6 +16829,9 @@
16582
16829
  "collection": "mode",
16583
16830
  "group": "component (internal)",
16584
16831
  "scopes": ["fgColor"]
16832
+ },
16833
+ "org.primer.overrides": {
16834
+ "dark": "{base.color.blue.2}"
16585
16835
  }
16586
16836
  }
16587
16837
  },
@@ -16600,7 +16850,7 @@
16600
16850
  "scopes": ["fgColor"]
16601
16851
  }
16602
16852
  },
16603
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
16853
+ "filePath": "src/tokens/component/reactionButton.json5",
16604
16854
  "isSource": true,
16605
16855
  "original": {
16606
16856
  "$value": "{fgColor.link}",
@@ -17114,10 +17364,29 @@
17114
17364
  "collection": "mode",
17115
17365
  "group": "component",
17116
17366
  "scopes": ["bgColor"]
17367
+ },
17368
+ "org.primer.overrides": {
17369
+ "dark": {
17370
+ "alpha": 0.2
17371
+ },
17372
+ "light-high-contrast": {
17373
+ "$value": "#dae0e7",
17374
+ "alpha": 1,
17375
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17376
+ "isSource": true,
17377
+ "$type": "color"
17378
+ },
17379
+ "dark-high-contrast": {
17380
+ "$value": "#dae0e7",
17381
+ "alpha": 1,
17382
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17383
+ "isSource": true,
17384
+ "$type": "color"
17385
+ }
17117
17386
  }
17118
17387
  },
17119
17388
  "alpha": 0.1,
17120
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
17389
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17121
17390
  "isSource": true,
17122
17391
  "original": {
17123
17392
  "$value": "{base.color.neutral.8}",
@@ -17127,6 +17396,25 @@
17127
17396
  "collection": "mode",
17128
17397
  "group": "component",
17129
17398
  "scopes": ["bgColor"]
17399
+ },
17400
+ "org.primer.overrides": {
17401
+ "dark": {
17402
+ "alpha": 0.2
17403
+ },
17404
+ "light-high-contrast": {
17405
+ "$value": "{base.color.neutral.5}",
17406
+ "alpha": 1,
17407
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17408
+ "isSource": true,
17409
+ "$type": "color"
17410
+ },
17411
+ "dark-high-contrast": {
17412
+ "$value": "{base.color.neutral.5}",
17413
+ "alpha": 1,
17414
+ "filePath": "src/tokens/component/skeletonLoader.json5",
17415
+ "isSource": true,
17416
+ "$type": "color"
17417
+ }
17130
17418
  }
17131
17419
  },
17132
17420
  "alpha": 0.1
@@ -17144,9 +17432,13 @@
17144
17432
  "collection": "mode",
17145
17433
  "group": "component (internal)",
17146
17434
  "scopes": ["bgColor"]
17435
+ },
17436
+ "org.primer.overrides": {
17437
+ "dark": "#e6eaef",
17438
+ "dark-dimmed": "#e0e6eb"
17147
17439
  }
17148
17440
  },
17149
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
17441
+ "filePath": "src/tokens/component/timelineBadge.json5",
17150
17442
  "isSource": true,
17151
17443
  "original": {
17152
17444
  "$value": "{bgColor.muted}",
@@ -17156,6 +17448,10 @@
17156
17448
  "collection": "mode",
17157
17449
  "group": "component (internal)",
17158
17450
  "scopes": ["bgColor"]
17451
+ },
17452
+ "org.primer.overrides": {
17453
+ "dark": "{base.color.neutral.3}",
17454
+ "dark-dimmed": "{base.color.neutral.4}"
17159
17455
  }
17160
17456
  }
17161
17457
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "10.3.0-rc.fcd52a27",
3
+ "version": "10.3.0",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [