@primer/primitives 11.5.0-rc.eeffc81e → 11.5.1-rc.6029befd

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 (65) hide show
  1. package/DESIGN_TOKENS_GUIDE.md +24 -0
  2. package/DESIGN_TOKENS_SPEC.md +42 -0
  3. package/dist/css/base/size/z-index.css +9 -0
  4. package/dist/css/functional/size/z-index.css +10 -0
  5. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +4 -4
  6. package/dist/css/functional/themes/dark-colorblind.css +4 -4
  7. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +4 -4
  8. package/dist/css/functional/themes/dark-dimmed.css +6 -6
  9. package/dist/css/functional/themes/dark-high-contrast.css +4 -4
  10. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +4 -4
  11. package/dist/css/functional/themes/dark-tritanopia.css +4 -4
  12. package/dist/css/functional/themes/dark.css +4 -4
  13. package/dist/css/primitives.css +2 -0
  14. package/dist/docs/base/size/z-index.json +107 -0
  15. package/dist/docs/functional/size/z-index.json +234 -0
  16. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +70 -22
  17. package/dist/docs/functional/themes/dark-colorblind.json +70 -22
  18. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +70 -22
  19. package/dist/docs/functional/themes/dark-dimmed.json +108 -60
  20. package/dist/docs/functional/themes/dark-high-contrast.json +70 -22
  21. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +70 -22
  22. package/dist/docs/functional/themes/dark-tritanopia.json +70 -22
  23. package/dist/docs/functional/themes/dark.json +70 -22
  24. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +66 -18
  25. package/dist/docs/functional/themes/light-colorblind.json +66 -18
  26. package/dist/docs/functional/themes/light-high-contrast.json +66 -18
  27. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +66 -18
  28. package/dist/docs/functional/themes/light-tritanopia.json +66 -18
  29. package/dist/docs/functional/themes/light.json +66 -18
  30. package/dist/fallbacks/base/size/z-index.json +9 -0
  31. package/dist/fallbacks/functional/size/z-index.json +10 -0
  32. package/dist/figma/themes/dark-colorblind.json +8 -8
  33. package/dist/figma/themes/dark-dimmed.json +57 -57
  34. package/dist/figma/themes/dark-high-contrast.json +8 -8
  35. package/dist/figma/themes/dark-tritanopia.json +8 -8
  36. package/dist/figma/themes/dark.json +8 -8
  37. package/dist/internalCss/dark-colorblind-high-contrast.css +4 -4
  38. package/dist/internalCss/dark-colorblind.css +4 -4
  39. package/dist/internalCss/dark-dimmed-high-contrast.css +4 -4
  40. package/dist/internalCss/dark-dimmed.css +6 -6
  41. package/dist/internalCss/dark-high-contrast.css +4 -4
  42. package/dist/internalCss/dark-tritanopia-high-contrast.css +4 -4
  43. package/dist/internalCss/dark-tritanopia.css +4 -4
  44. package/dist/internalCss/dark.css +4 -4
  45. package/dist/styleLint/base/size/z-index.json +107 -0
  46. package/dist/styleLint/functional/size/z-index.json +234 -0
  47. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +70 -22
  48. package/dist/styleLint/functional/themes/dark-colorblind.json +70 -22
  49. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +70 -22
  50. package/dist/styleLint/functional/themes/dark-dimmed.json +108 -60
  51. package/dist/styleLint/functional/themes/dark-high-contrast.json +70 -22
  52. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +70 -22
  53. package/dist/styleLint/functional/themes/dark-tritanopia.json +70 -22
  54. package/dist/styleLint/functional/themes/dark.json +70 -22
  55. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +66 -18
  56. package/dist/styleLint/functional/themes/light-colorblind.json +66 -18
  57. package/dist/styleLint/functional/themes/light-high-contrast.json +66 -18
  58. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +66 -18
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +66 -18
  60. package/dist/styleLint/functional/themes/light.json +66 -18
  61. package/package.json +1 -1
  62. package/src/tokens/base/size/z-index.json5 +34 -0
  63. package/src/tokens/functional/color/control.json5 +20 -8
  64. package/src/tokens/functional/color/fgColor.json5 +1 -1
  65. package/src/tokens/functional/size/z-index.json5 +92 -0
package/dist/docs/functional/themes/dark-high-contrast.json CHANGED
@@ -20306,9 +20306,33 @@
20306
20306
  "scopes": ["bgColor"]
20307
20307
  },
20308
20308
  "org.primer.overrides": {
20309
- "dark": "#010409",
20309
+ "dark": "#262c36",
20310
+ "dark-high-contrast": {
20311
+ "$value": "#2a313c",
20312
+ "filePath": "src/tokens/functional/color/control.json5",
20313
+ "isSource": true,
20314
+ "$type": "color"
20315
+ },
20316
+ "dark-tritanopia-high-contrast": {
20317
+ "$value": "#2a313c",
20318
+ "filePath": "src/tokens/functional/color/control.json5",
20319
+ "isSource": true,
20320
+ "$type": "color"
20321
+ },
20322
+ "dark-protanopia-deuteranopia-high-contrast": {
20323
+ "$value": "#2a313c",
20324
+ "filePath": "src/tokens/functional/color/control.json5",
20325
+ "isSource": true,
20326
+ "$type": "color"
20327
+ },
20310
20328
  "dark-dimmed": {
20311
- "$value": "#010409",
20329
+ "$value": "#2a313c",
20330
+ "filePath": "src/tokens/functional/color/control.json5",
20331
+ "isSource": true,
20332
+ "$type": "color"
20333
+ },
20334
+ "dark-dimmed-high-contrast": {
20335
+ "$value": "#2a313c",
20312
20336
  "filePath": "src/tokens/functional/color/control.json5",
20313
20337
  "isSource": true,
20314
20338
  "$type": "color"
@@ -20318,7 +20342,7 @@
20318
20342
  "filePath": "src/tokens/functional/color/control.json5",
20319
20343
  "isSource": true,
20320
20344
  "original": {
20321
- "$value": "{bgColor.inset}",
20345
+ "$value": "{base.color.neutral.5}",
20322
20346
  "$type": "color",
20323
20347
  "$extensions": {
20324
20348
  "org.primer.figma": {
@@ -20327,9 +20351,33 @@
20327
20351
  "scopes": ["bgColor"]
20328
20352
  },
20329
20353
  "org.primer.overrides": {
20330
- "dark": "{bgColor.inset}",
20354
+ "dark": "{base.color.neutral.4}",
20355
+ "dark-high-contrast": {
20356
+ "$value": "{base.color.neutral.5}",
20357
+ "filePath": "src/tokens/functional/color/control.json5",
20358
+ "isSource": true,
20359
+ "$type": "color"
20360
+ },
20361
+ "dark-tritanopia-high-contrast": {
20362
+ "$value": "{base.color.neutral.5}",
20363
+ "filePath": "src/tokens/functional/color/control.json5",
20364
+ "isSource": true,
20365
+ "$type": "color"
20366
+ },
20367
+ "dark-protanopia-deuteranopia-high-contrast": {
20368
+ "$value": "{base.color.neutral.5}",
20369
+ "filePath": "src/tokens/functional/color/control.json5",
20370
+ "isSource": true,
20371
+ "$type": "color"
20372
+ },
20331
20373
  "dark-dimmed": {
20332
- "$value": "{bgColor.inset}",
20374
+ "$value": "{base.color.neutral.5}",
20375
+ "filePath": "src/tokens/functional/color/control.json5",
20376
+ "isSource": true,
20377
+ "$type": "color"
20378
+ },
20379
+ "dark-dimmed-high-contrast": {
20380
+ "$value": "{base.color.neutral.5}",
20333
20381
  "filePath": "src/tokens/functional/color/control.json5",
20334
20382
  "isSource": true,
20335
20383
  "$type": "color"
@@ -20341,7 +20389,7 @@
20341
20389
  "name": "controlKnob-bgColor-rest",
20342
20390
  "attributes": {},
20343
20391
  "path": ["controlKnob", "bgColor", "rest"],
20344
- "value": "#010409",
20392
+ "value": "#2a313c",
20345
20393
  "type": "color"
20346
20394
  },
20347
20395
  "controlKnob-borderColor-checked": {
@@ -20769,33 +20817,33 @@
20769
20817
  "scopes": ["bgColor"]
20770
20818
  },
20771
20819
  "org.primer.overrides": {
20772
- "dark": "#262c36",
20820
+ "dark": "#010409",
20773
20821
  "dark-high-contrast": {
20774
- "$value": "#2a313c",
20822
+ "$value": "#010409",
20775
20823
  "filePath": "src/tokens/functional/color/control.json5",
20776
20824
  "isSource": true,
20777
20825
  "$type": "color"
20778
20826
  },
20779
20827
  "dark-tritanopia-high-contrast": {
20780
- "$value": "#2a313c",
20828
+ "$value": "#010409",
20781
20829
  "filePath": "src/tokens/functional/color/control.json5",
20782
20830
  "isSource": true,
20783
20831
  "$type": "color"
20784
20832
  },
20785
20833
  "dark-protanopia-deuteranopia-high-contrast": {
20786
- "$value": "#2a313c",
20834
+ "$value": "#010409",
20787
20835
  "filePath": "src/tokens/functional/color/control.json5",
20788
20836
  "isSource": true,
20789
20837
  "$type": "color"
20790
20838
  },
20791
20839
  "dark-dimmed": {
20792
- "$value": "#2a313c",
20840
+ "$value": "#151b23",
20793
20841
  "filePath": "src/tokens/functional/color/control.json5",
20794
20842
  "isSource": true,
20795
20843
  "$type": "color"
20796
20844
  },
20797
20845
  "dark-dimmed-high-contrast": {
20798
- "$value": "#2a313c",
20846
+ "$value": "#151b23",
20799
20847
  "filePath": "src/tokens/functional/color/control.json5",
20800
20848
  "isSource": true,
20801
20849
  "$type": "color"
@@ -20823,7 +20871,7 @@
20823
20871
  "filePath": "src/tokens/functional/color/control.json5",
20824
20872
  "isSource": true,
20825
20873
  "original": {
20826
- "$value": "{base.color.neutral.5}",
20874
+ "$value": "{base.color.neutral.0}",
20827
20875
  "$type": "color",
20828
20876
  "$extensions": {
20829
20877
  "org.primer.figma": {
@@ -20832,33 +20880,33 @@
20832
20880
  "scopes": ["bgColor"]
20833
20881
  },
20834
20882
  "org.primer.overrides": {
20835
- "dark": "{base.color.neutral.4}",
20883
+ "dark": "{base.color.neutral.0}",
20836
20884
  "dark-high-contrast": {
20837
- "$value": "{base.color.neutral.5}",
20885
+ "$value": "{base.color.neutral.0}",
20838
20886
  "filePath": "src/tokens/functional/color/control.json5",
20839
20887
  "isSource": true,
20840
20888
  "$type": "color"
20841
20889
  },
20842
20890
  "dark-tritanopia-high-contrast": {
20843
- "$value": "{base.color.neutral.5}",
20891
+ "$value": "{base.color.neutral.0}",
20844
20892
  "filePath": "src/tokens/functional/color/control.json5",
20845
20893
  "isSource": true,
20846
20894
  "$type": "color"
20847
20895
  },
20848
20896
  "dark-protanopia-deuteranopia-high-contrast": {
20849
- "$value": "{base.color.neutral.5}",
20897
+ "$value": "{base.color.neutral.0}",
20850
20898
  "filePath": "src/tokens/functional/color/control.json5",
20851
20899
  "isSource": true,
20852
20900
  "$type": "color"
20853
20901
  },
20854
20902
  "dark-dimmed": {
20855
- "$value": "{base.color.neutral.5}",
20903
+ "$value": "{base.color.neutral.2}",
20856
20904
  "filePath": "src/tokens/functional/color/control.json5",
20857
20905
  "isSource": true,
20858
20906
  "$type": "color"
20859
20907
  },
20860
20908
  "dark-dimmed-high-contrast": {
20861
- "$value": "{base.color.neutral.5}",
20909
+ "$value": "{base.color.neutral.2}",
20862
20910
  "filePath": "src/tokens/functional/color/control.json5",
20863
20911
  "isSource": true,
20864
20912
  "$type": "color"
@@ -20888,7 +20936,7 @@
20888
20936
  "name": "controlTrack-bgColor-rest",
20889
20937
  "attributes": {},
20890
20938
  "path": ["controlTrack", "bgColor", "rest"],
20891
- "value": "#2a313c",
20939
+ "value": "#010409",
20892
20940
  "type": "color"
20893
20941
  },
20894
20942
  "controlTrack-borderColor-disabled": {
@@ -38602,7 +38650,7 @@
38602
38650
  "dark-high-contrast": "#ffffff",
38603
38651
  "dark-tritanopia-high-contrast": "#ffffff",
38604
38652
  "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
38605
- "dark-dimmed": "#f0f6fc",
38653
+ "dark-dimmed": "#d1d7e0",
38606
38654
  "dark-dimmed-high-contrast": "#f0f6fc"
38607
38655
  },
38608
38656
  "org.primer.llm": {
@@ -38630,7 +38678,7 @@
38630
38678
  "dark-high-contrast": "{base.color.neutral.13}",
38631
38679
  "dark-tritanopia-high-contrast": "{base.color.neutral.13}",
38632
38680
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}",
38633
- "dark-dimmed": "{base.color.neutral.12}",
38681
+ "dark-dimmed": "{base.color.neutral.11}",
38634
38682
  "dark-dimmed-high-contrast": "{base.color.neutral.12}"
38635
38683
  },
38636
38684
  "org.primer.llm": {
package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json CHANGED
@@ -20318,9 +20318,33 @@
20318
20318
  "scopes": ["bgColor"]
20319
20319
  },
20320
20320
  "org.primer.overrides": {
20321
- "dark": "#010409",
20321
+ "dark": "#262c36",
20322
+ "dark-high-contrast": {
20323
+ "$value": "#2a313c",
20324
+ "filePath": "src/tokens/functional/color/control.json5",
20325
+ "isSource": true,
20326
+ "$type": "color"
20327
+ },
20328
+ "dark-tritanopia-high-contrast": {
20329
+ "$value": "#2a313c",
20330
+ "filePath": "src/tokens/functional/color/control.json5",
20331
+ "isSource": true,
20332
+ "$type": "color"
20333
+ },
20334
+ "dark-protanopia-deuteranopia-high-contrast": {
20335
+ "$value": "#2a313c",
20336
+ "filePath": "src/tokens/functional/color/control.json5",
20337
+ "isSource": true,
20338
+ "$type": "color"
20339
+ },
20322
20340
  "dark-dimmed": {
20323
- "$value": "#010409",
20341
+ "$value": "#2a313c",
20342
+ "filePath": "src/tokens/functional/color/control.json5",
20343
+ "isSource": true,
20344
+ "$type": "color"
20345
+ },
20346
+ "dark-dimmed-high-contrast": {
20347
+ "$value": "#2a313c",
20324
20348
  "filePath": "src/tokens/functional/color/control.json5",
20325
20349
  "isSource": true,
20326
20350
  "$type": "color"
@@ -20330,7 +20354,7 @@
20330
20354
  "filePath": "src/tokens/functional/color/control.json5",
20331
20355
  "isSource": true,
20332
20356
  "original": {
20333
- "$value": "{bgColor.inset}",
20357
+ "$value": "{base.color.neutral.5}",
20334
20358
  "$type": "color",
20335
20359
  "$extensions": {
20336
20360
  "org.primer.figma": {
@@ -20339,9 +20363,33 @@
20339
20363
  "scopes": ["bgColor"]
20340
20364
  },
20341
20365
  "org.primer.overrides": {
20342
- "dark": "{bgColor.inset}",
20366
+ "dark": "{base.color.neutral.4}",
20367
+ "dark-high-contrast": {
20368
+ "$value": "{base.color.neutral.5}",
20369
+ "filePath": "src/tokens/functional/color/control.json5",
20370
+ "isSource": true,
20371
+ "$type": "color"
20372
+ },
20373
+ "dark-tritanopia-high-contrast": {
20374
+ "$value": "{base.color.neutral.5}",
20375
+ "filePath": "src/tokens/functional/color/control.json5",
20376
+ "isSource": true,
20377
+ "$type": "color"
20378
+ },
20379
+ "dark-protanopia-deuteranopia-high-contrast": {
20380
+ "$value": "{base.color.neutral.5}",
20381
+ "filePath": "src/tokens/functional/color/control.json5",
20382
+ "isSource": true,
20383
+ "$type": "color"
20384
+ },
20343
20385
  "dark-dimmed": {
20344
- "$value": "{bgColor.inset}",
20386
+ "$value": "{base.color.neutral.5}",
20387
+ "filePath": "src/tokens/functional/color/control.json5",
20388
+ "isSource": true,
20389
+ "$type": "color"
20390
+ },
20391
+ "dark-dimmed-high-contrast": {
20392
+ "$value": "{base.color.neutral.5}",
20345
20393
  "filePath": "src/tokens/functional/color/control.json5",
20346
20394
  "isSource": true,
20347
20395
  "$type": "color"
@@ -20353,7 +20401,7 @@
20353
20401
  "name": "controlKnob-bgColor-rest",
20354
20402
  "attributes": {},
20355
20403
  "path": ["controlKnob", "bgColor", "rest"],
20356
- "value": "#010409",
20404
+ "value": "#2a313c",
20357
20405
  "type": "color"
20358
20406
  },
20359
20407
  "controlKnob-borderColor-checked": {
@@ -20781,33 +20829,33 @@
20781
20829
  "scopes": ["bgColor"]
20782
20830
  },
20783
20831
  "org.primer.overrides": {
20784
- "dark": "#262c36",
20832
+ "dark": "#010409",
20785
20833
  "dark-high-contrast": {
20786
- "$value": "#2a313c",
20834
+ "$value": "#010409",
20787
20835
  "filePath": "src/tokens/functional/color/control.json5",
20788
20836
  "isSource": true,
20789
20837
  "$type": "color"
20790
20838
  },
20791
20839
  "dark-tritanopia-high-contrast": {
20792
- "$value": "#2a313c",
20840
+ "$value": "#010409",
20793
20841
  "filePath": "src/tokens/functional/color/control.json5",
20794
20842
  "isSource": true,
20795
20843
  "$type": "color"
20796
20844
  },
20797
20845
  "dark-protanopia-deuteranopia-high-contrast": {
20798
- "$value": "#2a313c",
20846
+ "$value": "#010409",
20799
20847
  "filePath": "src/tokens/functional/color/control.json5",
20800
20848
  "isSource": true,
20801
20849
  "$type": "color"
20802
20850
  },
20803
20851
  "dark-dimmed": {
20804
- "$value": "#2a313c",
20852
+ "$value": "#151b23",
20805
20853
  "filePath": "src/tokens/functional/color/control.json5",
20806
20854
  "isSource": true,
20807
20855
  "$type": "color"
20808
20856
  },
20809
20857
  "dark-dimmed-high-contrast": {
20810
- "$value": "#2a313c",
20858
+ "$value": "#151b23",
20811
20859
  "filePath": "src/tokens/functional/color/control.json5",
20812
20860
  "isSource": true,
20813
20861
  "$type": "color"
@@ -20835,7 +20883,7 @@
20835
20883
  "filePath": "src/tokens/functional/color/control.json5",
20836
20884
  "isSource": true,
20837
20885
  "original": {
20838
- "$value": "{base.color.neutral.5}",
20886
+ "$value": "{base.color.neutral.0}",
20839
20887
  "$type": "color",
20840
20888
  "$extensions": {
20841
20889
  "org.primer.figma": {
@@ -20844,33 +20892,33 @@
20844
20892
  "scopes": ["bgColor"]
20845
20893
  },
20846
20894
  "org.primer.overrides": {
20847
- "dark": "{base.color.neutral.4}",
20895
+ "dark": "{base.color.neutral.0}",
20848
20896
  "dark-high-contrast": {
20849
- "$value": "{base.color.neutral.5}",
20897
+ "$value": "{base.color.neutral.0}",
20850
20898
  "filePath": "src/tokens/functional/color/control.json5",
20851
20899
  "isSource": true,
20852
20900
  "$type": "color"
20853
20901
  },
20854
20902
  "dark-tritanopia-high-contrast": {
20855
- "$value": "{base.color.neutral.5}",
20903
+ "$value": "{base.color.neutral.0}",
20856
20904
  "filePath": "src/tokens/functional/color/control.json5",
20857
20905
  "isSource": true,
20858
20906
  "$type": "color"
20859
20907
  },
20860
20908
  "dark-protanopia-deuteranopia-high-contrast": {
20861
- "$value": "{base.color.neutral.5}",
20909
+ "$value": "{base.color.neutral.0}",
20862
20910
  "filePath": "src/tokens/functional/color/control.json5",
20863
20911
  "isSource": true,
20864
20912
  "$type": "color"
20865
20913
  },
20866
20914
  "dark-dimmed": {
20867
- "$value": "{base.color.neutral.5}",
20915
+ "$value": "{base.color.neutral.2}",
20868
20916
  "filePath": "src/tokens/functional/color/control.json5",
20869
20917
  "isSource": true,
20870
20918
  "$type": "color"
20871
20919
  },
20872
20920
  "dark-dimmed-high-contrast": {
20873
- "$value": "{base.color.neutral.5}",
20921
+ "$value": "{base.color.neutral.2}",
20874
20922
  "filePath": "src/tokens/functional/color/control.json5",
20875
20923
  "isSource": true,
20876
20924
  "$type": "color"
@@ -20900,7 +20948,7 @@
20900
20948
  "name": "controlTrack-bgColor-rest",
20901
20949
  "attributes": {},
20902
20950
  "path": ["controlTrack", "bgColor", "rest"],
20903
- "value": "#2a313c",
20951
+ "value": "#010409",
20904
20952
  "type": "color"
20905
20953
  },
20906
20954
  "controlTrack-borderColor-disabled": {
@@ -38610,7 +38658,7 @@
38610
38658
  "dark-high-contrast": "#ffffff",
38611
38659
  "dark-tritanopia-high-contrast": "#ffffff",
38612
38660
  "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
38613
- "dark-dimmed": "#f0f6fc",
38661
+ "dark-dimmed": "#d1d7e0",
38614
38662
  "dark-dimmed-high-contrast": "#f0f6fc"
38615
38663
  },
38616
38664
  "org.primer.llm": {
@@ -38638,7 +38686,7 @@
38638
38686
  "dark-high-contrast": "{base.color.neutral.13}",
38639
38687
  "dark-tritanopia-high-contrast": "{base.color.neutral.13}",
38640
38688
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}",
38641
- "dark-dimmed": "{base.color.neutral.12}",
38689
+ "dark-dimmed": "{base.color.neutral.11}",
38642
38690
  "dark-dimmed-high-contrast": "{base.color.neutral.12}"
38643
38691
  },
38644
38692
  "org.primer.llm": {
package/dist/docs/functional/themes/dark-tritanopia.json CHANGED
@@ -20322,9 +20322,33 @@
20322
20322
  "scopes": ["bgColor"]
20323
20323
  },
20324
20324
  "org.primer.overrides": {
20325
- "dark": "#010409",
20325
+ "dark": "#262c36",
20326
+ "dark-high-contrast": {
20327
+ "$value": "#2a313c",
20328
+ "filePath": "src/tokens/functional/color/control.json5",
20329
+ "isSource": true,
20330
+ "$type": "color"
20331
+ },
20332
+ "dark-tritanopia-high-contrast": {
20333
+ "$value": "#2a313c",
20334
+ "filePath": "src/tokens/functional/color/control.json5",
20335
+ "isSource": true,
20336
+ "$type": "color"
20337
+ },
20338
+ "dark-protanopia-deuteranopia-high-contrast": {
20339
+ "$value": "#2a313c",
20340
+ "filePath": "src/tokens/functional/color/control.json5",
20341
+ "isSource": true,
20342
+ "$type": "color"
20343
+ },
20326
20344
  "dark-dimmed": {
20327
- "$value": "#010409",
20345
+ "$value": "#2a313c",
20346
+ "filePath": "src/tokens/functional/color/control.json5",
20347
+ "isSource": true,
20348
+ "$type": "color"
20349
+ },
20350
+ "dark-dimmed-high-contrast": {
20351
+ "$value": "#2a313c",
20328
20352
  "filePath": "src/tokens/functional/color/control.json5",
20329
20353
  "isSource": true,
20330
20354
  "$type": "color"
@@ -20334,7 +20358,7 @@
20334
20358
  "filePath": "src/tokens/functional/color/control.json5",
20335
20359
  "isSource": true,
20336
20360
  "original": {
20337
- "$value": "{bgColor.inset}",
20361
+ "$value": "{base.color.neutral.4}",
20338
20362
  "$type": "color",
20339
20363
  "$extensions": {
20340
20364
  "org.primer.figma": {
@@ -20343,9 +20367,33 @@
20343
20367
  "scopes": ["bgColor"]
20344
20368
  },
20345
20369
  "org.primer.overrides": {
20346
- "dark": "{bgColor.inset}",
20370
+ "dark": "{base.color.neutral.4}",
20371
+ "dark-high-contrast": {
20372
+ "$value": "{base.color.neutral.5}",
20373
+ "filePath": "src/tokens/functional/color/control.json5",
20374
+ "isSource": true,
20375
+ "$type": "color"
20376
+ },
20377
+ "dark-tritanopia-high-contrast": {
20378
+ "$value": "{base.color.neutral.5}",
20379
+ "filePath": "src/tokens/functional/color/control.json5",
20380
+ "isSource": true,
20381
+ "$type": "color"
20382
+ },
20383
+ "dark-protanopia-deuteranopia-high-contrast": {
20384
+ "$value": "{base.color.neutral.5}",
20385
+ "filePath": "src/tokens/functional/color/control.json5",
20386
+ "isSource": true,
20387
+ "$type": "color"
20388
+ },
20347
20389
  "dark-dimmed": {
20348
- "$value": "{bgColor.inset}",
20390
+ "$value": "{base.color.neutral.5}",
20391
+ "filePath": "src/tokens/functional/color/control.json5",
20392
+ "isSource": true,
20393
+ "$type": "color"
20394
+ },
20395
+ "dark-dimmed-high-contrast": {
20396
+ "$value": "{base.color.neutral.5}",
20349
20397
  "filePath": "src/tokens/functional/color/control.json5",
20350
20398
  "isSource": true,
20351
20399
  "$type": "color"
@@ -20357,7 +20405,7 @@
20357
20405
  "name": "controlKnob-bgColor-rest",
20358
20406
  "attributes": {},
20359
20407
  "path": ["controlKnob", "bgColor", "rest"],
20360
- "value": "#010409",
20408
+ "value": "#262c36",
20361
20409
  "type": "color"
20362
20410
  },
20363
20411
  "controlKnob-borderColor-checked": {
@@ -20785,33 +20833,33 @@
20785
20833
  "scopes": ["bgColor"]
20786
20834
  },
20787
20835
  "org.primer.overrides": {
20788
- "dark": "#262c36",
20836
+ "dark": "#010409",
20789
20837
  "dark-high-contrast": {
20790
- "$value": "#2a313c",
20838
+ "$value": "#010409",
20791
20839
  "filePath": "src/tokens/functional/color/control.json5",
20792
20840
  "isSource": true,
20793
20841
  "$type": "color"
20794
20842
  },
20795
20843
  "dark-tritanopia-high-contrast": {
20796
- "$value": "#2a313c",
20844
+ "$value": "#010409",
20797
20845
  "filePath": "src/tokens/functional/color/control.json5",
20798
20846
  "isSource": true,
20799
20847
  "$type": "color"
20800
20848
  },
20801
20849
  "dark-protanopia-deuteranopia-high-contrast": {
20802
- "$value": "#2a313c",
20850
+ "$value": "#010409",
20803
20851
  "filePath": "src/tokens/functional/color/control.json5",
20804
20852
  "isSource": true,
20805
20853
  "$type": "color"
20806
20854
  },
20807
20855
  "dark-dimmed": {
20808
- "$value": "#2a313c",
20856
+ "$value": "#151b23",
20809
20857
  "filePath": "src/tokens/functional/color/control.json5",
20810
20858
  "isSource": true,
20811
20859
  "$type": "color"
20812
20860
  },
20813
20861
  "dark-dimmed-high-contrast": {
20814
- "$value": "#2a313c",
20862
+ "$value": "#151b23",
20815
20863
  "filePath": "src/tokens/functional/color/control.json5",
20816
20864
  "isSource": true,
20817
20865
  "$type": "color"
@@ -20839,7 +20887,7 @@
20839
20887
  "filePath": "src/tokens/functional/color/control.json5",
20840
20888
  "isSource": true,
20841
20889
  "original": {
20842
- "$value": "{base.color.neutral.4}",
20890
+ "$value": "{base.color.neutral.0}",
20843
20891
  "$type": "color",
20844
20892
  "$extensions": {
20845
20893
  "org.primer.figma": {
@@ -20848,33 +20896,33 @@
20848
20896
  "scopes": ["bgColor"]
20849
20897
  },
20850
20898
  "org.primer.overrides": {
20851
- "dark": "{base.color.neutral.4}",
20899
+ "dark": "{base.color.neutral.0}",
20852
20900
  "dark-high-contrast": {
20853
- "$value": "{base.color.neutral.5}",
20901
+ "$value": "{base.color.neutral.0}",
20854
20902
  "filePath": "src/tokens/functional/color/control.json5",
20855
20903
  "isSource": true,
20856
20904
  "$type": "color"
20857
20905
  },
20858
20906
  "dark-tritanopia-high-contrast": {
20859
- "$value": "{base.color.neutral.5}",
20907
+ "$value": "{base.color.neutral.0}",
20860
20908
  "filePath": "src/tokens/functional/color/control.json5",
20861
20909
  "isSource": true,
20862
20910
  "$type": "color"
20863
20911
  },
20864
20912
  "dark-protanopia-deuteranopia-high-contrast": {
20865
- "$value": "{base.color.neutral.5}",
20913
+ "$value": "{base.color.neutral.0}",
20866
20914
  "filePath": "src/tokens/functional/color/control.json5",
20867
20915
  "isSource": true,
20868
20916
  "$type": "color"
20869
20917
  },
20870
20918
  "dark-dimmed": {
20871
- "$value": "{base.color.neutral.5}",
20919
+ "$value": "{base.color.neutral.2}",
20872
20920
  "filePath": "src/tokens/functional/color/control.json5",
20873
20921
  "isSource": true,
20874
20922
  "$type": "color"
20875
20923
  },
20876
20924
  "dark-dimmed-high-contrast": {
20877
- "$value": "{base.color.neutral.5}",
20925
+ "$value": "{base.color.neutral.2}",
20878
20926
  "filePath": "src/tokens/functional/color/control.json5",
20879
20927
  "isSource": true,
20880
20928
  "$type": "color"
@@ -20904,7 +20952,7 @@
20904
20952
  "name": "controlTrack-bgColor-rest",
20905
20953
  "attributes": {},
20906
20954
  "path": ["controlTrack", "bgColor", "rest"],
20907
- "value": "#262c36",
20955
+ "value": "#010409",
20908
20956
  "type": "color"
20909
20957
  },
20910
20958
  "controlTrack-borderColor-disabled": {
@@ -38616,7 +38664,7 @@
38616
38664
  "dark-high-contrast": "#ffffff",
38617
38665
  "dark-tritanopia-high-contrast": "#ffffff",
38618
38666
  "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
38619
- "dark-dimmed": "#f0f6fc",
38667
+ "dark-dimmed": "#d1d7e0",
38620
38668
  "dark-dimmed-high-contrast": "#f0f6fc"
38621
38669
  },
38622
38670
  "org.primer.llm": {
@@ -38644,7 +38692,7 @@
38644
38692
  "dark-high-contrast": "{base.color.neutral.13}",
38645
38693
  "dark-tritanopia-high-contrast": "{base.color.neutral.13}",
38646
38694
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}",
38647
- "dark-dimmed": "{base.color.neutral.12}",
38695
+ "dark-dimmed": "{base.color.neutral.11}",
38648
38696
  "dark-dimmed-high-contrast": "{base.color.neutral.12}"
38649
38697
  },
38650
38698
  "org.primer.llm": {