@primer/primitives 10.5.0-rc.6c9d75b1 → 10.5.1-rc.aa2b8f62

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 (37) hide show
  1. package/README.md +4 -4
  2. package/dist/css/functional/themes/dark-high-contrast.css +16 -16
  3. package/dist/css/functional/themes/light-high-contrast.css +16 -16
  4. package/dist/docs/functional/themes/dark-colorblind.json +44 -122
  5. package/dist/docs/functional/themes/dark-dimmed.json +44 -122
  6. package/dist/docs/functional/themes/dark-high-contrast.json +65 -143
  7. package/dist/docs/functional/themes/dark-tritanopia.json +44 -122
  8. package/dist/docs/functional/themes/dark.json +44 -122
  9. package/dist/docs/functional/themes/light-colorblind.json +44 -122
  10. package/dist/docs/functional/themes/light-high-contrast.json +68 -144
  11. package/dist/docs/functional/themes/light-tritanopia.json +44 -122
  12. package/dist/docs/functional/themes/light.json +44 -122
  13. package/dist/figma/themes/dark-colorblind.json +8 -8
  14. package/dist/figma/themes/dark-dimmed.json +8 -8
  15. package/dist/figma/themes/dark-high-contrast.json +29 -29
  16. package/dist/figma/themes/dark-tritanopia.json +8 -8
  17. package/dist/figma/themes/dark.json +8 -8
  18. package/dist/figma/themes/light-colorblind.json +8 -8
  19. package/dist/figma/themes/light-high-contrast.json +30 -29
  20. package/dist/figma/themes/light-tritanopia.json +8 -8
  21. package/dist/figma/themes/light.json +8 -8
  22. package/dist/internalCss/dark-high-contrast.css +16 -16
  23. package/dist/internalCss/light-high-contrast.css +16 -16
  24. package/dist/styleLint/functional/themes/dark-colorblind.json +44 -122
  25. package/dist/styleLint/functional/themes/dark-dimmed.json +44 -122
  26. package/dist/styleLint/functional/themes/dark-high-contrast.json +65 -143
  27. package/dist/styleLint/functional/themes/dark-tritanopia.json +44 -122
  28. package/dist/styleLint/functional/themes/dark.json +44 -122
  29. package/dist/styleLint/functional/themes/light-colorblind.json +44 -122
  30. package/dist/styleLint/functional/themes/light-high-contrast.json +68 -144
  31. package/dist/styleLint/functional/themes/light-tritanopia.json +44 -122
  32. package/dist/styleLint/functional/themes/light.json +44 -122
  33. package/package.json +1 -1
  34. package/src/tokens/component/button.json5 +4 -0
  35. package/src/tokens/component/contribution.json5 +0 -37
  36. package/src/tokens/functional/color/borderColor.json5 +9 -9
  37. package/src/tokens/functional/color/control.json5 +56 -157
@@ -6294,7 +6294,7 @@
6294
6294
  "collection": "mode",
6295
6295
  "mode": "light",
6296
6296
  "group": "semantic",
6297
- "scopes": ["STROKE_COLOR"],
6297
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6298
6298
  "codeSyntax": {
6299
6299
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
6300
6300
  }
@@ -6314,7 +6314,7 @@
6314
6314
  "collection": "mode",
6315
6315
  "mode": "light",
6316
6316
  "group": "semantic",
6317
- "scopes": ["STROKE_COLOR"],
6317
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6318
6318
  "codeSyntax": {
6319
6319
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
6320
6320
  }
@@ -6333,7 +6333,7 @@
6333
6333
  "collection": "mode",
6334
6334
  "mode": "light",
6335
6335
  "group": "semantic",
6336
- "scopes": ["STROKE_COLOR"]
6336
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6337
6337
  },
6338
6338
  {
6339
6339
  "name": "borderColor/disabled",
@@ -6350,7 +6350,7 @@
6350
6350
  "collection": "mode",
6351
6351
  "mode": "light",
6352
6352
  "group": "semantic",
6353
- "scopes": ["STROKE_COLOR"]
6353
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6354
6354
  },
6355
6355
  {
6356
6356
  "name": "borderColor/transparent",
@@ -6366,7 +6366,7 @@
6366
6366
  "collection": "mode",
6367
6367
  "mode": "light",
6368
6368
  "group": "semantic",
6369
- "scopes": ["STROKE_COLOR"]
6369
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6370
6370
  },
6371
6371
  {
6372
6372
  "name": "borderColor/translucent",
@@ -6383,7 +6383,7 @@
6383
6383
  "collection": "mode",
6384
6384
  "mode": "light",
6385
6385
  "group": "semantic",
6386
- "scopes": ["STROKE_COLOR"]
6386
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
6387
6387
  },
6388
6388
  {
6389
6389
  "name": "borderColor/neutral-muted",
@@ -6432,7 +6432,7 @@
6432
6432
  "collection": "mode",
6433
6433
  "mode": "light",
6434
6434
  "group": "semantic",
6435
- "scopes": ["STROKE_COLOR"],
6435
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6436
6436
  "codeSyntax": {
6437
6437
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
6438
6438
  }
@@ -6451,7 +6451,7 @@
6451
6451
  "collection": "mode",
6452
6452
  "mode": "light",
6453
6453
  "group": "semantic",
6454
- "scopes": ["STROKE_COLOR"],
6454
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
6455
6455
  "codeSyntax": {
6456
6456
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
6457
6457
  }
@@ -354,7 +354,7 @@
354
354
  --borderColor-sponsors-muted: var(--base-color-pink-4);
355
355
  --borderColor-success-emphasis: var(--base-color-green-5);
356
356
  --borderColor-success-muted: var(--base-color-green-4);
357
- --borderColor-translucent: var(--base-color-neutral-6);
357
+ --borderColor-translucent: var(--base-color-neutral-9);
358
358
  --borderColor-transparent: var(--base-color-transparent);
359
359
  --borderRadius-default: var(--borderRadius-medium);
360
360
  --borderWidth-default: var(--borderWidth-thin);
@@ -444,16 +444,16 @@
444
444
  --color-prettylights-syntax-string-regexp: var(--base-color-green-1);
445
445
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-7);
446
446
  --color-prettylights-syntax-variable: var(--base-color-orange-2);
447
- --contribution-default-bgColor-0: var(--base-color-neutral-3);
447
+ --contribution-default-bgColor-0: var(--base-color-neutral-2);
448
448
  --contribution-default-bgColor-1: var(--base-color-green-8);
449
449
  --contribution-default-bgColor-2: var(--base-color-green-6);
450
450
  --contribution-default-bgColor-3: var(--base-color-green-4);
451
451
  --contribution-default-bgColor-4: var(--base-color-green-2);
452
- --contribution-default-borderColor-0: var(--base-color-white);
453
- --contribution-default-borderColor-1: var(--base-color-white);
454
- --contribution-default-borderColor-2: var(--base-color-white);
455
- --contribution-default-borderColor-3: var(--base-color-white);
456
- --contribution-default-borderColor-4: var(--base-color-white);
452
+ --contribution-default-borderColor-0: #ffffff0d;
453
+ --contribution-default-borderColor-1: #ffffff0d;
454
+ --contribution-default-borderColor-2: #ffffff0d;
455
+ --contribution-default-borderColor-3: #ffffff0d;
456
+ --contribution-default-borderColor-4: #ffffff0d;
457
457
  --contribution-halloween-bgColor-1: var(--base-display-color-orange-9);
458
458
  --contribution-halloween-bgColor-2: var(--base-display-color-orange-5);
459
459
  --contribution-halloween-bgColor-3: var(--base-display-color-orange-4);
@@ -469,7 +469,6 @@
469
469
  --control-checked-borderColor-active: var(--base-color-blue-2);
470
470
  --control-checked-borderColor-hover: var(--base-color-blue-2);
471
471
  --control-checked-borderColor-rest: var(--base-color-blue-2);
472
- --control-danger-fgColor-hover: var(--base-color-red-3);
473
472
  --control-fgColor-placeholder: var(--base-color-neutral-10);
474
473
  --control-transparent-bgColor-active: var(--base-color-neutral-7);
475
474
  --control-transparent-bgColor-hover: var(--base-color-neutral-6);
@@ -937,6 +936,7 @@
937
936
  --control-borderColor-emphasis: var(--borderColor-emphasis);
938
937
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
939
938
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
939
+ --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
940
940
  --control-fgColor-rest: var(--fgColor-default);
941
941
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
942
942
  --controlKnob-bgColor-rest: var(--bgColor-inset);
@@ -1347,7 +1347,7 @@
1347
1347
  --borderColor-sponsors-muted: var(--base-color-pink-4);
1348
1348
  --borderColor-success-emphasis: var(--base-color-green-5);
1349
1349
  --borderColor-success-muted: var(--base-color-green-4);
1350
- --borderColor-translucent: var(--base-color-neutral-6);
1350
+ --borderColor-translucent: var(--base-color-neutral-9);
1351
1351
  --borderColor-transparent: var(--base-color-transparent);
1352
1352
  --borderRadius-default: var(--borderRadius-medium);
1353
1353
  --borderWidth-default: var(--borderWidth-thin);
@@ -1437,16 +1437,16 @@
1437
1437
  --color-prettylights-syntax-string-regexp: var(--base-color-green-1);
1438
1438
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-7);
1439
1439
  --color-prettylights-syntax-variable: var(--base-color-orange-2);
1440
- --contribution-default-bgColor-0: var(--base-color-neutral-3);
1440
+ --contribution-default-bgColor-0: var(--base-color-neutral-2);
1441
1441
  --contribution-default-bgColor-1: var(--base-color-green-8);
1442
1442
  --contribution-default-bgColor-2: var(--base-color-green-6);
1443
1443
  --contribution-default-bgColor-3: var(--base-color-green-4);
1444
1444
  --contribution-default-bgColor-4: var(--base-color-green-2);
1445
- --contribution-default-borderColor-0: var(--base-color-white);
1446
- --contribution-default-borderColor-1: var(--base-color-white);
1447
- --contribution-default-borderColor-2: var(--base-color-white);
1448
- --contribution-default-borderColor-3: var(--base-color-white);
1449
- --contribution-default-borderColor-4: var(--base-color-white);
1445
+ --contribution-default-borderColor-0: #ffffff0d;
1446
+ --contribution-default-borderColor-1: #ffffff0d;
1447
+ --contribution-default-borderColor-2: #ffffff0d;
1448
+ --contribution-default-borderColor-3: #ffffff0d;
1449
+ --contribution-default-borderColor-4: #ffffff0d;
1450
1450
  --contribution-halloween-bgColor-1: var(--base-display-color-orange-9);
1451
1451
  --contribution-halloween-bgColor-2: var(--base-display-color-orange-5);
1452
1452
  --contribution-halloween-bgColor-3: var(--base-display-color-orange-4);
@@ -1462,7 +1462,6 @@
1462
1462
  --control-checked-borderColor-active: var(--base-color-blue-2);
1463
1463
  --control-checked-borderColor-hover: var(--base-color-blue-2);
1464
1464
  --control-checked-borderColor-rest: var(--base-color-blue-2);
1465
- --control-danger-fgColor-hover: var(--base-color-red-3);
1466
1465
  --control-fgColor-placeholder: var(--base-color-neutral-10);
1467
1466
  --control-transparent-bgColor-active: var(--base-color-neutral-7);
1468
1467
  --control-transparent-bgColor-hover: var(--base-color-neutral-6);
@@ -1930,6 +1929,7 @@
1930
1929
  --control-borderColor-emphasis: var(--borderColor-emphasis);
1931
1930
  --control-checked-borderColor-disabled: var(--control-checked-bgColor-disabled);
1932
1931
  --control-checked-fgColor-rest: var(--fgColor-onEmphasis);
1932
+ --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
1933
1933
  --control-fgColor-rest: var(--fgColor-default);
1934
1934
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1935
1935
  --controlKnob-bgColor-rest: var(--bgColor-inset);
@@ -364,6 +364,7 @@
364
364
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
365
365
  --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
366
366
  --button-danger-bgColor-hover: var(--base-color-red-6);
367
+ --button-danger-borderColor-hover: var(--base-color-red-7);
367
368
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
368
369
  --button-inactive-fgColor: var(--base-color-neutral-10);
369
370
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -428,16 +429,16 @@
428
429
  --color-prettylights-syntax-string-regexp: var(--base-color-green-6);
429
430
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-8);
430
431
  --color-prettylights-syntax-variable: var(--base-color-orange-6);
431
- --contribution-default-bgColor-0: var(--base-color-neutral-3);
432
+ --contribution-default-bgColor-0: var(--base-color-neutral-2);
432
433
  --contribution-default-bgColor-1: var(--base-color-green-1);
433
434
  --contribution-default-bgColor-2: var(--base-color-green-3);
434
435
  --contribution-default-bgColor-3: var(--base-color-green-4);
435
436
  --contribution-default-bgColor-4: var(--base-color-green-6);
436
- --contribution-default-borderColor-0: var(--base-color-black);
437
- --contribution-default-borderColor-1: var(--base-color-black);
438
- --contribution-default-borderColor-2: var(--base-color-black);
439
- --contribution-default-borderColor-3: var(--base-color-black);
440
- --contribution-default-borderColor-4: var(--base-color-black);
437
+ --contribution-default-borderColor-0: #0104090d;
438
+ --contribution-default-borderColor-1: #0104090d;
439
+ --contribution-default-borderColor-2: #0104090d;
440
+ --contribution-default-borderColor-3: #0104090d;
441
+ --contribution-default-borderColor-4: #0104090d;
441
442
  --contribution-halloween-bgColor-1: var(--base-display-color-lemon-1);
442
443
  --contribution-halloween-bgColor-2: var(--base-display-color-yellow-1);
443
444
  --contribution-halloween-bgColor-3: var(--base-display-color-orange-3);
@@ -774,7 +775,7 @@
774
775
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
775
776
  --borderColor-upsell-muted: var(--borderColor-done-muted);
776
777
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
777
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
778
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
778
779
  --button-danger-fgColor-active: var(--base-color-neutral-0);
779
780
  --button-danger-fgColor-disabled: #86061d80;
780
781
  --button-danger-fgColor-hover: var(--base-color-neutral-0);
@@ -921,7 +922,6 @@
921
922
  --border-upsell-muted: 0.0625rem solid #a371f7;
922
923
  --borderColor-neutral-muted: var(--borderColor-muted);
923
924
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
924
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
925
925
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
926
926
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
927
927
  --button-default-borderColor-active: var(--control-borderColor-rest);
@@ -1357,6 +1357,7 @@
1357
1357
  --boxShadow-thicker: inset 0 0 0 var(--borderWidth-thicker);
1358
1358
  --boxShadow-thin: inset 0 0 0 var(--borderWidth-thin); /* Thin shadow for borders */
1359
1359
  --button-danger-bgColor-hover: var(--base-color-red-6);
1360
+ --button-danger-borderColor-hover: var(--base-color-red-7);
1360
1361
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
1361
1362
  --button-inactive-fgColor: var(--base-color-neutral-10);
1362
1363
  --button-invisible-bgColor-disabled: var(--base-color-transparent);
@@ -1421,16 +1422,16 @@
1421
1422
  --color-prettylights-syntax-string-regexp: var(--base-color-green-6);
1422
1423
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-8);
1423
1424
  --color-prettylights-syntax-variable: var(--base-color-orange-6);
1424
- --contribution-default-bgColor-0: var(--base-color-neutral-3);
1425
+ --contribution-default-bgColor-0: var(--base-color-neutral-2);
1425
1426
  --contribution-default-bgColor-1: var(--base-color-green-1);
1426
1427
  --contribution-default-bgColor-2: var(--base-color-green-3);
1427
1428
  --contribution-default-bgColor-3: var(--base-color-green-4);
1428
1429
  --contribution-default-bgColor-4: var(--base-color-green-6);
1429
- --contribution-default-borderColor-0: var(--base-color-black);
1430
- --contribution-default-borderColor-1: var(--base-color-black);
1431
- --contribution-default-borderColor-2: var(--base-color-black);
1432
- --contribution-default-borderColor-3: var(--base-color-black);
1433
- --contribution-default-borderColor-4: var(--base-color-black);
1430
+ --contribution-default-borderColor-0: #0104090d;
1431
+ --contribution-default-borderColor-1: #0104090d;
1432
+ --contribution-default-borderColor-2: #0104090d;
1433
+ --contribution-default-borderColor-3: #0104090d;
1434
+ --contribution-default-borderColor-4: #0104090d;
1434
1435
  --contribution-halloween-bgColor-1: var(--base-display-color-lemon-1);
1435
1436
  --contribution-halloween-bgColor-2: var(--base-display-color-yellow-1);
1436
1437
  --contribution-halloween-bgColor-3: var(--base-display-color-orange-3);
@@ -1767,7 +1768,7 @@
1767
1768
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
1768
1769
  --borderColor-upsell-muted: var(--borderColor-done-muted);
1769
1770
  --button-danger-bgColor-rest: var(--control-bgColor-rest);
1770
- --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1771
+ --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1771
1772
  --button-danger-fgColor-active: var(--base-color-neutral-0);
1772
1773
  --button-danger-fgColor-disabled: #86061d80;
1773
1774
  --button-danger-fgColor-hover: var(--base-color-neutral-0);
@@ -1914,7 +1915,6 @@
1914
1915
  --border-upsell-muted: 0.0625rem solid #a371f7;
1915
1916
  --borderColor-neutral-muted: var(--borderColor-muted);
1916
1917
  --button-danger-bgColor-disabled: var(--control-bgColor-disabled);
1917
- --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1918
1918
  --button-danger-borderColor-rest: var(--control-borderColor-rest);
1919
1919
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1920
1920
  --button-default-borderColor-active: var(--control-borderColor-rest);
@@ -2227,7 +2227,7 @@
2227
2227
  "org.primer.figma": {
2228
2228
  "collection": "mode",
2229
2229
  "group": "semantic",
2230
- "scopes": ["borderColor"],
2230
+ "scopes": ["borderColor", "effectColor"],
2231
2231
  "codeSyntax": {
2232
2232
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2233
2233
  }
@@ -2242,7 +2242,7 @@
2242
2242
  "org.primer.figma": {
2243
2243
  "collection": "mode",
2244
2244
  "group": "semantic",
2245
- "scopes": ["borderColor"],
2245
+ "scopes": ["borderColor", "effectColor"],
2246
2246
  "codeSyntax": {
2247
2247
  "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */"
2248
2248
  }
@@ -2261,7 +2261,7 @@
2261
2261
  "org.primer.figma": {
2262
2262
  "collection": "mode",
2263
2263
  "group": "semantic",
2264
- "scopes": ["borderColor"],
2264
+ "scopes": ["borderColor", "effectColor"],
2265
2265
  "codeSyntax": {
2266
2266
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2267
2267
  }
@@ -2294,7 +2294,7 @@
2294
2294
  "org.primer.figma": {
2295
2295
  "collection": "mode",
2296
2296
  "group": "semantic",
2297
- "scopes": ["borderColor"],
2297
+ "scopes": ["borderColor", "effectColor"],
2298
2298
  "codeSyntax": {
2299
2299
  "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */"
2300
2300
  }
@@ -2741,7 +2741,7 @@
2741
2741
  "org.primer.figma": {
2742
2742
  "collection": "mode",
2743
2743
  "group": "semantic",
2744
- "scopes": ["borderColor"],
2744
+ "scopes": ["borderColor", "effectColor"],
2745
2745
  "codeSyntax": {
2746
2746
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2747
2747
  }
@@ -2762,7 +2762,7 @@
2762
2762
  "org.primer.figma": {
2763
2763
  "collection": "mode",
2764
2764
  "group": "semantic",
2765
- "scopes": ["borderColor"],
2765
+ "scopes": ["borderColor", "effectColor"],
2766
2766
  "codeSyntax": {
2767
2767
  "web": "var(--borderColor-default) /* utility class: .color-border-default */"
2768
2768
  }
@@ -2781,7 +2781,7 @@
2781
2781
  "org.primer.figma": {
2782
2782
  "collection": "mode",
2783
2783
  "group": "semantic",
2784
- "scopes": ["borderColor"]
2784
+ "scopes": ["borderColor", "effectColor"]
2785
2785
  },
2786
2786
  "org.primer.overrides": {
2787
2787
  "dark-dimmed": {
@@ -2810,7 +2810,7 @@
2810
2810
  "org.primer.figma": {
2811
2811
  "collection": "mode",
2812
2812
  "group": "semantic",
2813
- "scopes": ["borderColor"]
2813
+ "scopes": ["borderColor", "effectColor"]
2814
2814
  },
2815
2815
  "org.primer.overrides": {
2816
2816
  "dark-dimmed": {
@@ -2947,7 +2947,7 @@
2947
2947
  "org.primer.figma": {
2948
2948
  "collection": "mode",
2949
2949
  "group": "semantic",
2950
- "scopes": ["borderColor"]
2950
+ "scopes": ["borderColor", "effectColor"]
2951
2951
  },
2952
2952
  "org.primer.overrides": {
2953
2953
  "light-high-contrast": "#3d444d",
@@ -2963,7 +2963,7 @@
2963
2963
  "org.primer.figma": {
2964
2964
  "collection": "mode",
2965
2965
  "group": "semantic",
2966
- "scopes": ["borderColor"]
2966
+ "scopes": ["borderColor", "effectColor"]
2967
2967
  },
2968
2968
  "org.primer.overrides": {
2969
2969
  "light-high-contrast": "{borderColor.default}",
@@ -2983,7 +2983,7 @@
2983
2983
  "org.primer.figma": {
2984
2984
  "collection": "mode",
2985
2985
  "group": "semantic",
2986
- "scopes": ["borderColor"],
2986
+ "scopes": ["borderColor", "effectColor"],
2987
2987
  "codeSyntax": {
2988
2988
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
2989
2989
  }
@@ -3022,7 +3022,7 @@
3022
3022
  "org.primer.figma": {
3023
3023
  "collection": "mode",
3024
3024
  "group": "semantic",
3025
- "scopes": ["borderColor"],
3025
+ "scopes": ["borderColor", "effectColor"],
3026
3026
  "codeSyntax": {
3027
3027
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3028
3028
  }
@@ -3677,7 +3677,7 @@
3677
3677
  "org.primer.figma": {
3678
3678
  "collection": "mode",
3679
3679
  "group": "semantic",
3680
- "scopes": ["borderColor"]
3680
+ "scopes": ["borderColor", "effectColor"]
3681
3681
  },
3682
3682
  "org.primer.overrides": {
3683
3683
  "light-high-contrast": {
@@ -3688,7 +3688,7 @@
3688
3688
  "$type": "color"
3689
3689
  },
3690
3690
  "dark-high-contrast": {
3691
- "$value": "#2f3742",
3691
+ "$value": "#9198a1",
3692
3692
  "alpha": 1,
3693
3693
  "filePath": "src/tokens/functional/color/borderColor.json5",
3694
3694
  "isSource": true,
@@ -3706,7 +3706,7 @@
3706
3706
  "org.primer.figma": {
3707
3707
  "collection": "mode",
3708
3708
  "group": "semantic",
3709
- "scopes": ["borderColor"]
3709
+ "scopes": ["borderColor", "effectColor"]
3710
3710
  },
3711
3711
  "org.primer.overrides": {
3712
3712
  "light-high-contrast": {
@@ -3717,7 +3717,7 @@
3717
3717
  "$type": "color"
3718
3718
  },
3719
3719
  "dark-high-contrast": {
3720
- "$value": "{base.color.neutral.6}",
3720
+ "$value": "{base.color.neutral.9}",
3721
3721
  "alpha": 1,
3722
3722
  "filePath": "src/tokens/functional/color/borderColor.json5",
3723
3723
  "isSource": true,
@@ -3739,7 +3739,7 @@
3739
3739
  "org.primer.figma": {
3740
3740
  "collection": "mode",
3741
3741
  "group": "semantic",
3742
- "scopes": ["borderColor"]
3742
+ "scopes": ["borderColor", "effectColor"]
3743
3743
  }
3744
3744
  },
3745
3745
  "filePath": "src/tokens/functional/color/borderColor.json5",
@@ -3751,7 +3751,7 @@
3751
3751
  "org.primer.figma": {
3752
3752
  "collection": "mode",
3753
3753
  "group": "semantic",
3754
- "scopes": ["borderColor"]
3754
+ "scopes": ["borderColor", "effectColor"]
3755
3755
  }
3756
3756
  }
3757
3757
  },
@@ -4180,6 +4180,13 @@
4180
4180
  "filePath": "src/tokens/component/button.json5",
4181
4181
  "isSource": true,
4182
4182
  "$type": "color"
4183
+ },
4184
+ "light-high-contrast": {
4185
+ "$value": "#8e1519",
4186
+ "alpha": 1,
4187
+ "filePath": "src/tokens/component/button.json5",
4188
+ "isSource": true,
4189
+ "$type": "color"
4183
4190
  }
4184
4191
  }
4185
4192
  },
@@ -4207,6 +4214,13 @@
4207
4214
  "filePath": "src/tokens/component/button.json5",
4208
4215
  "isSource": true,
4209
4216
  "$type": "color"
4217
+ },
4218
+ "light-high-contrast": {
4219
+ "$value": "{base.color.red.7}",
4220
+ "alpha": 1,
4221
+ "filePath": "src/tokens/component/button.json5",
4222
+ "isSource": true,
4223
+ "$type": "color"
4210
4224
  }
4211
4225
  }
4212
4226
  }
@@ -10740,8 +10754,6 @@
10740
10754
  "scopes": ["bgColor"]
10741
10755
  },
10742
10756
  "org.primer.overrides": {
10743
- "dark-high-contrast": "#212830",
10744
- "light-high-contrast": "#212830",
10745
10757
  "dark-dimmed": "#2a313c"
10746
10758
  }
10747
10759
  },
@@ -10757,8 +10769,6 @@
10757
10769
  "scopes": ["bgColor"]
10758
10770
  },
10759
10771
  "org.primer.overrides": {
10760
- "dark-high-contrast": "{base.color.neutral.3}",
10761
- "light-high-contrast": "{base.color.neutral.3}",
10762
10772
  "dark-dimmed": "{base.color.neutral.5}"
10763
10773
  }
10764
10774
  }
@@ -10922,16 +10932,6 @@
10922
10932
  "filePath": "src/tokens/component/contribution.json5",
10923
10933
  "isSource": true,
10924
10934
  "$type": "color"
10925
- },
10926
- "dark-high-contrast": {
10927
- "$value": "#ffffff",
10928
- "alpha": 1,
10929
- "filePath": "src/tokens/component/contribution.json5",
10930
- "isSource": true,
10931
- "$type": "color"
10932
- },
10933
- "light-high-contrast": {
10934
- "alpha": 1
10935
10935
  }
10936
10936
  }
10937
10937
  },
@@ -10961,16 +10961,6 @@
10961
10961
  "filePath": "src/tokens/component/contribution.json5",
10962
10962
  "isSource": true,
10963
10963
  "$type": "color"
10964
- },
10965
- "dark-high-contrast": {
10966
- "$value": "{base.color.white}",
10967
- "alpha": 1,
10968
- "filePath": "src/tokens/component/contribution.json5",
10969
- "isSource": true,
10970
- "$type": "color"
10971
- },
10972
- "light-high-contrast": {
10973
- "alpha": 1
10974
10964
  }
10975
10965
  }
10976
10966
  }
@@ -11004,16 +10994,6 @@
11004
10994
  "filePath": "src/tokens/component/contribution.json5",
11005
10995
  "isSource": true,
11006
10996
  "$type": "color"
11007
- },
11008
- "dark-high-contrast": {
11009
- "$value": "#ffffff",
11010
- "alpha": 1,
11011
- "filePath": "src/tokens/component/contribution.json5",
11012
- "isSource": true,
11013
- "$type": "color"
11014
- },
11015
- "light-high-contrast": {
11016
- "alpha": 1
11017
10997
  }
11018
10998
  }
11019
10999
  },
@@ -11043,16 +11023,6 @@
11043
11023
  "filePath": "src/tokens/component/contribution.json5",
11044
11024
  "isSource": true,
11045
11025
  "$type": "color"
11046
- },
11047
- "dark-high-contrast": {
11048
- "$value": "{base.color.white}",
11049
- "alpha": 1,
11050
- "filePath": "src/tokens/component/contribution.json5",
11051
- "isSource": true,
11052
- "$type": "color"
11053
- },
11054
- "light-high-contrast": {
11055
- "alpha": 1
11056
11026
  }
11057
11027
  }
11058
11028
  }
@@ -11086,16 +11056,6 @@
11086
11056
  "filePath": "src/tokens/component/contribution.json5",
11087
11057
  "isSource": true,
11088
11058
  "$type": "color"
11089
- },
11090
- "dark-high-contrast": {
11091
- "$value": "#ffffff",
11092
- "alpha": 1,
11093
- "filePath": "src/tokens/component/contribution.json5",
11094
- "isSource": true,
11095
- "$type": "color"
11096
- },
11097
- "light-high-contrast": {
11098
- "alpha": 1
11099
11059
  }
11100
11060
  }
11101
11061
  },
@@ -11125,16 +11085,6 @@
11125
11085
  "filePath": "src/tokens/component/contribution.json5",
11126
11086
  "isSource": true,
11127
11087
  "$type": "color"
11128
- },
11129
- "dark-high-contrast": {
11130
- "$value": "{base.color.white}",
11131
- "alpha": 1,
11132
- "filePath": "src/tokens/component/contribution.json5",
11133
- "isSource": true,
11134
- "$type": "color"
11135
- },
11136
- "light-high-contrast": {
11137
- "alpha": 1
11138
11088
  }
11139
11089
  }
11140
11090
  }
@@ -11168,16 +11118,6 @@
11168
11118
  "filePath": "src/tokens/component/contribution.json5",
11169
11119
  "isSource": true,
11170
11120
  "$type": "color"
11171
- },
11172
- "dark-high-contrast": {
11173
- "$value": "#ffffff",
11174
- "alpha": 1,
11175
- "filePath": "src/tokens/component/contribution.json5",
11176
- "isSource": true,
11177
- "$type": "color"
11178
- },
11179
- "light-high-contrast": {
11180
- "alpha": 1
11181
11121
  }
11182
11122
  }
11183
11123
  },
@@ -11207,16 +11147,6 @@
11207
11147
  "filePath": "src/tokens/component/contribution.json5",
11208
11148
  "isSource": true,
11209
11149
  "$type": "color"
11210
- },
11211
- "dark-high-contrast": {
11212
- "$value": "{base.color.white}",
11213
- "alpha": 1,
11214
- "filePath": "src/tokens/component/contribution.json5",
11215
- "isSource": true,
11216
- "$type": "color"
11217
- },
11218
- "light-high-contrast": {
11219
- "alpha": 1
11220
11150
  }
11221
11151
  }
11222
11152
  }
@@ -11250,16 +11180,6 @@
11250
11180
  "filePath": "src/tokens/component/contribution.json5",
11251
11181
  "isSource": true,
11252
11182
  "$type": "color"
11253
- },
11254
- "dark-high-contrast": {
11255
- "$value": "#ffffff",
11256
- "alpha": 1,
11257
- "filePath": "src/tokens/component/contribution.json5",
11258
- "isSource": true,
11259
- "$type": "color"
11260
- },
11261
- "light-high-contrast": {
11262
- "alpha": 1
11263
11183
  }
11264
11184
  }
11265
11185
  },
@@ -11289,16 +11209,6 @@
11289
11209
  "filePath": "src/tokens/component/contribution.json5",
11290
11210
  "isSource": true,
11291
11211
  "$type": "color"
11292
- },
11293
- "dark-high-contrast": {
11294
- "$value": "{base.color.white}",
11295
- "alpha": 1,
11296
- "filePath": "src/tokens/component/contribution.json5",
11297
- "isSource": true,
11298
- "$type": "color"
11299
- },
11300
- "light-high-contrast": {
11301
- "alpha": 1
11302
11212
  }
11303
11213
  }
11304
11214
  }
@@ -12795,6 +12705,12 @@
12795
12705
  "filePath": "src/tokens/functional/color/control.json5",
12796
12706
  "isSource": true,
12797
12707
  "$type": "color"
12708
+ },
12709
+ "dark-high-contrast": {
12710
+ "$value": "#ffffff",
12711
+ "filePath": "src/tokens/functional/color/control.json5",
12712
+ "isSource": true,
12713
+ "$type": "color"
12798
12714
  }
12799
12715
  }
12800
12716
  },
@@ -12817,6 +12733,12 @@
12817
12733
  "filePath": "src/tokens/functional/color/control.json5",
12818
12734
  "isSource": true,
12819
12735
  "$type": "color"
12736
+ },
12737
+ "dark-high-contrast": {
12738
+ "$value": "{fgColor.onEmphasis}",
12739
+ "filePath": "src/tokens/functional/color/control.json5",
12740
+ "isSource": true,
12741
+ "$type": "color"
12820
12742
  }
12821
12743
  }
12822
12744
  }