@primer/primitives 7.13.1-rc.4461d84 → 7.14.0-rc.1688b80

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 +6 -4
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +6 -4
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +8 -6
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +6 -4
  6. package/tokens-next-private/css/functional/themes/dark.css +6 -4
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +6 -4
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +8 -6
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +6 -4
  10. package/tokens-next-private/css/functional/themes/light.css +6 -4
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +87 -50
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +87 -50
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +90 -53
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +87 -50
  15. package/tokens-next-private/docs/functional/themes/dark.json +87 -50
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +87 -50
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +90 -53
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +87 -50
  19. package/tokens-next-private/docs/functional/themes/light.json +87 -50
  20. package/tokens-next-private/fallbacks/color-fallbacks.json +5 -2
  21. package/tokens-next-private/figma/themes/dark.json +48 -16
  22. package/tokens-next-private/figma/themes/light.json +48 -16
  23. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +3 -2
  24. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +3 -2
  25. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +4 -3
  26. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +3 -2
  27. package/tokens-next-private/scss/functional/themes/dark.scss +3 -2
  28. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +3 -2
  29. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +4 -3
  30. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +3 -2
  31. package/tokens-next-private/scss/functional/themes/light.scss +3 -2
  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-rc.4461d84",
3
+ "version": "7.14.0-rc.1688b80",
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;
@@ -125,6 +124,9 @@
125
124
  --button-invisible-fgColor-rest: #2f81f7;
126
125
  --button-invisible-fgColor-hover: #58a6ff;
127
126
  --button-invisible-fgColor-disabled: #8b949e;
127
+ --button-invisible-iconColor-rest: #7d8590;
128
+ --button-invisible-iconColor-hover: #e6edf3;
129
+ --button-invisible-iconColor-disabled: #8b949e;
128
130
  --button-invisible-bgColor-rest: #00000000;
129
131
  --button-invisible-bgColor-hover: #b1bac41f;
130
132
  --button-invisible-bgColor-active: #b1bac433;
@@ -404,7 +406,6 @@
404
406
  --color-scale-coral-8: #640d04;
405
407
  --color-scale-coral-9: #460701;
406
408
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
407
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
408
409
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
409
410
  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
410
411
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
@@ -431,7 +432,6 @@
431
432
  --diffBlob-deletion-bgColor-word: #db6d2866;
432
433
  --diffBlob-hunk-bgColor-num: #388bfd66;
433
434
  --diffBlob-expander-iconColor: #7d8590;
434
- --diffStat-addition-bgColor: #1f6feb;
435
435
  --codeMirror-fgColor: #e6edf3;
436
436
  --codeMirror-bgColor: #0d1117;
437
437
  --codeMirror-gutters-bgColor: #0d1117;
@@ -541,6 +541,9 @@
541
541
  --button-invisible-fgColor-rest: #2f81f7;
542
542
  --button-invisible-fgColor-hover: #58a6ff;
543
543
  --button-invisible-fgColor-disabled: #8b949e;
544
+ --button-invisible-iconColor-rest: #7d8590;
545
+ --button-invisible-iconColor-hover: #e6edf3;
546
+ --button-invisible-iconColor-disabled: #8b949e;
544
547
  --button-invisible-bgColor-rest: #00000000;
545
548
  --button-invisible-bgColor-hover: #b1bac41f;
546
549
  --button-invisible-bgColor-active: #b1bac433;
@@ -820,7 +823,6 @@
820
823
  --color-scale-coral-8: #640d04;
821
824
  --color-scale-coral-9: #460701;
822
825
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
823
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
824
826
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
825
827
  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
826
828
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
@@ -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;
@@ -125,6 +124,9 @@
125
124
  --button-invisible-fgColor-rest: #3b7cdb;
126
125
  --button-invisible-fgColor-hover: #539bf5;
127
126
  --button-invisible-fgColor-disabled: #768390;
127
+ --button-invisible-iconColor-rest: #6d7986;
128
+ --button-invisible-iconColor-hover: #6d7986;
129
+ --button-invisible-iconColor-disabled: #768390;
128
130
  --button-invisible-bgColor-rest: #00000000;
129
131
  --button-invisible-bgColor-hover: #909dab1f;
130
132
  --button-invisible-bgColor-active: #909dab33;
@@ -404,7 +406,6 @@
404
406
  --color-scale-coral-8: #771d13;
405
407
  --color-scale-coral-9: #5d1008;
406
408
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
407
- --shadow-highlight: inset 0px 1px 0px 0px #cdd9e51f;
408
409
  --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
409
410
  --shadow-resting-small: 0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866;
410
411
  --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
@@ -431,7 +432,6 @@
431
432
  --diffBlob-deletion-bgColor-word: #e5534b66;
432
433
  --diffBlob-hunk-bgColor-num: #4184e466;
433
434
  --diffBlob-expander-iconColor: #c5d1de;
434
- --diffStat-addition-bgColor: #347d39;
435
435
  --codeMirror-fgColor: #c5d1de;
436
436
  --codeMirror-bgColor: #22272e;
437
437
  --codeMirror-gutters-bgColor: #22272e;
@@ -541,6 +541,9 @@
541
541
  --button-invisible-fgColor-rest: #3b7cdb;
542
542
  --button-invisible-fgColor-hover: #539bf5;
543
543
  --button-invisible-fgColor-disabled: #768390;
544
+ --button-invisible-iconColor-rest: #6d7986;
545
+ --button-invisible-iconColor-hover: #6d7986;
546
+ --button-invisible-iconColor-disabled: #768390;
544
547
  --button-invisible-bgColor-rest: #00000000;
545
548
  --button-invisible-bgColor-hover: #909dab1f;
546
549
  --button-invisible-bgColor-active: #909dab33;
@@ -820,7 +823,6 @@
820
823
  --color-scale-coral-8: #771d13;
821
824
  --color-scale-coral-9: #5d1008;
822
825
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
823
- --shadow-highlight: inset 0px 1px 0px 0px #cdd9e51f;
824
826
  --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
825
827
  --shadow-resting-small: 0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866;
826
828
  --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
@@ -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,8 +122,11 @@
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;
127
+ --button-invisible-iconColor-rest: #f0f3f6;
128
+ --button-invisible-iconColor-hover: #0a0c10;
129
+ --button-invisible-iconColor-disabled: #bdc4cc;
128
130
  --button-invisible-bgColor-rest: #00000000;
129
131
  --button-invisible-bgColor-hover: #f0f3f6;
130
132
  --button-invisible-bgColor-active: #d9dee3;
@@ -404,7 +406,6 @@
404
406
  --color-scale-coral-8: #c62612;
405
407
  --color-scale-coral-9: #a91500;
406
408
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
407
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
408
409
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
409
410
  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
410
411
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
@@ -431,7 +432,6 @@
431
432
  --diffBlob-deletion-bgColor-word: #ff6a69;
432
433
  --diffBlob-hunk-bgColor-num: #409eff66;
433
434
  --diffBlob-expander-iconColor: #fbfcfd;
434
- --diffStat-addition-bgColor: #09b43a;
435
435
  --codeMirror-fgColor: #fbfcfd;
436
436
  --codeMirror-bgColor: #0a0c10;
437
437
  --codeMirror-gutters-bgColor: #0a0c10;
@@ -539,8 +539,11 @@
539
539
  --button-primary-borderColor-disabled: #4ae16866;
540
540
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
541
541
  --button-invisible-fgColor-rest: #409eff;
542
- --button-invisible-fgColor-hover: #71b7ff;
542
+ --button-invisible-fgColor-hover: #1e60d5;
543
543
  --button-invisible-fgColor-disabled: #bdc4cc;
544
+ --button-invisible-iconColor-rest: #f0f3f6;
545
+ --button-invisible-iconColor-hover: #0a0c10;
546
+ --button-invisible-iconColor-disabled: #bdc4cc;
544
547
  --button-invisible-bgColor-rest: #00000000;
545
548
  --button-invisible-bgColor-hover: #f0f3f6;
546
549
  --button-invisible-bgColor-active: #d9dee3;
@@ -820,7 +823,6 @@
820
823
  --color-scale-coral-8: #c62612;
821
824
  --color-scale-coral-9: #a91500;
822
825
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
823
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
824
826
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
825
827
  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
826
828
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
@@ -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;
@@ -125,6 +124,9 @@
125
124
  --button-invisible-fgColor-rest: #2f81f7;
126
125
  --button-invisible-fgColor-hover: #58a6ff;
127
126
  --button-invisible-fgColor-disabled: #8b949e;
127
+ --button-invisible-iconColor-rest: #7d8590;
128
+ --button-invisible-iconColor-hover: #e6edf3;
129
+ --button-invisible-iconColor-disabled: #8b949e;
128
130
  --button-invisible-bgColor-rest: #00000000;
129
131
  --button-invisible-bgColor-hover: #b1bac41f;
130
132
  --button-invisible-bgColor-active: #b1bac433;
@@ -404,7 +406,6 @@
404
406
  --color-scale-coral-8: #640d04;
405
407
  --color-scale-coral-9: #460701;
406
408
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
407
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
408
409
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
409
410
  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
410
411
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
@@ -431,7 +432,6 @@
431
432
  --diffBlob-deletion-bgColor-word: #f8514966;
432
433
  --diffBlob-hunk-bgColor-num: #388bfd66;
433
434
  --diffBlob-expander-iconColor: #7d8590;
434
- --diffStat-addition-bgColor: #1f6feb;
435
435
  --codeMirror-fgColor: #e6edf3;
436
436
  --codeMirror-bgColor: #0d1117;
437
437
  --codeMirror-gutters-bgColor: #0d1117;
@@ -541,6 +541,9 @@
541
541
  --button-invisible-fgColor-rest: #2f81f7;
542
542
  --button-invisible-fgColor-hover: #58a6ff;
543
543
  --button-invisible-fgColor-disabled: #8b949e;
544
+ --button-invisible-iconColor-rest: #7d8590;
545
+ --button-invisible-iconColor-hover: #e6edf3;
546
+ --button-invisible-iconColor-disabled: #8b949e;
544
547
  --button-invisible-bgColor-rest: #00000000;
545
548
  --button-invisible-bgColor-hover: #b1bac41f;
546
549
  --button-invisible-bgColor-active: #b1bac433;
@@ -820,7 +823,6 @@
820
823
  --color-scale-coral-8: #640d04;
821
824
  --color-scale-coral-9: #460701;
822
825
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
823
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
824
826
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
825
827
  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
826
828
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
@@ -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;
@@ -125,6 +124,9 @@
125
124
  --button-invisible-fgColor-rest: #2f81f7;
126
125
  --button-invisible-fgColor-hover: #58a6ff;
127
126
  --button-invisible-fgColor-disabled: #8b949e;
127
+ --button-invisible-iconColor-rest: #7d8590;
128
+ --button-invisible-iconColor-hover: #e6edf3;
129
+ --button-invisible-iconColor-disabled: #8b949e;
128
130
  --button-invisible-bgColor-rest: #00000000;
129
131
  --button-invisible-bgColor-hover: #b1bac41f;
130
132
  --button-invisible-bgColor-active: #b1bac433;
@@ -404,7 +406,6 @@
404
406
  --color-scale-coral-8: #640d04;
405
407
  --color-scale-coral-9: #460701;
406
408
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
407
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
408
409
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
409
410
  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
410
411
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
@@ -431,7 +432,6 @@
431
432
  --diffBlob-deletion-bgColor-word: #f8514966;
432
433
  --diffBlob-hunk-bgColor-num: #388bfd66;
433
434
  --diffBlob-expander-iconColor: #7d8590;
434
- --diffStat-addition-bgColor: #238636;
435
435
  --codeMirror-fgColor: #e6edf3;
436
436
  --codeMirror-bgColor: #0d1117;
437
437
  --codeMirror-gutters-bgColor: #0d1117;
@@ -541,6 +541,9 @@
541
541
  --button-invisible-fgColor-rest: #2f81f7;
542
542
  --button-invisible-fgColor-hover: #58a6ff;
543
543
  --button-invisible-fgColor-disabled: #8b949e;
544
+ --button-invisible-iconColor-rest: #7d8590;
545
+ --button-invisible-iconColor-hover: #e6edf3;
546
+ --button-invisible-iconColor-disabled: #8b949e;
544
547
  --button-invisible-bgColor-rest: #00000000;
545
548
  --button-invisible-bgColor-hover: #b1bac41f;
546
549
  --button-invisible-bgColor-active: #b1bac433;
@@ -820,7 +823,6 @@
820
823
  --color-scale-coral-8: #640d04;
821
824
  --color-scale-coral-9: #460701;
822
825
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
823
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff1f;
824
826
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
825
827
  --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966;
826
828
  --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
@@ -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;
@@ -125,6 +124,9 @@
125
124
  --button-invisible-fgColor-rest: #0969da;
126
125
  --button-invisible-fgColor-hover: #0969da;
127
126
  --button-invisible-fgColor-disabled: #8c959f;
127
+ --button-invisible-iconColor-rest: #636c76;
128
+ --button-invisible-iconColor-hover: #636c76;
129
+ --button-invisible-iconColor-disabled: #8c959f;
128
130
  --button-invisible-bgColor-rest: #ffffff00;
129
131
  --button-invisible-bgColor-hover: #d0d7de33;
130
132
  --button-invisible-bgColor-active: #d0d7de66;
@@ -405,7 +407,6 @@
405
407
  --color-scale-coral-8: #691105;
406
408
  --color-scale-coral-9: #510901;
407
409
  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
408
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
409
410
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
410
411
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
411
412
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -431,7 +432,6 @@
431
432
  --diffBlob-deletion-bgColor-word: #ffb77c80;
432
433
  --diffBlob-hunk-bgColor-num: #54aeff66;
433
434
  --diffBlob-expander-iconColor: #636c76;
434
- --diffStat-addition-bgColor: #0f72e3;
435
435
  --codeMirror-fgColor: #1f2328;
436
436
  --codeMirror-bgColor: #ffffff;
437
437
  --codeMirror-gutters-bgColor: #ffffff;
@@ -541,6 +541,9 @@
541
541
  --button-invisible-fgColor-rest: #0969da;
542
542
  --button-invisible-fgColor-hover: #0969da;
543
543
  --button-invisible-fgColor-disabled: #8c959f;
544
+ --button-invisible-iconColor-rest: #636c76;
545
+ --button-invisible-iconColor-hover: #636c76;
546
+ --button-invisible-iconColor-disabled: #8c959f;
544
547
  --button-invisible-bgColor-rest: #ffffff00;
545
548
  --button-invisible-bgColor-hover: #d0d7de33;
546
549
  --button-invisible-bgColor-active: #d0d7de66;
@@ -821,7 +824,6 @@
821
824
  --color-scale-coral-8: #691105;
822
825
  --color-scale-coral-9: #510901;
823
826
  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
824
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
825
827
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
826
828
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
827
829
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -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,8 +122,11 @@
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;
127
+ --button-invisible-iconColor-rest: #0e1116;
128
+ --button-invisible-iconColor-hover: #ffffff;
129
+ --button-invisible-iconColor-disabled: #4b535d;
128
130
  --button-invisible-bgColor-rest: #ffffff00;
129
131
  --button-invisible-bgColor-hover: #20252c;
130
132
  --button-invisible-bgColor-active: #4b535d;
@@ -405,7 +407,6 @@
405
407
  --color-scale-coral-8: #5b0002;
406
408
  --color-scale-coral-9: #430200;
407
409
  --shadow-inset: inset 0px 1px 0px 0px #01040914;
408
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
409
410
  --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
410
411
  --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
411
412
  --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
@@ -431,7 +432,6 @@
431
432
  --diffBlob-deletion-bgColor-word: #a0111f;
432
433
  --diffBlob-hunk-bgColor-num: #9cd7ff;
433
434
  --diffBlob-expander-iconColor: #0e1116;
434
- --diffStat-addition-bgColor: #055d20;
435
435
  --codeMirror-fgColor: #010409;
436
436
  --codeMirror-bgColor: #ffffff;
437
437
  --codeMirror-gutters-bgColor: #ffffff;
@@ -539,8 +539,11 @@
539
539
  --button-primary-borderColor-disabled: #85cb97;
540
540
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
541
541
  --button-invisible-fgColor-rest: #023b95;
542
- --button-invisible-fgColor-hover: #023b95;
542
+ --button-invisible-fgColor-hover: #67b3fd;
543
543
  --button-invisible-fgColor-disabled: #4b535d;
544
+ --button-invisible-iconColor-rest: #0e1116;
545
+ --button-invisible-iconColor-hover: #ffffff;
546
+ --button-invisible-iconColor-disabled: #4b535d;
544
547
  --button-invisible-bgColor-rest: #ffffff00;
545
548
  --button-invisible-bgColor-hover: #20252c;
546
549
  --button-invisible-bgColor-active: #4b535d;
@@ -821,7 +824,6 @@
821
824
  --color-scale-coral-8: #5b0002;
822
825
  --color-scale-coral-9: #430200;
823
826
  --shadow-inset: inset 0px 1px 0px 0px #01040914;
824
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
825
827
  --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
826
828
  --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
827
829
  --shadow-resting-medium: 0px 3px 6px 0px #343b431f;
@@ -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;
@@ -125,6 +124,9 @@
125
124
  --button-invisible-fgColor-rest: #0969da;
126
125
  --button-invisible-fgColor-hover: #0969da;
127
126
  --button-invisible-fgColor-disabled: #8c959f;
127
+ --button-invisible-iconColor-rest: #636c76;
128
+ --button-invisible-iconColor-hover: #636c76;
129
+ --button-invisible-iconColor-disabled: #8c959f;
128
130
  --button-invisible-bgColor-rest: #ffffff00;
129
131
  --button-invisible-bgColor-hover: #d0d7de33;
130
132
  --button-invisible-bgColor-active: #d0d7de66;
@@ -405,7 +407,6 @@
405
407
  --color-scale-coral-8: #691105;
406
408
  --color-scale-coral-9: #510901;
407
409
  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
408
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
409
410
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
410
411
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
411
412
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -431,7 +432,6 @@
431
432
  --diffBlob-deletion-bgColor-word: #ff818266;
432
433
  --diffBlob-hunk-bgColor-num: #54aeff66;
433
434
  --diffBlob-expander-iconColor: #636c76;
434
- --diffStat-addition-bgColor: #0f72e3;
435
435
  --codeMirror-fgColor: #1f2328;
436
436
  --codeMirror-bgColor: #ffffff;
437
437
  --codeMirror-gutters-bgColor: #ffffff;
@@ -541,6 +541,9 @@
541
541
  --button-invisible-fgColor-rest: #0969da;
542
542
  --button-invisible-fgColor-hover: #0969da;
543
543
  --button-invisible-fgColor-disabled: #8c959f;
544
+ --button-invisible-iconColor-rest: #636c76;
545
+ --button-invisible-iconColor-hover: #636c76;
546
+ --button-invisible-iconColor-disabled: #8c959f;
544
547
  --button-invisible-bgColor-rest: #ffffff00;
545
548
  --button-invisible-bgColor-hover: #d0d7de33;
546
549
  --button-invisible-bgColor-active: #d0d7de66;
@@ -821,7 +824,6 @@
821
824
  --color-scale-coral-8: #691105;
822
825
  --color-scale-coral-9: #510901;
823
826
  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
824
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
825
827
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
826
828
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
827
829
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -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;
@@ -125,6 +124,9 @@
125
124
  --button-invisible-fgColor-rest: #0969da;
126
125
  --button-invisible-fgColor-hover: #0969da;
127
126
  --button-invisible-fgColor-disabled: #8c959f;
127
+ --button-invisible-iconColor-rest: #636c76;
128
+ --button-invisible-iconColor-hover: #636c76;
129
+ --button-invisible-iconColor-disabled: #8c959f;
128
130
  --button-invisible-bgColor-rest: #ffffff00;
129
131
  --button-invisible-bgColor-hover: #d0d7de33;
130
132
  --button-invisible-bgColor-active: #d0d7de66;
@@ -405,7 +407,6 @@
405
407
  --color-scale-coral-8: #691105;
406
408
  --color-scale-coral-9: #510901;
407
409
  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
408
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
409
410
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
410
411
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
411
412
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -431,7 +432,6 @@
431
432
  --diffBlob-deletion-bgColor-word: #ff818266;
432
433
  --diffBlob-hunk-bgColor-num: #54aeff66;
433
434
  --diffBlob-expander-iconColor: #636c76;
434
- --diffStat-addition-bgColor: #1f883d;
435
435
  --codeMirror-fgColor: #1f2328;
436
436
  --codeMirror-bgColor: #ffffff;
437
437
  --codeMirror-gutters-bgColor: #ffffff;
@@ -541,6 +541,9 @@
541
541
  --button-invisible-fgColor-rest: #0969da;
542
542
  --button-invisible-fgColor-hover: #0969da;
543
543
  --button-invisible-fgColor-disabled: #8c959f;
544
+ --button-invisible-iconColor-rest: #636c76;
545
+ --button-invisible-iconColor-hover: #636c76;
546
+ --button-invisible-iconColor-disabled: #8c959f;
544
547
  --button-invisible-bgColor-rest: #ffffff00;
545
548
  --button-invisible-bgColor-hover: #d0d7de33;
546
549
  --button-invisible-bgColor-active: #d0d7de66;
@@ -821,7 +824,6 @@
821
824
  --color-scale-coral-8: #691105;
822
825
  --color-scale-coral-9: #510901;
823
826
  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
824
- --shadow-highlight: inset 0px 1px 0px 0px #ffffff3d;
825
827
  --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
826
828
  --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
827
829
  --shadow-resting-medium: 0px 3px 6px 0px #424a531f;
@@ -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",
@@ -3731,6 +3702,93 @@
3731
3702
  "attributes": {},
3732
3703
  "path": ["button", "invisible", "fgColor", "disabled"]
3733
3704
  },
3705
+ "button-invisible-iconColor-rest": {
3706
+ "value": "#7d8590",
3707
+ "$type": "color",
3708
+ "$extensions": {
3709
+ "org.primer.figma": {
3710
+ "collection": "mode",
3711
+ "mode": "dark",
3712
+ "group": "component",
3713
+ "scopes": ["fgColor"]
3714
+ }
3715
+ },
3716
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
3717
+ "isSource": true,
3718
+ "original": {
3719
+ "value": "{fgColor.muted}",
3720
+ "$type": "color",
3721
+ "$extensions": {
3722
+ "org.primer.figma": {
3723
+ "collection": "mode",
3724
+ "mode": "dark",
3725
+ "group": "component",
3726
+ "scopes": ["fgColor"]
3727
+ }
3728
+ }
3729
+ },
3730
+ "name": "button-invisible-iconColor-rest",
3731
+ "attributes": {},
3732
+ "path": ["button", "invisible", "iconColor", "rest"]
3733
+ },
3734
+ "button-invisible-iconColor-hover": {
3735
+ "value": "#e6edf3",
3736
+ "$type": "color",
3737
+ "$extensions": {
3738
+ "org.primer.figma": {
3739
+ "collection": "mode",
3740
+ "mode": "dark",
3741
+ "group": "component",
3742
+ "scopes": ["fgColor"]
3743
+ }
3744
+ },
3745
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
3746
+ "isSource": true,
3747
+ "original": {
3748
+ "value": "{fgColor.default}",
3749
+ "$type": "color",
3750
+ "$extensions": {
3751
+ "org.primer.figma": {
3752
+ "collection": "mode",
3753
+ "mode": "dark",
3754
+ "group": "component",
3755
+ "scopes": ["fgColor"]
3756
+ }
3757
+ }
3758
+ },
3759
+ "name": "button-invisible-iconColor-hover",
3760
+ "attributes": {},
3761
+ "path": ["button", "invisible", "iconColor", "hover"]
3762
+ },
3763
+ "button-invisible-iconColor-disabled": {
3764
+ "value": "#8b949e",
3765
+ "$type": "color",
3766
+ "$extensions": {
3767
+ "org.primer.figma": {
3768
+ "collection": "mode",
3769
+ "mode": "light",
3770
+ "group": "component",
3771
+ "scopes": ["fgColor"]
3772
+ }
3773
+ },
3774
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
3775
+ "isSource": true,
3776
+ "original": {
3777
+ "value": "{control.fgColor.disabled}",
3778
+ "$type": "color",
3779
+ "$extensions": {
3780
+ "org.primer.figma": {
3781
+ "collection": "mode",
3782
+ "mode": "light",
3783
+ "group": "component",
3784
+ "scopes": ["fgColor"]
3785
+ }
3786
+ }
3787
+ },
3788
+ "name": "button-invisible-iconColor-disabled",
3789
+ "attributes": {},
3790
+ "path": ["button", "invisible", "iconColor", "disabled"]
3791
+ },
3734
3792
  "button-invisible-bgColor-rest": {
3735
3793
  "value": "#00000000",
3736
3794
  "$type": "color",
@@ -10518,27 +10576,6 @@
10518
10576
  "attributes": {},
10519
10577
  "path": ["shadow", "inset"]
10520
10578
  },
10521
- "shadow-highlight": {
10522
- "value": "inset 0px 1px 0px 0px #ffffff1f",
10523
- "$type": "shadow",
10524
- "filePath": "src/tokens/functional/shadow/dark.json5",
10525
- "isSource": true,
10526
- "original": {
10527
- "value": {
10528
- "color": "{base.color.white}",
10529
- "alpha": 0.12,
10530
- "offsetX": "0px",
10531
- "offsetY": "1px",
10532
- "blur": "0px",
10533
- "spread": "0px",
10534
- "inset": true
10535
- },
10536
- "$type": "shadow"
10537
- },
10538
- "name": "shadow-highlight",
10539
- "attributes": {},
10540
- "path": ["shadow", "highlight"]
10541
- },
10542
10579
  "shadow-resting-xsmall": {
10543
10580
  "value": "0px 1px 0px 0px #010409cc",
10544
10581
  "$type": "shadow",