@primer/primitives 7.13.1 → 7.14.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 (84) hide show
  1. package/package.json +1 -1
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -2
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -2
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +4 -6
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -2
  6. package/tokens-next-private/css/functional/themes/dark.css +0 -2
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -2
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +4 -6
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -2
  10. package/tokens-next-private/css/functional/themes/light.css +0 -2
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +0 -29
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +0 -29
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +6 -35
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +0 -29
  15. package/tokens-next-private/docs/functional/themes/dark.json +0 -29
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +0 -29
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +6 -35
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +0 -29
  19. package/tokens-next-private/docs/functional/themes/light.json +0 -29
  20. package/tokens-next-private/fallbacks/color-fallbacks.json +1 -1
  21. package/tokens-next-private/figma/themes/dark.json +0 -16
  22. package/tokens-next-private/figma/themes/light.json +0 -16
  23. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +0 -1
  24. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +0 -1
  25. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +2 -3
  26. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +0 -1
  27. package/tokens-next-private/scss/functional/themes/dark.scss +0 -1
  28. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +0 -1
  29. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +2 -3
  30. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +0 -1
  31. package/tokens-next-private/scss/functional/themes/light.scss +0 -1
  32. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  33. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  34. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  35. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  36. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  37. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  38. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  39. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  40. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  41. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  42. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  43. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  44. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  45. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  46. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  47. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  48. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  49. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  50. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  51. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  52. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  53. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  54. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  55. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  56. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  57. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  58. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  59. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  60. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  61. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  62. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  63. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  64. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  65. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  66. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  67. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  68. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  69. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  70. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  71. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.13.1",
3
+ "version": "7.14.0",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
@@ -15,7 +15,6 @@
15
15
  --diffBlob-deletion-bgColor-word: #db6d2866;
16
16
  --diffBlob-hunk-bgColor-num: #388bfd66;
17
17
  --diffBlob-expander-iconColor: #7d8590;
18
- --diffStat-addition-bgColor: #1f6feb;
19
18
  --codeMirror-fgColor: #e6edf3;
20
19
  --codeMirror-bgColor: #0d1117;
21
20
  --codeMirror-gutters-bgColor: #0d1117;
@@ -433,7 +432,6 @@
433
432
  --diffBlob-deletion-bgColor-word: #db6d2866;
434
433
  --diffBlob-hunk-bgColor-num: #388bfd66;
435
434
  --diffBlob-expander-iconColor: #7d8590;
436
- --diffStat-addition-bgColor: #1f6feb;
437
435
  --codeMirror-fgColor: #e6edf3;
438
436
  --codeMirror-bgColor: #0d1117;
439
437
  --codeMirror-gutters-bgColor: #0d1117;
@@ -15,7 +15,6 @@
15
15
  --diffBlob-deletion-bgColor-word: #e5534b66;
16
16
  --diffBlob-hunk-bgColor-num: #4184e466;
17
17
  --diffBlob-expander-iconColor: #c5d1de;
18
- --diffStat-addition-bgColor: #347d39;
19
18
  --codeMirror-fgColor: #c5d1de;
20
19
  --codeMirror-bgColor: #22272e;
21
20
  --codeMirror-gutters-bgColor: #22272e;
@@ -433,7 +432,6 @@
433
432
  --diffBlob-deletion-bgColor-word: #e5534b66;
434
433
  --diffBlob-hunk-bgColor-num: #4184e466;
435
434
  --diffBlob-expander-iconColor: #c5d1de;
436
- --diffStat-addition-bgColor: #347d39;
437
435
  --codeMirror-fgColor: #c5d1de;
438
436
  --codeMirror-bgColor: #22272e;
439
437
  --codeMirror-gutters-bgColor: #22272e;
@@ -15,7 +15,6 @@
15
15
  --diffBlob-deletion-bgColor-word: #ff6a69;
16
16
  --diffBlob-hunk-bgColor-num: #409eff66;
17
17
  --diffBlob-expander-iconColor: #fbfcfd;
18
- --diffStat-addition-bgColor: #09b43a;
19
18
  --codeMirror-fgColor: #fbfcfd;
20
19
  --codeMirror-bgColor: #0a0c10;
21
20
  --codeMirror-gutters-bgColor: #0a0c10;
@@ -123,10 +122,10 @@
123
122
  --button-primary-borderColor-disabled: #4ae16866;
124
123
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
125
124
  --button-invisible-fgColor-rest: #409eff;
126
- --button-invisible-fgColor-hover: #71b7ff;
125
+ --button-invisible-fgColor-hover: #1e60d5;
127
126
  --button-invisible-fgColor-disabled: #bdc4cc;
128
127
  --button-invisible-iconColor-rest: #f0f3f6;
129
- --button-invisible-iconColor-hover: #fbfcfd;
128
+ --button-invisible-iconColor-hover: #0a0c10;
130
129
  --button-invisible-iconColor-disabled: #bdc4cc;
131
130
  --button-invisible-bgColor-rest: #00000000;
132
131
  --button-invisible-bgColor-hover: #f0f3f6;
@@ -433,7 +432,6 @@
433
432
  --diffBlob-deletion-bgColor-word: #ff6a69;
434
433
  --diffBlob-hunk-bgColor-num: #409eff66;
435
434
  --diffBlob-expander-iconColor: #fbfcfd;
436
- --diffStat-addition-bgColor: #09b43a;
437
435
  --codeMirror-fgColor: #fbfcfd;
438
436
  --codeMirror-bgColor: #0a0c10;
439
437
  --codeMirror-gutters-bgColor: #0a0c10;
@@ -541,10 +539,10 @@
541
539
  --button-primary-borderColor-disabled: #4ae16866;
542
540
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
543
541
  --button-invisible-fgColor-rest: #409eff;
544
- --button-invisible-fgColor-hover: #71b7ff;
542
+ --button-invisible-fgColor-hover: #1e60d5;
545
543
  --button-invisible-fgColor-disabled: #bdc4cc;
546
544
  --button-invisible-iconColor-rest: #f0f3f6;
547
- --button-invisible-iconColor-hover: #fbfcfd;
545
+ --button-invisible-iconColor-hover: #0a0c10;
548
546
  --button-invisible-iconColor-disabled: #bdc4cc;
549
547
  --button-invisible-bgColor-rest: #00000000;
550
548
  --button-invisible-bgColor-hover: #f0f3f6;
@@ -15,7 +15,6 @@
15
15
  --diffBlob-deletion-bgColor-word: #f8514966;
16
16
  --diffBlob-hunk-bgColor-num: #388bfd66;
17
17
  --diffBlob-expander-iconColor: #7d8590;
18
- --diffStat-addition-bgColor: #1f6feb;
19
18
  --codeMirror-fgColor: #e6edf3;
20
19
  --codeMirror-bgColor: #0d1117;
21
20
  --codeMirror-gutters-bgColor: #0d1117;
@@ -433,7 +432,6 @@
433
432
  --diffBlob-deletion-bgColor-word: #f8514966;
434
433
  --diffBlob-hunk-bgColor-num: #388bfd66;
435
434
  --diffBlob-expander-iconColor: #7d8590;
436
- --diffStat-addition-bgColor: #1f6feb;
437
435
  --codeMirror-fgColor: #e6edf3;
438
436
  --codeMirror-bgColor: #0d1117;
439
437
  --codeMirror-gutters-bgColor: #0d1117;
@@ -15,7 +15,6 @@
15
15
  --diffBlob-deletion-bgColor-word: #f8514966;
16
16
  --diffBlob-hunk-bgColor-num: #388bfd66;
17
17
  --diffBlob-expander-iconColor: #7d8590;
18
- --diffStat-addition-bgColor: #238636;
19
18
  --codeMirror-fgColor: #e6edf3;
20
19
  --codeMirror-bgColor: #0d1117;
21
20
  --codeMirror-gutters-bgColor: #0d1117;
@@ -433,7 +432,6 @@
433
432
  --diffBlob-deletion-bgColor-word: #f8514966;
434
433
  --diffBlob-hunk-bgColor-num: #388bfd66;
435
434
  --diffBlob-expander-iconColor: #7d8590;
436
- --diffStat-addition-bgColor: #238636;
437
435
  --codeMirror-fgColor: #e6edf3;
438
436
  --codeMirror-bgColor: #0d1117;
439
437
  --codeMirror-gutters-bgColor: #0d1117;
@@ -15,7 +15,6 @@
15
15
  --diffBlob-deletion-bgColor-word: #ffb77c80;
16
16
  --diffBlob-hunk-bgColor-num: #54aeff66;
17
17
  --diffBlob-expander-iconColor: #636c76;
18
- --diffStat-addition-bgColor: #0f72e3;
19
18
  --codeMirror-fgColor: #1f2328;
20
19
  --codeMirror-bgColor: #ffffff;
21
20
  --codeMirror-gutters-bgColor: #ffffff;
@@ -433,7 +432,6 @@
433
432
  --diffBlob-deletion-bgColor-word: #ffb77c80;
434
433
  --diffBlob-hunk-bgColor-num: #54aeff66;
435
434
  --diffBlob-expander-iconColor: #636c76;
436
- --diffStat-addition-bgColor: #0f72e3;
437
435
  --codeMirror-fgColor: #1f2328;
438
436
  --codeMirror-bgColor: #ffffff;
439
437
  --codeMirror-gutters-bgColor: #ffffff;
@@ -15,7 +15,6 @@
15
15
  --diffBlob-deletion-bgColor-word: #a0111f;
16
16
  --diffBlob-hunk-bgColor-num: #9cd7ff;
17
17
  --diffBlob-expander-iconColor: #0e1116;
18
- --diffStat-addition-bgColor: #055d20;
19
18
  --codeMirror-fgColor: #010409;
20
19
  --codeMirror-bgColor: #ffffff;
21
20
  --codeMirror-gutters-bgColor: #ffffff;
@@ -123,10 +122,10 @@
123
122
  --button-primary-borderColor-disabled: #85cb97;
124
123
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
125
124
  --button-invisible-fgColor-rest: #023b95;
126
- --button-invisible-fgColor-hover: #023b95;
125
+ --button-invisible-fgColor-hover: #67b3fd;
127
126
  --button-invisible-fgColor-disabled: #4b535d;
128
127
  --button-invisible-iconColor-rest: #0e1116;
129
- --button-invisible-iconColor-hover: #0e1116;
128
+ --button-invisible-iconColor-hover: #ffffff;
130
129
  --button-invisible-iconColor-disabled: #4b535d;
131
130
  --button-invisible-bgColor-rest: #ffffff00;
132
131
  --button-invisible-bgColor-hover: #20252c;
@@ -433,7 +432,6 @@
433
432
  --diffBlob-deletion-bgColor-word: #a0111f;
434
433
  --diffBlob-hunk-bgColor-num: #9cd7ff;
435
434
  --diffBlob-expander-iconColor: #0e1116;
436
- --diffStat-addition-bgColor: #055d20;
437
435
  --codeMirror-fgColor: #010409;
438
436
  --codeMirror-bgColor: #ffffff;
439
437
  --codeMirror-gutters-bgColor: #ffffff;
@@ -541,10 +539,10 @@
541
539
  --button-primary-borderColor-disabled: #85cb97;
542
540
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
543
541
  --button-invisible-fgColor-rest: #023b95;
544
- --button-invisible-fgColor-hover: #023b95;
542
+ --button-invisible-fgColor-hover: #67b3fd;
545
543
  --button-invisible-fgColor-disabled: #4b535d;
546
544
  --button-invisible-iconColor-rest: #0e1116;
547
- --button-invisible-iconColor-hover: #0e1116;
545
+ --button-invisible-iconColor-hover: #ffffff;
548
546
  --button-invisible-iconColor-disabled: #4b535d;
549
547
  --button-invisible-bgColor-rest: #ffffff00;
550
548
  --button-invisible-bgColor-hover: #20252c;
@@ -15,7 +15,6 @@
15
15
  --diffBlob-deletion-bgColor-word: #ff818266;
16
16
  --diffBlob-hunk-bgColor-num: #54aeff66;
17
17
  --diffBlob-expander-iconColor: #636c76;
18
- --diffStat-addition-bgColor: #0f72e3;
19
18
  --codeMirror-fgColor: #1f2328;
20
19
  --codeMirror-bgColor: #ffffff;
21
20
  --codeMirror-gutters-bgColor: #ffffff;
@@ -433,7 +432,6 @@
433
432
  --diffBlob-deletion-bgColor-word: #ff818266;
434
433
  --diffBlob-hunk-bgColor-num: #54aeff66;
435
434
  --diffBlob-expander-iconColor: #636c76;
436
- --diffStat-addition-bgColor: #0f72e3;
437
435
  --codeMirror-fgColor: #1f2328;
438
436
  --codeMirror-bgColor: #ffffff;
439
437
  --codeMirror-gutters-bgColor: #ffffff;
@@ -15,7 +15,6 @@
15
15
  --diffBlob-deletion-bgColor-word: #ff818266;
16
16
  --diffBlob-hunk-bgColor-num: #54aeff66;
17
17
  --diffBlob-expander-iconColor: #636c76;
18
- --diffStat-addition-bgColor: #1f883d;
19
18
  --codeMirror-fgColor: #1f2328;
20
19
  --codeMirror-bgColor: #ffffff;
21
20
  --codeMirror-gutters-bgColor: #ffffff;
@@ -433,7 +432,6 @@
433
432
  --diffBlob-deletion-bgColor-word: #ff818266;
434
433
  --diffBlob-hunk-bgColor-num: #54aeff66;
435
434
  --diffBlob-expander-iconColor: #636c76;
436
- --diffStat-addition-bgColor: #1f883d;
437
435
  --codeMirror-fgColor: #1f2328;
438
436
  --codeMirror-bgColor: #ffffff;
439
437
  --codeMirror-gutters-bgColor: #ffffff;
@@ -452,35 +452,6 @@
452
452
  "attributes": {},
453
453
  "path": ["diffBlob", "expander", "iconColor"]
454
454
  },
455
- "diffStat-addition-bgColor": {
456
- "value": "#1f6feb",
457
- "$type": "color",
458
- "$extensions": {
459
- "org.primer.figma": {
460
- "collection": "mode",
461
- "mode": "dark",
462
- "group": "component",
463
- "scopes": ["bgColor"]
464
- }
465
- },
466
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
467
- "isSource": true,
468
- "original": {
469
- "value": "{bgColor.success.emphasis}",
470
- "$type": "color",
471
- "$extensions": {
472
- "org.primer.figma": {
473
- "collection": "mode",
474
- "mode": "dark",
475
- "group": "component",
476
- "scopes": ["bgColor"]
477
- }
478
- }
479
- },
480
- "name": "diffStat-addition-bgColor",
481
- "attributes": {},
482
- "path": ["diffStat", "addition", "bgColor"]
483
- },
484
455
  "codeMirror-fgColor": {
485
456
  "value": "#e6edf3",
486
457
  "$type": "color",
@@ -452,35 +452,6 @@
452
452
  "attributes": {},
453
453
  "path": ["diffBlob", "expander", "iconColor"]
454
454
  },
455
- "diffStat-addition-bgColor": {
456
- "value": "#347d39",
457
- "$type": "color",
458
- "$extensions": {
459
- "org.primer.figma": {
460
- "collection": "mode",
461
- "mode": "dark",
462
- "group": "component",
463
- "scopes": ["bgColor"]
464
- }
465
- },
466
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
467
- "isSource": true,
468
- "original": {
469
- "value": "{bgColor.success.emphasis}",
470
- "$type": "color",
471
- "$extensions": {
472
- "org.primer.figma": {
473
- "collection": "mode",
474
- "mode": "dark",
475
- "group": "component",
476
- "scopes": ["bgColor"]
477
- }
478
- }
479
- },
480
- "name": "diffStat-addition-bgColor",
481
- "attributes": {},
482
- "path": ["diffStat", "addition", "bgColor"]
483
- },
484
455
  "codeMirror-fgColor": {
485
456
  "value": "#c5d1de",
486
457
  "$type": "color",
@@ -454,35 +454,6 @@
454
454
  "attributes": {},
455
455
  "path": ["diffBlob", "expander", "iconColor"]
456
456
  },
457
- "diffStat-addition-bgColor": {
458
- "value": "#09b43a",
459
- "$type": "color",
460
- "$extensions": {
461
- "org.primer.figma": {
462
- "collection": "mode",
463
- "mode": "dark",
464
- "group": "component",
465
- "scopes": ["bgColor"]
466
- }
467
- },
468
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
469
- "isSource": true,
470
- "original": {
471
- "value": "{bgColor.success.emphasis}",
472
- "$type": "color",
473
- "$extensions": {
474
- "org.primer.figma": {
475
- "collection": "mode",
476
- "mode": "dark",
477
- "group": "component",
478
- "scopes": ["bgColor"]
479
- }
480
- }
481
- },
482
- "name": "diffStat-addition-bgColor",
483
- "attributes": {},
484
- "path": ["diffStat", "addition", "bgColor"]
485
- },
486
457
  "codeMirror-fgColor": {
487
458
  "value": "#fbfcfd",
488
459
  "$type": "color",
@@ -3694,7 +3665,7 @@
3694
3665
  "path": ["button", "invisible", "fgColor", "rest"]
3695
3666
  },
3696
3667
  "button-invisible-fgColor-hover": {
3697
- "value": "#71b7ff",
3668
+ "value": "#1e60d5",
3698
3669
  "$type": "color",
3699
3670
  "$extensions": {
3700
3671
  "org.primer.figma": {
@@ -3704,10 +3675,10 @@
3704
3675
  "scopes": ["fgColor"]
3705
3676
  }
3706
3677
  },
3707
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
3678
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
3708
3679
  "isSource": true,
3709
3680
  "original": {
3710
- "value": "{base.color.blue.3}",
3681
+ "value": "{base.color.blue.8}",
3711
3682
  "$type": "color",
3712
3683
  "$extensions": {
3713
3684
  "org.primer.figma": {
@@ -3781,7 +3752,7 @@
3781
3752
  "path": ["button", "invisible", "iconColor", "rest"]
3782
3753
  },
3783
3754
  "button-invisible-iconColor-hover": {
3784
- "value": "#fbfcfd",
3755
+ "value": "#0a0c10",
3785
3756
  "$type": "color",
3786
3757
  "$extensions": {
3787
3758
  "org.primer.figma": {
@@ -3791,10 +3762,10 @@
3791
3762
  "scopes": ["fgColor"]
3792
3763
  }
3793
3764
  },
3794
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
3765
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
3795
3766
  "isSource": true,
3796
3767
  "original": {
3797
- "value": "{fgColor.default}",
3768
+ "value": "{fgColor.onEmphasis}",
3798
3769
  "$type": "color",
3799
3770
  "$extensions": {
3800
3771
  "org.primer.figma": {
@@ -452,35 +452,6 @@
452
452
  "attributes": {},
453
453
  "path": ["diffBlob", "expander", "iconColor"]
454
454
  },
455
- "diffStat-addition-bgColor": {
456
- "value": "#1f6feb",
457
- "$type": "color",
458
- "$extensions": {
459
- "org.primer.figma": {
460
- "collection": "mode",
461
- "mode": "dark",
462
- "group": "component",
463
- "scopes": ["bgColor"]
464
- }
465
- },
466
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
467
- "isSource": true,
468
- "original": {
469
- "value": "{bgColor.success.emphasis}",
470
- "$type": "color",
471
- "$extensions": {
472
- "org.primer.figma": {
473
- "collection": "mode",
474
- "mode": "dark",
475
- "group": "component",
476
- "scopes": ["bgColor"]
477
- }
478
- }
479
- },
480
- "name": "diffStat-addition-bgColor",
481
- "attributes": {},
482
- "path": ["diffStat", "addition", "bgColor"]
483
- },
484
455
  "codeMirror-fgColor": {
485
456
  "value": "#e6edf3",
486
457
  "$type": "color",
@@ -452,35 +452,6 @@
452
452
  "attributes": {},
453
453
  "path": ["diffBlob", "expander", "iconColor"]
454
454
  },
455
- "diffStat-addition-bgColor": {
456
- "value": "#238636",
457
- "$type": "color",
458
- "$extensions": {
459
- "org.primer.figma": {
460
- "collection": "mode",
461
- "mode": "dark",
462
- "group": "component",
463
- "scopes": ["bgColor"]
464
- }
465
- },
466
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
467
- "isSource": true,
468
- "original": {
469
- "value": "{bgColor.success.emphasis}",
470
- "$type": "color",
471
- "$extensions": {
472
- "org.primer.figma": {
473
- "collection": "mode",
474
- "mode": "dark",
475
- "group": "component",
476
- "scopes": ["bgColor"]
477
- }
478
- }
479
- },
480
- "name": "diffStat-addition-bgColor",
481
- "attributes": {},
482
- "path": ["diffStat", "addition", "bgColor"]
483
- },
484
455
  "codeMirror-fgColor": {
485
456
  "value": "#e6edf3",
486
457
  "$type": "color",
@@ -450,35 +450,6 @@
450
450
  "attributes": {},
451
451
  "path": ["diffBlob", "expander", "iconColor"]
452
452
  },
453
- "diffStat-addition-bgColor": {
454
- "value": "#0f72e3",
455
- "$type": "color",
456
- "$extensions": {
457
- "org.primer.figma": {
458
- "collection": "mode",
459
- "mode": "light",
460
- "group": "component",
461
- "scopes": ["bgColor"]
462
- }
463
- },
464
- "filePath": "src/tokens/functional/color/light/app-light.json5",
465
- "isSource": true,
466
- "original": {
467
- "value": "{bgColor.success.emphasis}",
468
- "$type": "color",
469
- "$extensions": {
470
- "org.primer.figma": {
471
- "collection": "mode",
472
- "mode": "light",
473
- "group": "component",
474
- "scopes": ["bgColor"]
475
- }
476
- }
477
- },
478
- "name": "diffStat-addition-bgColor",
479
- "attributes": {},
480
- "path": ["diffStat", "addition", "bgColor"]
481
- },
482
453
  "codeMirror-fgColor": {
483
454
  "value": "#1f2328",
484
455
  "$type": "color",
@@ -448,35 +448,6 @@
448
448
  "attributes": {},
449
449
  "path": ["diffBlob", "expander", "iconColor"]
450
450
  },
451
- "diffStat-addition-bgColor": {
452
- "value": "#055d20",
453
- "$type": "color",
454
- "$extensions": {
455
- "org.primer.figma": {
456
- "collection": "mode",
457
- "mode": "light",
458
- "group": "component",
459
- "scopes": ["bgColor"]
460
- }
461
- },
462
- "filePath": "src/tokens/functional/color/light/app-light.json5",
463
- "isSource": true,
464
- "original": {
465
- "value": "{bgColor.success.emphasis}",
466
- "$type": "color",
467
- "$extensions": {
468
- "org.primer.figma": {
469
- "collection": "mode",
470
- "mode": "light",
471
- "group": "component",
472
- "scopes": ["bgColor"]
473
- }
474
- }
475
- },
476
- "name": "diffStat-addition-bgColor",
477
- "attributes": {},
478
- "path": ["diffStat", "addition", "bgColor"]
479
- },
480
451
  "codeMirror-fgColor": {
481
452
  "value": "#010409",
482
453
  "$type": "color",
@@ -3670,7 +3641,7 @@
3670
3641
  "path": ["button", "invisible", "fgColor", "rest"]
3671
3642
  },
3672
3643
  "button-invisible-fgColor-hover": {
3673
- "value": "#023b95",
3644
+ "value": "#67b3fd",
3674
3645
  "$type": "color",
3675
3646
  "$extensions": {
3676
3647
  "org.primer.figma": {
@@ -3680,10 +3651,10 @@
3680
3651
  "scopes": ["fgColor"]
3681
3652
  }
3682
3653
  },
3683
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3654
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
3684
3655
  "isSource": true,
3685
3656
  "original": {
3686
- "value": "{fgColor.accent.@}",
3657
+ "value": "{base.color.blue.2}",
3687
3658
  "$type": "color",
3688
3659
  "$extensions": {
3689
3660
  "org.primer.figma": {
@@ -3757,7 +3728,7 @@
3757
3728
  "path": ["button", "invisible", "iconColor", "rest"]
3758
3729
  },
3759
3730
  "button-invisible-iconColor-hover": {
3760
- "value": "#0e1116",
3731
+ "value": "#ffffff",
3761
3732
  "$type": "color",
3762
3733
  "$extensions": {
3763
3734
  "org.primer.figma": {
@@ -3767,10 +3738,10 @@
3767
3738
  "scopes": ["fgColor"]
3768
3739
  }
3769
3740
  },
3770
- "filePath": "src/tokens/functional/color/light/patterns-light.json5",
3741
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
3771
3742
  "isSource": true,
3772
3743
  "original": {
3773
- "value": "{fgColor.muted}",
3744
+ "value": "{fgColor.onEmphasis}",
3774
3745
  "$type": "color",
3775
3746
  "$extensions": {
3776
3747
  "org.primer.figma": {
@@ -446,35 +446,6 @@
446
446
  "attributes": {},
447
447
  "path": ["diffBlob", "expander", "iconColor"]
448
448
  },
449
- "diffStat-addition-bgColor": {
450
- "value": "#0f72e3",
451
- "$type": "color",
452
- "$extensions": {
453
- "org.primer.figma": {
454
- "collection": "mode",
455
- "mode": "light",
456
- "group": "component",
457
- "scopes": ["bgColor"]
458
- }
459
- },
460
- "filePath": "src/tokens/functional/color/light/app-light.json5",
461
- "isSource": true,
462
- "original": {
463
- "value": "{bgColor.success.emphasis}",
464
- "$type": "color",
465
- "$extensions": {
466
- "org.primer.figma": {
467
- "collection": "mode",
468
- "mode": "light",
469
- "group": "component",
470
- "scopes": ["bgColor"]
471
- }
472
- }
473
- },
474
- "name": "diffStat-addition-bgColor",
475
- "attributes": {},
476
- "path": ["diffStat", "addition", "bgColor"]
477
- },
478
449
  "codeMirror-fgColor": {
479
450
  "value": "#1f2328",
480
451
  "$type": "color",
@@ -446,35 +446,6 @@
446
446
  "attributes": {},
447
447
  "path": ["diffBlob", "expander", "iconColor"]
448
448
  },
449
- "diffStat-addition-bgColor": {
450
- "value": "#1f883d",
451
- "$type": "color",
452
- "$extensions": {
453
- "org.primer.figma": {
454
- "collection": "mode",
455
- "mode": "light",
456
- "group": "component",
457
- "scopes": ["bgColor"]
458
- }
459
- },
460
- "filePath": "src/tokens/functional/color/light/app-light.json5",
461
- "isSource": true,
462
- "original": {
463
- "value": "{bgColor.success.emphasis}",
464
- "$type": "color",
465
- "$extensions": {
466
- "org.primer.figma": {
467
- "collection": "mode",
468
- "mode": "light",
469
- "group": "component",
470
- "scopes": ["bgColor"]
471
- }
472
- }
473
- },
474
- "name": "diffStat-addition-bgColor",
475
- "attributes": {},
476
- "path": ["diffStat", "addition", "bgColor"]
477
- },
478
449
  "codeMirror-fgColor": {
479
450
  "value": "#1f2328",
480
451
  "$type": "color",
@@ -14,7 +14,7 @@
14
14
  "--diffBlob-deletion-bgColor-word": "var(--color-diff-blob-deletion-word-bg)",
15
15
  "--diffBlob-hunk-bgColor-num": "var(--color-diff-blob-hunk-num-bg)",
16
16
  "--diffBlob-expander-iconColor": "var(--color-diff-blob-expander-icon)",
17
- "--diffStat-addition-bgColor": "var(--color-diffstat-addition-bg)",
17
+ "--diffStat-addition-bgColor": "var(--bgColor-success-emphasis)",
18
18
  "--codeMirror-fgColor": "var(--color-codemirror-text)",
19
19
  "--codeMirror-bgColor": "var(--color-codemirror-bg)",
20
20
  "--codeMirror-gutters-bgColor": "var(--color-codemirror-gutters-bg)",
@@ -4641,22 +4641,6 @@
4641
4641
  "group": "component",
4642
4642
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4643
4643
  },
4644
- {
4645
- "name": "diffStat/addition/bgColor",
4646
- "value": {
4647
- "r": 0.13725490196078433,
4648
- "g": 0.5254901960784314,
4649
- "b": 0.21176470588235294,
4650
- "a": 1
4651
- },
4652
- "type": "COLOR",
4653
- "refId": "mode/diffStat/addition/bgColor",
4654
- "reference": "mode/bgColor/success-emphasis",
4655
- "collection": "mode",
4656
- "mode": "dark",
4657
- "group": "component",
4658
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4659
- },
4660
4644
  {
4661
4645
  "name": "diffBlob/expander/iconColor",
4662
4646
  "value": {