@primer/primitives 10.4.0-rc.3e3fc629 → 10.4.0-rc.5c21850f

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 (26) hide show
  1. package/dist/docs/functional/themes/dark-colorblind.json +550 -44
  2. package/dist/docs/functional/themes/dark-dimmed.json +908 -60
  3. package/dist/docs/functional/themes/dark-high-contrast.json +1037 -49
  4. package/dist/docs/functional/themes/dark-tritanopia.json +530 -44
  5. package/dist/docs/functional/themes/dark.json +530 -44
  6. package/dist/docs/functional/themes/light-colorblind.json +530 -44
  7. package/dist/docs/functional/themes/light-high-contrast.json +86 -12
  8. package/dist/docs/functional/themes/light-tritanopia.json +530 -44
  9. package/dist/docs/functional/themes/light.json +530 -44
  10. package/dist/figma/themes/dark-colorblind.json +16 -0
  11. package/dist/figma/themes/dark-dimmed.json +267 -12
  12. package/dist/figma/themes/dark-high-contrast.json +362 -9
  13. package/dist/styleLint/functional/themes/dark-colorblind.json +550 -44
  14. package/dist/styleLint/functional/themes/dark-dimmed.json +908 -60
  15. package/dist/styleLint/functional/themes/dark-high-contrast.json +1037 -49
  16. package/dist/styleLint/functional/themes/dark-tritanopia.json +530 -44
  17. package/dist/styleLint/functional/themes/dark.json +530 -44
  18. package/dist/styleLint/functional/themes/light-colorblind.json +530 -44
  19. package/dist/styleLint/functional/themes/light-high-contrast.json +86 -12
  20. package/dist/styleLint/functional/themes/light-tritanopia.json +530 -44
  21. package/dist/styleLint/functional/themes/light.json +530 -44
  22. package/package.json +1 -1
  23. package/src/tokens/functional/color/control.json5 +391 -161
  24. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -106
  25. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -124
  26. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -10
@@ -9136,7 +9136,19 @@
9136
9136
  "scopes": ["bgColor"]
9137
9137
  },
9138
9138
  "org.primer.overrides": {
9139
- "dark": "#2a313c"
9139
+ "dark": "#2a313c",
9140
+ "dark-high-contrast": {
9141
+ "$value": "#2f3742",
9142
+ "filePath": "src/tokens/functional/color/control.json5",
9143
+ "isSource": true,
9144
+ "$type": "color"
9145
+ },
9146
+ "dark-dimmed": {
9147
+ "$value": "#3d444d",
9148
+ "filePath": "src/tokens/functional/color/control.json5",
9149
+ "isSource": true,
9150
+ "$type": "color"
9151
+ }
9140
9152
  }
9141
9153
  },
9142
9154
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9151,7 +9163,19 @@
9151
9163
  "scopes": ["bgColor"]
9152
9164
  },
9153
9165
  "org.primer.overrides": {
9154
- "dark": "{base.color.neutral.5}"
9166
+ "dark": "{base.color.neutral.5}",
9167
+ "dark-high-contrast": {
9168
+ "$value": "{base.color.neutral.6}",
9169
+ "filePath": "src/tokens/functional/color/control.json5",
9170
+ "isSource": true,
9171
+ "$type": "color"
9172
+ },
9173
+ "dark-dimmed": {
9174
+ "$value": "{base.color.neutral.7}",
9175
+ "filePath": "src/tokens/functional/color/control.json5",
9176
+ "isSource": true,
9177
+ "$type": "color"
9178
+ }
9155
9179
  }
9156
9180
  }
9157
9181
  },
@@ -9204,7 +9228,19 @@
9204
9228
  "scopes": ["bgColor"]
9205
9229
  },
9206
9230
  "org.primer.overrides": {
9207
- "dark": "#262c36"
9231
+ "dark": "#262c36",
9232
+ "dark-high-contrast": {
9233
+ "$value": "#2a313c",
9234
+ "filePath": "src/tokens/functional/color/control.json5",
9235
+ "isSource": true,
9236
+ "$type": "color"
9237
+ },
9238
+ "dark-dimmed": {
9239
+ "$value": "#2f3742",
9240
+ "filePath": "src/tokens/functional/color/control.json5",
9241
+ "isSource": true,
9242
+ "$type": "color"
9243
+ }
9208
9244
  }
9209
9245
  },
9210
9246
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9219,7 +9255,19 @@
9219
9255
  "scopes": ["bgColor"]
9220
9256
  },
9221
9257
  "org.primer.overrides": {
9222
- "dark": "{base.color.neutral.4}"
9258
+ "dark": "{base.color.neutral.4}",
9259
+ "dark-high-contrast": {
9260
+ "$value": "{base.color.neutral.5}",
9261
+ "filePath": "src/tokens/functional/color/control.json5",
9262
+ "isSource": true,
9263
+ "$type": "color"
9264
+ },
9265
+ "dark-dimmed": {
9266
+ "$value": "{base.color.neutral.6}",
9267
+ "filePath": "src/tokens/functional/color/control.json5",
9268
+ "isSource": true,
9269
+ "$type": "color"
9270
+ }
9223
9271
  }
9224
9272
  }
9225
9273
  },
@@ -9238,7 +9286,19 @@
9238
9286
  "scopes": ["bgColor"]
9239
9287
  },
9240
9288
  "org.primer.overrides": {
9241
- "dark": "#212830"
9289
+ "dark": "#212830",
9290
+ "dark-high-contrast": {
9291
+ "$value": "#262c36",
9292
+ "filePath": "src/tokens/functional/color/control.json5",
9293
+ "isSource": true,
9294
+ "$type": "color"
9295
+ },
9296
+ "dark-dimmed": {
9297
+ "$value": "#2a313c",
9298
+ "filePath": "src/tokens/functional/color/control.json5",
9299
+ "isSource": true,
9300
+ "$type": "color"
9301
+ }
9242
9302
  }
9243
9303
  },
9244
9304
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9253,7 +9313,19 @@
9253
9313
  "scopes": ["bgColor"]
9254
9314
  },
9255
9315
  "org.primer.overrides": {
9256
- "dark": "{base.color.neutral.3}"
9316
+ "dark": "{base.color.neutral.3}",
9317
+ "dark-high-contrast": {
9318
+ "$value": "{base.color.neutral.4}",
9319
+ "filePath": "src/tokens/functional/color/control.json5",
9320
+ "isSource": true,
9321
+ "$type": "color"
9322
+ },
9323
+ "dark-dimmed": {
9324
+ "$value": "{base.color.neutral.5}",
9325
+ "filePath": "src/tokens/functional/color/control.json5",
9326
+ "isSource": true,
9327
+ "$type": "color"
9328
+ }
9257
9329
  }
9258
9330
  }
9259
9331
  },
@@ -9340,7 +9412,14 @@
9340
9412
  "scopes": ["borderColor"]
9341
9413
  },
9342
9414
  "org.primer.overrides": {
9343
- "dark": "#656c761a"
9415
+ "dark": "#656c761a",
9416
+ "dark-dimmed": {
9417
+ "$value": "#656c76",
9418
+ "alpha": 0.1,
9419
+ "filePath": "src/tokens/functional/color/control.json5",
9420
+ "isSource": true,
9421
+ "$type": "color"
9422
+ }
9344
9423
  }
9345
9424
  },
9346
9425
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9355,7 +9434,14 @@
9355
9434
  "scopes": ["borderColor"]
9356
9435
  },
9357
9436
  "org.primer.overrides": {
9358
- "dark": "{borderColor.disabled}"
9437
+ "dark": "{borderColor.disabled}",
9438
+ "dark-dimmed": {
9439
+ "$value": "{base.color.neutral.8}",
9440
+ "alpha": 0.1,
9441
+ "filePath": "src/tokens/functional/color/control.json5",
9442
+ "isSource": true,
9443
+ "$type": "color"
9444
+ }
9359
9445
  }
9360
9446
  }
9361
9447
  },
@@ -9374,7 +9460,13 @@
9374
9460
  "scopes": ["borderColor"]
9375
9461
  },
9376
9462
  "org.primer.overrides": {
9377
- "dark": "#656c76"
9463
+ "dark": "#656c76",
9464
+ "dark-high-contrast": {
9465
+ "$value": "#656c76",
9466
+ "filePath": "src/tokens/functional/color/control.json5",
9467
+ "isSource": true,
9468
+ "$type": "color"
9469
+ }
9378
9470
  }
9379
9471
  },
9380
9472
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9389,7 +9481,13 @@
9389
9481
  "scopes": ["borderColor"]
9390
9482
  },
9391
9483
  "org.primer.overrides": {
9392
- "dark": "{borderColor.emphasis}"
9484
+ "dark": "{borderColor.emphasis}",
9485
+ "dark-high-contrast": {
9486
+ "$value": "{borderColor.emphasis}",
9487
+ "filePath": "src/tokens/functional/color/control.json5",
9488
+ "isSource": true,
9489
+ "$type": "color"
9490
+ }
9393
9491
  }
9394
9492
  }
9395
9493
  },
@@ -9408,7 +9506,13 @@
9408
9506
  "scopes": ["borderColor"]
9409
9507
  },
9410
9508
  "org.primer.overrides": {
9411
- "dark": "#3d444d"
9509
+ "dark": "#3d444d",
9510
+ "dark-dimmed": {
9511
+ "$value": "#3d444d",
9512
+ "filePath": "src/tokens/functional/color/control.json5",
9513
+ "isSource": true,
9514
+ "$type": "color"
9515
+ }
9412
9516
  }
9413
9517
  },
9414
9518
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9423,7 +9527,13 @@
9423
9527
  "scopes": ["borderColor"]
9424
9528
  },
9425
9529
  "org.primer.overrides": {
9426
- "dark": "{borderColor.default}"
9530
+ "dark": "{borderColor.default}",
9531
+ "dark-dimmed": {
9532
+ "$value": "#3d444d",
9533
+ "filePath": "src/tokens/functional/color/control.json5",
9534
+ "isSource": true,
9535
+ "$type": "color"
9536
+ }
9427
9537
  }
9428
9538
  }
9429
9539
  },
@@ -9544,7 +9654,19 @@
9544
9654
  "scopes": ["bgColor"]
9545
9655
  },
9546
9656
  "org.primer.overrides": {
9547
- "dark": "#3685F3"
9657
+ "dark": "#3685F3",
9658
+ "dark-high-contrast": {
9659
+ "$value": "#3c79d0",
9660
+ "filePath": "src/tokens/functional/color/control.json5",
9661
+ "isSource": true,
9662
+ "$type": "color"
9663
+ },
9664
+ "dark-dimmed": {
9665
+ "$value": "#3f7fdb",
9666
+ "filePath": "src/tokens/functional/color/control.json5",
9667
+ "isSource": true,
9668
+ "$type": "color"
9669
+ }
9548
9670
  }
9549
9671
  },
9550
9672
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9559,7 +9681,19 @@
9559
9681
  "scopes": ["bgColor"]
9560
9682
  },
9561
9683
  "org.primer.overrides": {
9562
- "dark": "#3685F3"
9684
+ "dark": "#3685F3",
9685
+ "dark-high-contrast": {
9686
+ "$value": "#3c79d0",
9687
+ "filePath": "src/tokens/functional/color/control.json5",
9688
+ "isSource": true,
9689
+ "$type": "color"
9690
+ },
9691
+ "dark-dimmed": {
9692
+ "$value": "#3f7fdb",
9693
+ "filePath": "src/tokens/functional/color/control.json5",
9694
+ "isSource": true,
9695
+ "$type": "color"
9696
+ }
9563
9697
  }
9564
9698
  }
9565
9699
  },
@@ -9612,7 +9746,19 @@
9612
9746
  "scopes": ["bgColor"]
9613
9747
  },
9614
9748
  "org.primer.overrides": {
9615
- "dark": "#2A7AEF"
9749
+ "dark": "#2A7AEF",
9750
+ "dark-high-contrast": {
9751
+ "$value": "#2b64c1",
9752
+ "filePath": "src/tokens/functional/color/control.json5",
9753
+ "isSource": true,
9754
+ "$type": "color"
9755
+ },
9756
+ "dark-dimmed": {
9757
+ "$value": "#3876d3",
9758
+ "filePath": "src/tokens/functional/color/control.json5",
9759
+ "isSource": true,
9760
+ "$type": "color"
9761
+ }
9616
9762
  }
9617
9763
  },
9618
9764
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9627,7 +9773,19 @@
9627
9773
  "scopes": ["bgColor"]
9628
9774
  },
9629
9775
  "org.primer.overrides": {
9630
- "dark": "#2A7AEF"
9776
+ "dark": "#2A7AEF",
9777
+ "dark-high-contrast": {
9778
+ "$value": "#2b64c1",
9779
+ "filePath": "src/tokens/functional/color/control.json5",
9780
+ "isSource": true,
9781
+ "$type": "color"
9782
+ },
9783
+ "dark-dimmed": {
9784
+ "$value": "#3876d3",
9785
+ "filePath": "src/tokens/functional/color/control.json5",
9786
+ "isSource": true,
9787
+ "$type": "color"
9788
+ }
9631
9789
  }
9632
9790
  }
9633
9791
  },
@@ -9680,7 +9838,19 @@
9680
9838
  "scopes": ["borderColor"]
9681
9839
  },
9682
9840
  "org.primer.overrides": {
9683
- "dark": "#3685f3"
9841
+ "dark": "#3685f3",
9842
+ "dark-high-contrast": {
9843
+ "$value": "#79c0ff",
9844
+ "filePath": "src/tokens/functional/color/control.json5",
9845
+ "isSource": true,
9846
+ "$type": "color"
9847
+ },
9848
+ "dark-dimmed": {
9849
+ "$value": "#3f7fdb",
9850
+ "filePath": "src/tokens/functional/color/control.json5",
9851
+ "isSource": true,
9852
+ "$type": "color"
9853
+ }
9684
9854
  }
9685
9855
  },
9686
9856
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9695,7 +9865,19 @@
9695
9865
  "scopes": ["borderColor"]
9696
9866
  },
9697
9867
  "org.primer.overrides": {
9698
- "dark": "{control.checked.bgColor.active}"
9868
+ "dark": "{control.checked.bgColor.active}",
9869
+ "dark-high-contrast": {
9870
+ "$value": "{base.color.blue.2}",
9871
+ "filePath": "src/tokens/functional/color/control.json5",
9872
+ "isSource": true,
9873
+ "$type": "color"
9874
+ },
9875
+ "dark-dimmed": {
9876
+ "$value": "#3f7fdb",
9877
+ "filePath": "src/tokens/functional/color/control.json5",
9878
+ "isSource": true,
9879
+ "$type": "color"
9880
+ }
9699
9881
  }
9700
9882
  }
9701
9883
  },
@@ -9748,7 +9930,19 @@
9748
9930
  "scopes": ["borderColor"]
9749
9931
  },
9750
9932
  "org.primer.overrides": {
9751
- "dark": "#2a7aef"
9933
+ "dark": "#2a7aef",
9934
+ "dark-high-contrast": {
9935
+ "$value": "#79c0ff",
9936
+ "filePath": "src/tokens/functional/color/control.json5",
9937
+ "isSource": true,
9938
+ "$type": "color"
9939
+ },
9940
+ "dark-dimmed": {
9941
+ "$value": "#3876d3",
9942
+ "filePath": "src/tokens/functional/color/control.json5",
9943
+ "isSource": true,
9944
+ "$type": "color"
9945
+ }
9752
9946
  }
9753
9947
  },
9754
9948
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9763,7 +9957,19 @@
9763
9957
  "scopes": ["borderColor"]
9764
9958
  },
9765
9959
  "org.primer.overrides": {
9766
- "dark": "{control.checked.bgColor.hover}"
9960
+ "dark": "{control.checked.bgColor.hover}",
9961
+ "dark-high-contrast": {
9962
+ "$value": "{base.color.blue.2}",
9963
+ "filePath": "src/tokens/functional/color/control.json5",
9964
+ "isSource": true,
9965
+ "$type": "color"
9966
+ },
9967
+ "dark-dimmed": {
9968
+ "$value": "#3876d3",
9969
+ "filePath": "src/tokens/functional/color/control.json5",
9970
+ "isSource": true,
9971
+ "$type": "color"
9972
+ }
9767
9973
  }
9768
9974
  }
9769
9975
  },
@@ -9782,7 +9988,13 @@
9782
9988
  "scopes": ["borderColor"]
9783
9989
  },
9784
9990
  "org.primer.overrides": {
9785
- "dark": "#1f6feb"
9991
+ "dark": "#1f6feb",
9992
+ "dark-high-contrast": {
9993
+ "$value": "#79c0ff",
9994
+ "filePath": "src/tokens/functional/color/control.json5",
9995
+ "isSource": true,
9996
+ "$type": "color"
9997
+ }
9786
9998
  }
9787
9999
  },
9788
10000
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9797,7 +10009,13 @@
9797
10009
  "scopes": ["borderColor"]
9798
10010
  },
9799
10011
  "org.primer.overrides": {
9800
- "dark": "{control.checked.bgColor.rest}"
10012
+ "dark": "{control.checked.bgColor.rest}",
10013
+ "dark-high-contrast": {
10014
+ "$value": "{base.color.blue.2}",
10015
+ "filePath": "src/tokens/functional/color/control.json5",
10016
+ "isSource": true,
10017
+ "$type": "color"
10018
+ }
9801
10019
  }
9802
10020
  }
9803
10021
  },
@@ -9897,6 +10115,13 @@
9897
10115
  "filePath": "src/tokens/functional/color/control.json5",
9898
10116
  "isSource": true,
9899
10117
  "$type": "color"
10118
+ },
10119
+ "dark-high-contrast": {
10120
+ "$value": "#c51120",
10121
+ "alpha": 1,
10122
+ "filePath": "src/tokens/functional/color/control.json5",
10123
+ "isSource": true,
10124
+ "$type": "color"
9900
10125
  }
9901
10126
  }
9902
10127
  },
@@ -9926,6 +10151,13 @@
9926
10151
  "filePath": "src/tokens/functional/color/control.json5",
9927
10152
  "isSource": true,
9928
10153
  "$type": "color"
10154
+ },
10155
+ "dark-high-contrast": {
10156
+ "$value": "#c51120",
10157
+ "alpha": 1,
10158
+ "filePath": "src/tokens/functional/color/control.json5",
10159
+ "isSource": true,
10160
+ "$type": "color"
9929
10161
  }
9930
10162
  }
9931
10163
  },
@@ -9946,7 +10178,13 @@
9946
10178
  "scopes": ["bgColor"]
9947
10179
  },
9948
10180
  "org.primer.overrides": {
9949
- "dark": "#db6d281a"
10181
+ "dark": "#db6d281a",
10182
+ "dark-high-contrast": {
10183
+ "$value": "#bd561d",
10184
+ "filePath": "src/tokens/functional/color/control.json5",
10185
+ "isSource": true,
10186
+ "$type": "color"
10187
+ }
9950
10188
  }
9951
10189
  },
9952
10190
  "filePath": "src/tokens/functional/color/control.json5",
@@ -9961,7 +10199,13 @@
9961
10199
  "scopes": ["bgColor"]
9962
10200
  },
9963
10201
  "org.primer.overrides": {
9964
- "dark": "{bgColor.danger.muted}"
10202
+ "dark": "{bgColor.danger.muted}",
10203
+ "dark-high-contrast": {
10204
+ "$value": "{bgColor.danger.emphasis}",
10205
+ "filePath": "src/tokens/functional/color/control.json5",
10206
+ "isSource": true,
10207
+ "$type": "color"
10208
+ }
9965
10209
  }
9966
10210
  }
9967
10211
  },
@@ -9973,11 +10217,33 @@
9973
10217
  "type": "color"
9974
10218
  },
9975
10219
  "control-danger-fgColor-hover": {
9976
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
10220
+ "$extensions": {
10221
+ "org.primer.figma": {
10222
+ "collection": "mode",
10223
+ "group": "component",
10224
+ "scopes": ["fgColor"]
10225
+ },
10226
+ "org.primer.overrides": {
10227
+ "dark": "#ff7b72",
10228
+ "dark-protanopia-deuteranopia": "#f0883e"
10229
+ }
10230
+ },
10231
+ "filePath": "src/tokens/functional/color/control.json5",
9977
10232
  "isSource": true,
9978
10233
  "original": {
9979
10234
  "$value": "{base.color.orange.3}",
9980
- "$type": "color"
10235
+ "$type": "color",
10236
+ "$extensions": {
10237
+ "org.primer.figma": {
10238
+ "collection": "mode",
10239
+ "group": "component",
10240
+ "scopes": ["fgColor"]
10241
+ },
10242
+ "org.primer.overrides": {
10243
+ "dark": "{base.color.red.3}",
10244
+ "dark-protanopia-deuteranopia": "{base.color.orange.3}"
10245
+ }
10246
+ }
9981
10247
  },
9982
10248
  "name": "control-danger-fgColor-hover",
9983
10249
  "attributes": {},
@@ -10062,7 +10328,13 @@
10062
10328
  "scopes": ["fgColor"]
10063
10329
  },
10064
10330
  "org.primer.overrides": {
10065
- "dark": "#9198a1"
10331
+ "dark": "#9198a1",
10332
+ "dark-high-contrast": {
10333
+ "$value": "#b7bdc8",
10334
+ "filePath": "src/tokens/functional/color/control.json5",
10335
+ "isSource": true,
10336
+ "$type": "color"
10337
+ }
10066
10338
  }
10067
10339
  },
10068
10340
  "filePath": "src/tokens/functional/color/control.json5",
@@ -10077,7 +10349,13 @@
10077
10349
  "scopes": ["fgColor"]
10078
10350
  },
10079
10351
  "org.primer.overrides": {
10080
- "dark": "{fgColor.muted}"
10352
+ "dark": "{fgColor.muted}",
10353
+ "dark-high-contrast": {
10354
+ "$value": "{base.color.neutral.10}",
10355
+ "filePath": "src/tokens/functional/color/control.json5",
10356
+ "isSource": true,
10357
+ "$type": "color"
10358
+ }
10081
10359
  }
10082
10360
  }
10083
10361
  },
@@ -10170,6 +10448,20 @@
10170
10448
  "filePath": "src/tokens/functional/color/control.json5",
10171
10449
  "isSource": true,
10172
10450
  "$type": "color"
10451
+ },
10452
+ "dark-high-contrast": {
10453
+ "$value": "#3d444d",
10454
+ "alpha": 1,
10455
+ "filePath": "src/tokens/functional/color/control.json5",
10456
+ "isSource": true,
10457
+ "$type": "color"
10458
+ },
10459
+ "dark-dimmed": {
10460
+ "$value": "#656c76",
10461
+ "alpha": 0.2,
10462
+ "filePath": "src/tokens/functional/color/control.json5",
10463
+ "isSource": true,
10464
+ "$type": "color"
10173
10465
  }
10174
10466
  }
10175
10467
  },
@@ -10192,6 +10484,20 @@
10192
10484
  "filePath": "src/tokens/functional/color/control.json5",
10193
10485
  "isSource": true,
10194
10486
  "$type": "color"
10487
+ },
10488
+ "dark-high-contrast": {
10489
+ "$value": "{base.color.neutral.7}",
10490
+ "alpha": 1,
10491
+ "filePath": "src/tokens/functional/color/control.json5",
10492
+ "isSource": true,
10493
+ "$type": "color"
10494
+ },
10495
+ "dark-dimmed": {
10496
+ "$value": "{base.color.neutral.8}",
10497
+ "alpha": 0.2,
10498
+ "filePath": "src/tokens/functional/color/control.json5",
10499
+ "isSource": true,
10500
+ "$type": "color"
10195
10501
  }
10196
10502
  }
10197
10503
  },
@@ -10252,6 +10558,20 @@
10252
10558
  "filePath": "src/tokens/functional/color/control.json5",
10253
10559
  "isSource": true,
10254
10560
  "$type": "color"
10561
+ },
10562
+ "dark-high-contrast": {
10563
+ "$value": "#2f3742",
10564
+ "alpha": 1,
10565
+ "filePath": "src/tokens/functional/color/control.json5",
10566
+ "isSource": true,
10567
+ "$type": "color"
10568
+ },
10569
+ "dark-dimmed": {
10570
+ "$value": "#656c76",
10571
+ "alpha": 0.15,
10572
+ "filePath": "src/tokens/functional/color/control.json5",
10573
+ "isSource": true,
10574
+ "$type": "color"
10255
10575
  }
10256
10576
  }
10257
10577
  },
@@ -10274,6 +10594,20 @@
10274
10594
  "filePath": "src/tokens/functional/color/control.json5",
10275
10595
  "isSource": true,
10276
10596
  "$type": "color"
10597
+ },
10598
+ "dark-high-contrast": {
10599
+ "$value": "{base.color.neutral.6}",
10600
+ "alpha": 1,
10601
+ "filePath": "src/tokens/functional/color/control.json5",
10602
+ "isSource": true,
10603
+ "$type": "color"
10604
+ },
10605
+ "dark-dimmed": {
10606
+ "$value": "{base.color.neutral.8}",
10607
+ "alpha": 0.15,
10608
+ "filePath": "src/tokens/functional/color/control.json5",
10609
+ "isSource": true,
10610
+ "$type": "color"
10277
10611
  }
10278
10612
  }
10279
10613
  },
@@ -10334,6 +10668,20 @@
10334
10668
  "filePath": "src/tokens/functional/color/control.json5",
10335
10669
  "isSource": true,
10336
10670
  "$type": "color"
10671
+ },
10672
+ "dark-high-contrast": {
10673
+ "$value": "#2f3742",
10674
+ "alpha": 1,
10675
+ "filePath": "src/tokens/functional/color/control.json5",
10676
+ "isSource": true,
10677
+ "$type": "color"
10678
+ },
10679
+ "dark-dimmed": {
10680
+ "$value": "#656c76",
10681
+ "alpha": 0.1,
10682
+ "filePath": "src/tokens/functional/color/control.json5",
10683
+ "isSource": true,
10684
+ "$type": "color"
10337
10685
  }
10338
10686
  }
10339
10687
  },
@@ -10356,6 +10704,20 @@
10356
10704
  "filePath": "src/tokens/functional/color/control.json5",
10357
10705
  "isSource": true,
10358
10706
  "$type": "color"
10707
+ },
10708
+ "dark-high-contrast": {
10709
+ "$value": "{base.color.neutral.6}",
10710
+ "alpha": 1,
10711
+ "filePath": "src/tokens/functional/color/control.json5",
10712
+ "isSource": true,
10713
+ "$type": "color"
10714
+ },
10715
+ "dark-dimmed": {
10716
+ "$value": "{base.color.neutral.8}",
10717
+ "alpha": 0.1,
10718
+ "filePath": "src/tokens/functional/color/control.json5",
10719
+ "isSource": true,
10720
+ "$type": "color"
10359
10721
  }
10360
10722
  }
10361
10723
  },
@@ -10376,7 +10738,13 @@
10376
10738
  "scopes": ["borderColor"]
10377
10739
  },
10378
10740
  "org.primer.overrides": {
10379
- "dark": "#00000000"
10741
+ "dark": "#00000000",
10742
+ "dark-high-contrast": {
10743
+ "$value": "#3d444d",
10744
+ "filePath": "src/tokens/functional/color/control.json5",
10745
+ "isSource": true,
10746
+ "$type": "color"
10747
+ }
10380
10748
  }
10381
10749
  },
10382
10750
  "filePath": "src/tokens/functional/color/control.json5",
@@ -10391,7 +10759,13 @@
10391
10759
  "scopes": ["borderColor"]
10392
10760
  },
10393
10761
  "org.primer.overrides": {
10394
- "dark": "{base.color.transparent}"
10762
+ "dark": "{base.color.transparent}",
10763
+ "dark-high-contrast": {
10764
+ "$value": "{borderColor.default}",
10765
+ "filePath": "src/tokens/functional/color/control.json5",
10766
+ "isSource": true,
10767
+ "$type": "color"
10768
+ }
10395
10769
  }
10396
10770
  }
10397
10771
  },
@@ -10410,7 +10784,13 @@
10410
10784
  "scopes": ["borderColor"]
10411
10785
  },
10412
10786
  "org.primer.overrides": {
10413
- "dark": "#00000000"
10787
+ "dark": "#00000000",
10788
+ "dark-high-contrast": {
10789
+ "$value": "#3d444d",
10790
+ "filePath": "src/tokens/functional/color/control.json5",
10791
+ "isSource": true,
10792
+ "$type": "color"
10793
+ }
10414
10794
  }
10415
10795
  },
10416
10796
  "filePath": "src/tokens/functional/color/control.json5",
@@ -10425,7 +10805,13 @@
10425
10805
  "scopes": ["borderColor"]
10426
10806
  },
10427
10807
  "org.primer.overrides": {
10428
- "dark": "{base.color.transparent}"
10808
+ "dark": "{base.color.transparent}",
10809
+ "dark-high-contrast": {
10810
+ "$value": "{borderColor.default}",
10811
+ "filePath": "src/tokens/functional/color/control.json5",
10812
+ "isSource": true,
10813
+ "$type": "color"
10814
+ }
10429
10815
  }
10430
10816
  }
10431
10817
  },
@@ -10546,7 +10932,13 @@
10546
10932
  "scopes": ["bgColor"]
10547
10933
  },
10548
10934
  "org.primer.overrides": {
10549
- "dark": "#010409"
10935
+ "dark": "#010409",
10936
+ "dark-dimmed": {
10937
+ "$value": "#010409",
10938
+ "filePath": "src/tokens/functional/color/control.json5",
10939
+ "isSource": true,
10940
+ "$type": "color"
10941
+ }
10550
10942
  }
10551
10943
  },
10552
10944
  "filePath": "src/tokens/functional/color/control.json5",
@@ -10561,7 +10953,13 @@
10561
10953
  "scopes": ["bgColor"]
10562
10954
  },
10563
10955
  "org.primer.overrides": {
10564
- "dark": "{bgColor.inset}"
10956
+ "dark": "{bgColor.inset}",
10957
+ "dark-dimmed": {
10958
+ "$value": "{bgColor.inset}",
10959
+ "filePath": "src/tokens/functional/color/control.json5",
10960
+ "isSource": true,
10961
+ "$type": "color"
10962
+ }
10565
10963
  }
10566
10964
  }
10567
10965
  },
@@ -10682,7 +11080,19 @@
10682
11080
  "scopes": ["bgColor"]
10683
11081
  },
10684
11082
  "org.primer.overrides": {
10685
- "dark": "#2f3742"
11083
+ "dark": "#2f3742",
11084
+ "dark-high-contrast": {
11085
+ "$value": "#3d444d",
11086
+ "filePath": "src/tokens/functional/color/control.json5",
11087
+ "isSource": true,
11088
+ "$type": "color"
11089
+ },
11090
+ "dark-dimmed": {
11091
+ "$value": "#3d444d",
11092
+ "filePath": "src/tokens/functional/color/control.json5",
11093
+ "isSource": true,
11094
+ "$type": "color"
11095
+ }
10686
11096
  }
10687
11097
  },
10688
11098
  "filePath": "src/tokens/functional/color/control.json5",
@@ -10697,7 +11107,19 @@
10697
11107
  "scopes": ["bgColor"]
10698
11108
  },
10699
11109
  "org.primer.overrides": {
10700
- "dark": "{base.color.neutral.6}"
11110
+ "dark": "{base.color.neutral.6}",
11111
+ "dark-high-contrast": {
11112
+ "$value": "{base.color.neutral.7}",
11113
+ "filePath": "src/tokens/functional/color/control.json5",
11114
+ "isSource": true,
11115
+ "$type": "color"
11116
+ },
11117
+ "dark-dimmed": {
11118
+ "$value": "{base.color.neutral.7}",
11119
+ "filePath": "src/tokens/functional/color/control.json5",
11120
+ "isSource": true,
11121
+ "$type": "color"
11122
+ }
10701
11123
  }
10702
11124
  }
10703
11125
  },
@@ -10750,7 +11172,19 @@
10750
11172
  "scopes": ["bgColor"]
10751
11173
  },
10752
11174
  "org.primer.overrides": {
10753
- "dark": "#2a313c"
11175
+ "dark": "#2a313c",
11176
+ "dark-high-contrast": {
11177
+ "$value": "#2f3742",
11178
+ "filePath": "src/tokens/functional/color/control.json5",
11179
+ "isSource": true,
11180
+ "$type": "color"
11181
+ },
11182
+ "dark-dimmed": {
11183
+ "$value": "#2f3742",
11184
+ "filePath": "src/tokens/functional/color/control.json5",
11185
+ "isSource": true,
11186
+ "$type": "color"
11187
+ }
10754
11188
  }
10755
11189
  },
10756
11190
  "filePath": "src/tokens/functional/color/control.json5",
@@ -10765,7 +11199,19 @@
10765
11199
  "scopes": ["bgColor"]
10766
11200
  },
10767
11201
  "org.primer.overrides": {
10768
- "dark": "{base.color.neutral.5}"
11202
+ "dark": "{base.color.neutral.5}",
11203
+ "dark-high-contrast": {
11204
+ "$value": "{base.color.neutral.6}",
11205
+ "filePath": "src/tokens/functional/color/control.json5",
11206
+ "isSource": true,
11207
+ "$type": "color"
11208
+ },
11209
+ "dark-dimmed": {
11210
+ "$value": "{base.color.neutral.6}",
11211
+ "filePath": "src/tokens/functional/color/control.json5",
11212
+ "isSource": true,
11213
+ "$type": "color"
11214
+ }
10769
11215
  }
10770
11216
  }
10771
11217
  },
@@ -10784,7 +11230,19 @@
10784
11230
  "scopes": ["bgColor"]
10785
11231
  },
10786
11232
  "org.primer.overrides": {
10787
- "dark": "#262c36"
11233
+ "dark": "#262c36",
11234
+ "dark-high-contrast": {
11235
+ "$value": "#2a313c",
11236
+ "filePath": "src/tokens/functional/color/control.json5",
11237
+ "isSource": true,
11238
+ "$type": "color"
11239
+ },
11240
+ "dark-dimmed": {
11241
+ "$value": "#2a313c",
11242
+ "filePath": "src/tokens/functional/color/control.json5",
11243
+ "isSource": true,
11244
+ "$type": "color"
11245
+ }
10788
11246
  }
10789
11247
  },
10790
11248
  "filePath": "src/tokens/functional/color/control.json5",
@@ -10799,7 +11257,19 @@
10799
11257
  "scopes": ["bgColor"]
10800
11258
  },
10801
11259
  "org.primer.overrides": {
10802
- "dark": "{base.color.neutral.4}"
11260
+ "dark": "{base.color.neutral.4}",
11261
+ "dark-high-contrast": {
11262
+ "$value": "{base.color.neutral.5}",
11263
+ "filePath": "src/tokens/functional/color/control.json5",
11264
+ "isSource": true,
11265
+ "$type": "color"
11266
+ },
11267
+ "dark-dimmed": {
11268
+ "$value": "{base.color.neutral.5}",
11269
+ "filePath": "src/tokens/functional/color/control.json5",
11270
+ "isSource": true,
11271
+ "$type": "color"
11272
+ }
10803
11273
  }
10804
11274
  }
10805
11275
  },
@@ -10852,7 +11322,19 @@
10852
11322
  "scopes": ["borderColor"]
10853
11323
  },
10854
11324
  "org.primer.overrides": {
10855
- "dark": "#3d444d"
11325
+ "dark": "#3d444d",
11326
+ "dark-high-contrast": {
11327
+ "$value": "#656c76",
11328
+ "filePath": "src/tokens/functional/color/control.json5",
11329
+ "isSource": true,
11330
+ "$type": "color"
11331
+ },
11332
+ "dark-dimmed": {
11333
+ "$value": "#3d444d",
11334
+ "filePath": "src/tokens/functional/color/control.json5",
11335
+ "isSource": true,
11336
+ "$type": "color"
11337
+ }
10856
11338
  }
10857
11339
  },
10858
11340
  "filePath": "src/tokens/functional/color/control.json5",
@@ -10867,7 +11349,19 @@
10867
11349
  "scopes": ["borderColor"]
10868
11350
  },
10869
11351
  "org.primer.overrides": {
10870
- "dark": "{borderColor.default}"
11352
+ "dark": "{borderColor.default}",
11353
+ "dark-high-contrast": {
11354
+ "$value": "{borderColor.emphasis}",
11355
+ "filePath": "src/tokens/functional/color/control.json5",
11356
+ "isSource": true,
11357
+ "$type": "color"
11358
+ },
11359
+ "dark-dimmed": {
11360
+ "$value": "{base.color.neutral.7}",
11361
+ "filePath": "src/tokens/functional/color/control.json5",
11362
+ "isSource": true,
11363
+ "$type": "color"
11364
+ }
10871
11365
  }
10872
11366
  }
10873
11367
  },
@@ -10920,7 +11414,13 @@
10920
11414
  "scopes": ["fgColor"]
10921
11415
  },
10922
11416
  "org.primer.overrides": {
10923
- "dark": "#9198a1"
11417
+ "dark": "#9198a1",
11418
+ "dark-high-contrast": {
11419
+ "$value": "#f0f6fc",
11420
+ "filePath": "src/tokens/functional/color/control.json5",
11421
+ "isSource": true,
11422
+ "$type": "color"
11423
+ }
10924
11424
  }
10925
11425
  },
10926
11426
  "filePath": "src/tokens/functional/color/control.json5",
@@ -10935,7 +11435,13 @@
10935
11435
  "scopes": ["fgColor"]
10936
11436
  },
10937
11437
  "org.primer.overrides": {
10938
- "dark": "{fgColor.muted}"
11438
+ "dark": "{fgColor.muted}",
11439
+ "dark-high-contrast": {
11440
+ "$value": "{fgColor.default}",
11441
+ "filePath": "src/tokens/functional/color/control.json5",
11442
+ "isSource": true,
11443
+ "$type": "color"
11444
+ }
10939
11445
  }
10940
11446
  }
10941
11447
  },