@primer/primitives 7.14.0 → 7.14.1-rc.7718990

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 (80) hide show
  1. package/package.json +1 -1
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +4 -4
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +4 -4
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +4 -4
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +4 -4
  6. package/tokens-next-private/css/functional/themes/dark.css +4 -4
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +8 -8
  8. package/tokens-next-private/css/functional/themes/light-tritanopia.css +8 -8
  9. package/tokens-next-private/css/functional/themes/light.css +8 -8
  10. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4 -4
  11. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4 -4
  12. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4 -4
  13. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4 -4
  14. package/tokens-next-private/docs/functional/themes/dark.json +4 -4
  15. package/tokens-next-private/docs/functional/themes/light-colorblind.json +7 -7
  16. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +7 -7
  17. package/tokens-next-private/docs/functional/themes/light.json +7 -7
  18. package/tokens-next-private/figma/themes/dark.json +3 -3
  19. package/tokens-next-private/figma/themes/light.json +16 -16
  20. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +2 -2
  21. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +2 -2
  22. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +2 -2
  23. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +2 -2
  24. package/tokens-next-private/scss/functional/themes/dark.scss +2 -2
  25. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +4 -4
  26. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +4 -4
  27. package/tokens-next-private/scss/functional/themes/light.scss +4 -4
  28. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  29. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  30. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  31. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  32. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  33. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  34. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  35. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  36. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  37. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  38. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  39. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  40. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  41. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  42. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  43. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  44. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  45. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  46. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  47. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  48. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  49. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  50. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  51. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  52. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  53. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  54. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  55. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  56. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  57. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  58. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  59. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  60. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  61. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  62. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  63. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  64. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  65. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  66. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  67. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  68. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  69. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  70. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  71. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  80. 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.14.0",
3
+ "version": "7.14.1-rc.7718990",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
package/tokens-next-private/css/functional/themes/dark-colorblind.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --codeMirror-lineNumber-fgColor: #7d8590;
24
24
  --codeMirror-cursor-fgColor: #e6edf3;
25
25
  --codeMirror-selection-bgColor: #388bfd66;
26
- --codeMirror-activeline-bgColor: #6e768126;
26
+ --codeMirror-activeline-bgColor: #6e768166;
27
27
  --codeMirror-matchingBracket-fgColor: #e6edf3;
28
28
  --codeMirror-lines-bgColor: #0d1117;
29
29
  --codeMirror-syntax-fgColor-comment: #8b949e;
@@ -220,7 +220,7 @@
220
220
  --bgColor-inverse: #ffffff;
221
221
  --bgColor-disabled: #161b22;
222
222
  --bgColor-transparent: #00000000;
223
- --bgColor-neutral-muted: #6e768126;
223
+ --bgColor-neutral-muted: #6e768166;
224
224
  --bgColor-neutral-emphasis: #6e7681;
225
225
  --bgColor-accent-muted: #388bfd1a;
226
226
  --bgColor-accent-emphasis: #1f6feb;
@@ -440,7 +440,7 @@
440
440
  --codeMirror-lineNumber-fgColor: #7d8590;
441
441
  --codeMirror-cursor-fgColor: #e6edf3;
442
442
  --codeMirror-selection-bgColor: #388bfd66;
443
- --codeMirror-activeline-bgColor: #6e768126;
443
+ --codeMirror-activeline-bgColor: #6e768166;
444
444
  --codeMirror-matchingBracket-fgColor: #e6edf3;
445
445
  --codeMirror-lines-bgColor: #0d1117;
446
446
  --codeMirror-syntax-fgColor-comment: #8b949e;
@@ -637,7 +637,7 @@
637
637
  --bgColor-inverse: #ffffff;
638
638
  --bgColor-disabled: #161b22;
639
639
  --bgColor-transparent: #00000000;
640
- --bgColor-neutral-muted: #6e768126;
640
+ --bgColor-neutral-muted: #6e768166;
641
641
  --bgColor-neutral-emphasis: #6e7681;
642
642
  --bgColor-accent-muted: #388bfd1a;
643
643
  --bgColor-accent-emphasis: #1f6feb;
package/tokens-next-private/css/functional/themes/dark-dimmed.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --codeMirror-lineNumber-fgColor: #6d7986;
24
24
  --codeMirror-cursor-fgColor: #c5d1de;
25
25
  --codeMirror-selection-bgColor: #4184e466;
26
- --codeMirror-activeline-bgColor: #636e7b26;
26
+ --codeMirror-activeline-bgColor: #636e7b66;
27
27
  --codeMirror-matchingBracket-fgColor: #c5d1de;
28
28
  --codeMirror-lines-bgColor: #22272e;
29
29
  --codeMirror-syntax-fgColor-comment: #768390;
@@ -220,7 +220,7 @@
220
220
  --bgColor-inverse: #cdd9e5;
221
221
  --bgColor-disabled: #2d333b;
222
222
  --bgColor-transparent: #00000000;
223
- --bgColor-neutral-muted: #636e7b26;
223
+ --bgColor-neutral-muted: #636e7b66;
224
224
  --bgColor-neutral-emphasis: #636e7b;
225
225
  --bgColor-accent-muted: #4184e41a;
226
226
  --bgColor-accent-emphasis: #316dca;
@@ -440,7 +440,7 @@
440
440
  --codeMirror-lineNumber-fgColor: #6d7986;
441
441
  --codeMirror-cursor-fgColor: #c5d1de;
442
442
  --codeMirror-selection-bgColor: #4184e466;
443
- --codeMirror-activeline-bgColor: #636e7b26;
443
+ --codeMirror-activeline-bgColor: #636e7b66;
444
444
  --codeMirror-matchingBracket-fgColor: #c5d1de;
445
445
  --codeMirror-lines-bgColor: #22272e;
446
446
  --codeMirror-syntax-fgColor-comment: #768390;
@@ -637,7 +637,7 @@
637
637
  --bgColor-inverse: #cdd9e5;
638
638
  --bgColor-disabled: #2d333b;
639
639
  --bgColor-transparent: #00000000;
640
- --bgColor-neutral-muted: #636e7b26;
640
+ --bgColor-neutral-muted: #636e7b66;
641
641
  --bgColor-neutral-emphasis: #636e7b;
642
642
  --bgColor-accent-muted: #4184e41a;
643
643
  --bgColor-accent-emphasis: #316dca;
package/tokens-next-private/css/functional/themes/dark-high-contrast.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --codeMirror-lineNumber-fgColor: #f0f3f6;
24
24
  --codeMirror-cursor-fgColor: #fbfcfd;
25
25
  --codeMirror-selection-bgColor: #409eff66;
26
- --codeMirror-activeline-bgColor: #9ea7b326;
26
+ --codeMirror-activeline-bgColor: #9ea7b366;
27
27
  --codeMirror-matchingBracket-fgColor: #fbfcfd;
28
28
  --codeMirror-lines-bgColor: #0a0c10;
29
29
  --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -220,7 +220,7 @@
220
220
  --bgColor-inverse: #ffffff;
221
221
  --bgColor-disabled: #272b33;
222
222
  --bgColor-transparent: #00000000;
223
- --bgColor-neutral-muted: #9ea7b326;
223
+ --bgColor-neutral-muted: #9ea7b366;
224
224
  --bgColor-neutral-emphasis: #9ea7b3;
225
225
  --bgColor-accent-muted: #409eff1a;
226
226
  --bgColor-accent-emphasis: #409eff;
@@ -440,7 +440,7 @@
440
440
  --codeMirror-lineNumber-fgColor: #f0f3f6;
441
441
  --codeMirror-cursor-fgColor: #fbfcfd;
442
442
  --codeMirror-selection-bgColor: #409eff66;
443
- --codeMirror-activeline-bgColor: #9ea7b326;
443
+ --codeMirror-activeline-bgColor: #9ea7b366;
444
444
  --codeMirror-matchingBracket-fgColor: #fbfcfd;
445
445
  --codeMirror-lines-bgColor: #0a0c10;
446
446
  --codeMirror-syntax-fgColor-comment: #bdc4cc;
@@ -637,7 +637,7 @@
637
637
  --bgColor-inverse: #ffffff;
638
638
  --bgColor-disabled: #272b33;
639
639
  --bgColor-transparent: #00000000;
640
- --bgColor-neutral-muted: #9ea7b326;
640
+ --bgColor-neutral-muted: #9ea7b366;
641
641
  --bgColor-neutral-emphasis: #9ea7b3;
642
642
  --bgColor-accent-muted: #409eff1a;
643
643
  --bgColor-accent-emphasis: #409eff;
package/tokens-next-private/css/functional/themes/dark-tritanopia.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --codeMirror-lineNumber-fgColor: #7d8590;
24
24
  --codeMirror-cursor-fgColor: #e6edf3;
25
25
  --codeMirror-selection-bgColor: #388bfd66;
26
- --codeMirror-activeline-bgColor: #6e768126;
26
+ --codeMirror-activeline-bgColor: #6e768166;
27
27
  --codeMirror-matchingBracket-fgColor: #e6edf3;
28
28
  --codeMirror-lines-bgColor: #0d1117;
29
29
  --codeMirror-syntax-fgColor-comment: #8b949e;
@@ -220,7 +220,7 @@
220
220
  --bgColor-inverse: #ffffff;
221
221
  --bgColor-disabled: #161b22;
222
222
  --bgColor-transparent: #00000000;
223
- --bgColor-neutral-muted: #6e768126;
223
+ --bgColor-neutral-muted: #6e768166;
224
224
  --bgColor-neutral-emphasis: #6e7681;
225
225
  --bgColor-accent-muted: #388bfd1a;
226
226
  --bgColor-accent-emphasis: #1f6feb;
@@ -440,7 +440,7 @@
440
440
  --codeMirror-lineNumber-fgColor: #7d8590;
441
441
  --codeMirror-cursor-fgColor: #e6edf3;
442
442
  --codeMirror-selection-bgColor: #388bfd66;
443
- --codeMirror-activeline-bgColor: #6e768126;
443
+ --codeMirror-activeline-bgColor: #6e768166;
444
444
  --codeMirror-matchingBracket-fgColor: #e6edf3;
445
445
  --codeMirror-lines-bgColor: #0d1117;
446
446
  --codeMirror-syntax-fgColor-comment: #8b949e;
@@ -637,7 +637,7 @@
637
637
  --bgColor-inverse: #ffffff;
638
638
  --bgColor-disabled: #161b22;
639
639
  --bgColor-transparent: #00000000;
640
- --bgColor-neutral-muted: #6e768126;
640
+ --bgColor-neutral-muted: #6e768166;
641
641
  --bgColor-neutral-emphasis: #6e7681;
642
642
  --bgColor-accent-muted: #388bfd1a;
643
643
  --bgColor-accent-emphasis: #1f6feb;
package/tokens-next-private/css/functional/themes/dark.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --codeMirror-lineNumber-fgColor: #7d8590;
24
24
  --codeMirror-cursor-fgColor: #e6edf3;
25
25
  --codeMirror-selection-bgColor: #388bfd66;
26
- --codeMirror-activeline-bgColor: #6e768126;
26
+ --codeMirror-activeline-bgColor: #6e768166;
27
27
  --codeMirror-matchingBracket-fgColor: #e6edf3;
28
28
  --codeMirror-lines-bgColor: #0d1117;
29
29
  --codeMirror-syntax-fgColor-comment: #8b949e;
@@ -220,7 +220,7 @@
220
220
  --bgColor-inverse: #ffffff;
221
221
  --bgColor-disabled: #161b22;
222
222
  --bgColor-transparent: #00000000;
223
- --bgColor-neutral-muted: #6e768126;
223
+ --bgColor-neutral-muted: #6e768166;
224
224
  --bgColor-neutral-emphasis: #6e7681;
225
225
  --bgColor-accent-muted: #388bfd1a;
226
226
  --bgColor-accent-emphasis: #1f6feb;
@@ -440,7 +440,7 @@
440
440
  --codeMirror-lineNumber-fgColor: #7d8590;
441
441
  --codeMirror-cursor-fgColor: #e6edf3;
442
442
  --codeMirror-selection-bgColor: #388bfd66;
443
- --codeMirror-activeline-bgColor: #6e768126;
443
+ --codeMirror-activeline-bgColor: #6e768166;
444
444
  --codeMirror-matchingBracket-fgColor: #e6edf3;
445
445
  --codeMirror-lines-bgColor: #0d1117;
446
446
  --codeMirror-syntax-fgColor-comment: #8b949e;
@@ -637,7 +637,7 @@
637
637
  --bgColor-inverse: #ffffff;
638
638
  --bgColor-disabled: #161b22;
639
639
  --bgColor-transparent: #00000000;
640
- --bgColor-neutral-muted: #6e768126;
640
+ --bgColor-neutral-muted: #6e768166;
641
641
  --bgColor-neutral-emphasis: #6e7681;
642
642
  --bgColor-accent-muted: #388bfd1a;
643
643
  --bgColor-accent-emphasis: #1f6feb;
package/tokens-next-private/css/functional/themes/light-colorblind.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --codeMirror-lineNumber-fgColor: #636c76;
24
24
  --codeMirror-cursor-fgColor: #1f2328;
25
25
  --codeMirror-selection-bgColor: #54aeff66;
26
- --codeMirror-activeline-bgColor: #eaeef280;
26
+ --codeMirror-activeline-bgColor: #afb8c133;
27
27
  --codeMirror-matchingBracket-fgColor: #1f2328;
28
28
  --codeMirror-lines-bgColor: #ffffff;
29
29
  --codeMirror-syntax-fgColor-comment: #24292f;
@@ -159,8 +159,8 @@
159
159
  --button-danger-borderColor-hover: #1f232826;
160
160
  --button-danger-borderColor-active: #1f232826;
161
161
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
162
- --buttonCounter-default-bgColor-rest: #eaeef2;
163
- --buttonCounter-invisible-bgColor-rest: #eaeef2;
162
+ --buttonCounter-default-bgColor-rest: #afb8c1;
163
+ --buttonCounter-invisible-bgColor-rest: #afb8c1;
164
164
  --buttonCounter-primary-bgColor-rest: #002d1133;
165
165
  --buttonCounter-outline-bgColor-rest: #0969da1a;
166
166
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -221,7 +221,7 @@
221
221
  --bgColor-inverse: #24292f;
222
222
  --bgColor-disabled: #f6f8fa;
223
223
  --bgColor-transparent: #ffffff00;
224
- --bgColor-neutral-muted: #eaeef280;
224
+ --bgColor-neutral-muted: #afb8c133;
225
225
  --bgColor-neutral-emphasis: #6e7781;
226
226
  --bgColor-accent-muted: #ddf4ff;
227
227
  --bgColor-accent-emphasis: #0969da;
@@ -440,7 +440,7 @@
440
440
  --codeMirror-lineNumber-fgColor: #636c76;
441
441
  --codeMirror-cursor-fgColor: #1f2328;
442
442
  --codeMirror-selection-bgColor: #54aeff66;
443
- --codeMirror-activeline-bgColor: #eaeef280;
443
+ --codeMirror-activeline-bgColor: #afb8c133;
444
444
  --codeMirror-matchingBracket-fgColor: #1f2328;
445
445
  --codeMirror-lines-bgColor: #ffffff;
446
446
  --codeMirror-syntax-fgColor-comment: #24292f;
@@ -576,8 +576,8 @@
576
576
  --button-danger-borderColor-hover: #1f232826;
577
577
  --button-danger-borderColor-active: #1f232826;
578
578
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
579
- --buttonCounter-default-bgColor-rest: #eaeef2;
580
- --buttonCounter-invisible-bgColor-rest: #eaeef2;
579
+ --buttonCounter-default-bgColor-rest: #afb8c1;
580
+ --buttonCounter-invisible-bgColor-rest: #afb8c1;
581
581
  --buttonCounter-primary-bgColor-rest: #002d1133;
582
582
  --buttonCounter-outline-bgColor-rest: #0969da1a;
583
583
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -638,7 +638,7 @@
638
638
  --bgColor-inverse: #24292f;
639
639
  --bgColor-disabled: #f6f8fa;
640
640
  --bgColor-transparent: #ffffff00;
641
- --bgColor-neutral-muted: #eaeef280;
641
+ --bgColor-neutral-muted: #afb8c133;
642
642
  --bgColor-neutral-emphasis: #6e7781;
643
643
  --bgColor-accent-muted: #ddf4ff;
644
644
  --bgColor-accent-emphasis: #0969da;
package/tokens-next-private/css/functional/themes/light-tritanopia.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --codeMirror-lineNumber-fgColor: #636c76;
24
24
  --codeMirror-cursor-fgColor: #1f2328;
25
25
  --codeMirror-selection-bgColor: #54aeff66;
26
- --codeMirror-activeline-bgColor: #eaeef280;
26
+ --codeMirror-activeline-bgColor: #afb8c133;
27
27
  --codeMirror-matchingBracket-fgColor: #1f2328;
28
28
  --codeMirror-lines-bgColor: #ffffff;
29
29
  --codeMirror-syntax-fgColor-comment: #24292f;
@@ -159,8 +159,8 @@
159
159
  --button-danger-borderColor-hover: #1f232826;
160
160
  --button-danger-borderColor-active: #1f232826;
161
161
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
162
- --buttonCounter-default-bgColor-rest: #eaeef2;
163
- --buttonCounter-invisible-bgColor-rest: #eaeef2;
162
+ --buttonCounter-default-bgColor-rest: #afb8c1;
163
+ --buttonCounter-invisible-bgColor-rest: #afb8c1;
164
164
  --buttonCounter-primary-bgColor-rest: #002d1133;
165
165
  --buttonCounter-outline-bgColor-rest: #0969da1a;
166
166
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -221,7 +221,7 @@
221
221
  --bgColor-inverse: #24292f;
222
222
  --bgColor-disabled: #f6f8fa;
223
223
  --bgColor-transparent: #ffffff00;
224
- --bgColor-neutral-muted: #eaeef280;
224
+ --bgColor-neutral-muted: #afb8c133;
225
225
  --bgColor-neutral-emphasis: #6e7781;
226
226
  --bgColor-accent-muted: #ddf4ff;
227
227
  --bgColor-accent-emphasis: #0969da;
@@ -440,7 +440,7 @@
440
440
  --codeMirror-lineNumber-fgColor: #636c76;
441
441
  --codeMirror-cursor-fgColor: #1f2328;
442
442
  --codeMirror-selection-bgColor: #54aeff66;
443
- --codeMirror-activeline-bgColor: #eaeef280;
443
+ --codeMirror-activeline-bgColor: #afb8c133;
444
444
  --codeMirror-matchingBracket-fgColor: #1f2328;
445
445
  --codeMirror-lines-bgColor: #ffffff;
446
446
  --codeMirror-syntax-fgColor-comment: #24292f;
@@ -576,8 +576,8 @@
576
576
  --button-danger-borderColor-hover: #1f232826;
577
577
  --button-danger-borderColor-active: #1f232826;
578
578
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
579
- --buttonCounter-default-bgColor-rest: #eaeef2;
580
- --buttonCounter-invisible-bgColor-rest: #eaeef2;
579
+ --buttonCounter-default-bgColor-rest: #afb8c1;
580
+ --buttonCounter-invisible-bgColor-rest: #afb8c1;
581
581
  --buttonCounter-primary-bgColor-rest: #002d1133;
582
582
  --buttonCounter-outline-bgColor-rest: #0969da1a;
583
583
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -638,7 +638,7 @@
638
638
  --bgColor-inverse: #24292f;
639
639
  --bgColor-disabled: #f6f8fa;
640
640
  --bgColor-transparent: #ffffff00;
641
- --bgColor-neutral-muted: #eaeef280;
641
+ --bgColor-neutral-muted: #afb8c133;
642
642
  --bgColor-neutral-emphasis: #6e7781;
643
643
  --bgColor-accent-muted: #ddf4ff;
644
644
  --bgColor-accent-emphasis: #0969da;
package/tokens-next-private/css/functional/themes/light.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --codeMirror-lineNumber-fgColor: #636c76;
24
24
  --codeMirror-cursor-fgColor: #1f2328;
25
25
  --codeMirror-selection-bgColor: #54aeff66;
26
- --codeMirror-activeline-bgColor: #eaeef280;
26
+ --codeMirror-activeline-bgColor: #afb8c133;
27
27
  --codeMirror-matchingBracket-fgColor: #1f2328;
28
28
  --codeMirror-lines-bgColor: #ffffff;
29
29
  --codeMirror-syntax-fgColor-comment: #24292f;
@@ -159,8 +159,8 @@
159
159
  --button-danger-borderColor-hover: #1f232826;
160
160
  --button-danger-borderColor-active: #1f232826;
161
161
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
162
- --buttonCounter-default-bgColor-rest: #eaeef2;
163
- --buttonCounter-invisible-bgColor-rest: #eaeef2;
162
+ --buttonCounter-default-bgColor-rest: #afb8c1;
163
+ --buttonCounter-invisible-bgColor-rest: #afb8c1;
164
164
  --buttonCounter-primary-bgColor-rest: #002d1133;
165
165
  --buttonCounter-outline-bgColor-rest: #0969da1a;
166
166
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -221,7 +221,7 @@
221
221
  --bgColor-inverse: #24292f;
222
222
  --bgColor-disabled: #f6f8fa;
223
223
  --bgColor-transparent: #ffffff00;
224
- --bgColor-neutral-muted: #eaeef280;
224
+ --bgColor-neutral-muted: #afb8c133;
225
225
  --bgColor-neutral-emphasis: #6e7781;
226
226
  --bgColor-accent-muted: #ddf4ff;
227
227
  --bgColor-accent-emphasis: #0969da;
@@ -440,7 +440,7 @@
440
440
  --codeMirror-lineNumber-fgColor: #636c76;
441
441
  --codeMirror-cursor-fgColor: #1f2328;
442
442
  --codeMirror-selection-bgColor: #54aeff66;
443
- --codeMirror-activeline-bgColor: #eaeef280;
443
+ --codeMirror-activeline-bgColor: #afb8c133;
444
444
  --codeMirror-matchingBracket-fgColor: #1f2328;
445
445
  --codeMirror-lines-bgColor: #ffffff;
446
446
  --codeMirror-syntax-fgColor-comment: #24292f;
@@ -576,8 +576,8 @@
576
576
  --button-danger-borderColor-hover: #1f232826;
577
577
  --button-danger-borderColor-active: #1f232826;
578
578
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
579
- --buttonCounter-default-bgColor-rest: #eaeef2;
580
- --buttonCounter-invisible-bgColor-rest: #eaeef2;
579
+ --buttonCounter-default-bgColor-rest: #afb8c1;
580
+ --buttonCounter-invisible-bgColor-rest: #afb8c1;
581
581
  --buttonCounter-primary-bgColor-rest: #002d1133;
582
582
  --buttonCounter-outline-bgColor-rest: #0969da1a;
583
583
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -638,7 +638,7 @@
638
638
  --bgColor-inverse: #24292f;
639
639
  --bgColor-disabled: #f6f8fa;
640
640
  --bgColor-transparent: #ffffff00;
641
- --bgColor-neutral-muted: #eaeef280;
641
+ --bgColor-neutral-muted: #afb8c133;
642
642
  --bgColor-neutral-emphasis: #6e7781;
643
643
  --bgColor-accent-muted: #ddf4ff;
644
644
  --bgColor-accent-emphasis: #0969da;
package/tokens-next-private/docs/functional/themes/dark-colorblind.json CHANGED
@@ -685,7 +685,7 @@
685
685
  "path": ["codeMirror", "selection", "bgColor"]
686
686
  },
687
687
  "codeMirror-activeline-bgColor": {
688
- "value": "#6e768126",
688
+ "value": "#6e768166",
689
689
  "$type": "color",
690
690
  "$extensions": {
691
691
  "org.primer.figma": {
@@ -6545,7 +6545,7 @@
6545
6545
  "path": ["bgColor", "transparent"]
6546
6546
  },
6547
6547
  "bgColor-neutral-muted": {
6548
- "value": "#6e768126",
6548
+ "value": "#6e768166",
6549
6549
  "$type": "color",
6550
6550
  "$extensions": {
6551
6551
  "org.primer.figma": {
@@ -6555,7 +6555,7 @@
6555
6555
  "scopes": ["bgColor"]
6556
6556
  }
6557
6557
  },
6558
- "alpha": 0.15,
6558
+ "alpha": 0.4,
6559
6559
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
6560
6560
  "isSource": true,
6561
6561
  "original": {
@@ -6569,7 +6569,7 @@
6569
6569
  "scopes": ["bgColor"]
6570
6570
  }
6571
6571
  },
6572
- "alpha": 0.15
6572
+ "alpha": 0.4
6573
6573
  },
6574
6574
  "name": "bgColor-neutral-muted",
6575
6575
  "attributes": {},
package/tokens-next-private/docs/functional/themes/dark-dimmed.json CHANGED
@@ -685,7 +685,7 @@
685
685
  "path": ["codeMirror", "selection", "bgColor"]
686
686
  },
687
687
  "codeMirror-activeline-bgColor": {
688
- "value": "#636e7b26",
688
+ "value": "#636e7b66",
689
689
  "$type": "color",
690
690
  "$extensions": {
691
691
  "org.primer.figma": {
@@ -6551,7 +6551,7 @@
6551
6551
  "path": ["bgColor", "transparent"]
6552
6552
  },
6553
6553
  "bgColor-neutral-muted": {
6554
- "value": "#636e7b26",
6554
+ "value": "#636e7b66",
6555
6555
  "$type": "color",
6556
6556
  "$extensions": {
6557
6557
  "org.primer.figma": {
@@ -6561,7 +6561,7 @@
6561
6561
  "scopes": ["bgColor"]
6562
6562
  }
6563
6563
  },
6564
- "alpha": 0.15,
6564
+ "alpha": 0.4,
6565
6565
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
6566
6566
  "isSource": true,
6567
6567
  "original": {
@@ -6575,7 +6575,7 @@
6575
6575
  "scopes": ["bgColor"]
6576
6576
  }
6577
6577
  },
6578
- "alpha": 0.15
6578
+ "alpha": 0.4
6579
6579
  },
6580
6580
  "name": "bgColor-neutral-muted",
6581
6581
  "attributes": {},
package/tokens-next-private/docs/functional/themes/dark-high-contrast.json CHANGED
@@ -689,7 +689,7 @@
689
689
  "path": ["codeMirror", "selection", "bgColor"]
690
690
  },
691
691
  "codeMirror-activeline-bgColor": {
692
- "value": "#9ea7b326",
692
+ "value": "#9ea7b366",
693
693
  "$type": "color",
694
694
  "$extensions": {
695
695
  "org.primer.figma": {
@@ -6569,7 +6569,7 @@
6569
6569
  "path": ["bgColor", "transparent"]
6570
6570
  },
6571
6571
  "bgColor-neutral-muted": {
6572
- "value": "#9ea7b326",
6572
+ "value": "#9ea7b366",
6573
6573
  "$type": "color",
6574
6574
  "$extensions": {
6575
6575
  "org.primer.figma": {
@@ -6579,7 +6579,7 @@
6579
6579
  "scopes": ["bgColor"]
6580
6580
  }
6581
6581
  },
6582
- "alpha": 0.15,
6582
+ "alpha": 0.4,
6583
6583
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
6584
6584
  "isSource": true,
6585
6585
  "original": {
@@ -6593,7 +6593,7 @@
6593
6593
  "scopes": ["bgColor"]
6594
6594
  }
6595
6595
  },
6596
- "alpha": 0.15
6596
+ "alpha": 0.4
6597
6597
  },
6598
6598
  "name": "bgColor-neutral-muted",
6599
6599
  "attributes": {},
package/tokens-next-private/docs/functional/themes/dark-tritanopia.json CHANGED
@@ -685,7 +685,7 @@
685
685
  "path": ["codeMirror", "selection", "bgColor"]
686
686
  },
687
687
  "codeMirror-activeline-bgColor": {
688
- "value": "#6e768126",
688
+ "value": "#6e768166",
689
689
  "$type": "color",
690
690
  "$extensions": {
691
691
  "org.primer.figma": {
@@ -6551,7 +6551,7 @@
6551
6551
  "path": ["bgColor", "transparent"]
6552
6552
  },
6553
6553
  "bgColor-neutral-muted": {
6554
- "value": "#6e768126",
6554
+ "value": "#6e768166",
6555
6555
  "$type": "color",
6556
6556
  "$extensions": {
6557
6557
  "org.primer.figma": {
@@ -6561,7 +6561,7 @@
6561
6561
  "scopes": ["bgColor"]
6562
6562
  }
6563
6563
  },
6564
- "alpha": 0.15,
6564
+ "alpha": 0.4,
6565
6565
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
6566
6566
  "isSource": true,
6567
6567
  "original": {
@@ -6575,7 +6575,7 @@
6575
6575
  "scopes": ["bgColor"]
6576
6576
  }
6577
6577
  },
6578
- "alpha": 0.15
6578
+ "alpha": 0.4
6579
6579
  },
6580
6580
  "name": "bgColor-neutral-muted",
6581
6581
  "attributes": {},
package/tokens-next-private/docs/functional/themes/dark.json CHANGED
@@ -685,7 +685,7 @@
685
685
  "path": ["codeMirror", "selection", "bgColor"]
686
686
  },
687
687
  "codeMirror-activeline-bgColor": {
688
- "value": "#6e768126",
688
+ "value": "#6e768166",
689
689
  "$type": "color",
690
690
  "$extensions": {
691
691
  "org.primer.figma": {
@@ -6551,7 +6551,7 @@
6551
6551
  "path": ["bgColor", "transparent"]
6552
6552
  },
6553
6553
  "bgColor-neutral-muted": {
6554
- "value": "#6e768126",
6554
+ "value": "#6e768166",
6555
6555
  "$type": "color",
6556
6556
  "$extensions": {
6557
6557
  "org.primer.figma": {
@@ -6561,7 +6561,7 @@
6561
6561
  "scopes": ["bgColor"]
6562
6562
  }
6563
6563
  },
6564
- "alpha": 0.15,
6564
+ "alpha": 0.4,
6565
6565
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
6566
6566
  "isSource": true,
6567
6567
  "original": {
@@ -6575,7 +6575,7 @@
6575
6575
  "scopes": ["bgColor"]
6576
6576
  }
6577
6577
  },
6578
- "alpha": 0.15
6578
+ "alpha": 0.4
6579
6579
  },
6580
6580
  "name": "bgColor-neutral-muted",
6581
6581
  "attributes": {},
package/tokens-next-private/docs/functional/themes/light-colorblind.json CHANGED
@@ -683,7 +683,7 @@
683
683
  "path": ["codeMirror", "selection", "bgColor"]
684
684
  },
685
685
  "codeMirror-activeline-bgColor": {
686
- "value": "#eaeef280",
686
+ "value": "#afb8c133",
687
687
  "$type": "color",
688
688
  "$extensions": {
689
689
  "org.primer.figma": {
@@ -4714,7 +4714,7 @@
4714
4714
  "path": ["button", "danger", "shadow", "selected"]
4715
4715
  },
4716
4716
  "buttonCounter-default-bgColor-rest": {
4717
- "value": "#eaeef2",
4717
+ "value": "#afb8c1",
4718
4718
  "$type": "color",
4719
4719
  "$extensions": {
4720
4720
  "org.primer.figma": {
@@ -4745,7 +4745,7 @@
4745
4745
  "path": ["buttonCounter", "default", "bgColor", "rest"]
4746
4746
  },
4747
4747
  "buttonCounter-invisible-bgColor-rest": {
4748
- "value": "#eaeef2",
4748
+ "value": "#afb8c1",
4749
4749
  "$type": "color",
4750
4750
  "$extensions": {
4751
4751
  "org.primer.figma": {
@@ -6554,7 +6554,7 @@
6554
6554
  "path": ["bgColor", "transparent"]
6555
6555
  },
6556
6556
  "bgColor-neutral-muted": {
6557
- "value": "#eaeef280",
6557
+ "value": "#afb8c133",
6558
6558
  "$type": "color",
6559
6559
  "$extensions": {
6560
6560
  "org.primer.figma": {
@@ -6564,11 +6564,11 @@
6564
6564
  "scopes": ["bgColor"]
6565
6565
  }
6566
6566
  },
6567
- "alpha": 0.5,
6567
+ "alpha": 0.2,
6568
6568
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
6569
6569
  "isSource": true,
6570
6570
  "original": {
6571
- "value": "{base.color.gray.1}",
6571
+ "value": "{base.color.gray.3}",
6572
6572
  "$type": "color",
6573
6573
  "$extensions": {
6574
6574
  "org.primer.figma": {
@@ -6578,7 +6578,7 @@
6578
6578
  "scopes": ["bgColor"]
6579
6579
  }
6580
6580
  },
6581
- "alpha": 0.5
6581
+ "alpha": 0.2
6582
6582
  },
6583
6583
  "name": "bgColor-neutral-muted",
6584
6584
  "attributes": {},
package/tokens-next-private/docs/functional/themes/light-tritanopia.json CHANGED
@@ -679,7 +679,7 @@
679
679
  "path": ["codeMirror", "selection", "bgColor"]
680
680
  },
681
681
  "codeMirror-activeline-bgColor": {
682
- "value": "#eaeef280",
682
+ "value": "#afb8c133",
683
683
  "$type": "color",
684
684
  "$extensions": {
685
685
  "org.primer.figma": {
@@ -4710,7 +4710,7 @@
4710
4710
  "path": ["button", "danger", "shadow", "selected"]
4711
4711
  },
4712
4712
  "buttonCounter-default-bgColor-rest": {
4713
- "value": "#eaeef2",
4713
+ "value": "#afb8c1",
4714
4714
  "$type": "color",
4715
4715
  "$extensions": {
4716
4716
  "org.primer.figma": {
@@ -4741,7 +4741,7 @@
4741
4741
  "path": ["buttonCounter", "default", "bgColor", "rest"]
4742
4742
  },
4743
4743
  "buttonCounter-invisible-bgColor-rest": {
4744
- "value": "#eaeef2",
4744
+ "value": "#afb8c1",
4745
4745
  "$type": "color",
4746
4746
  "$extensions": {
4747
4747
  "org.primer.figma": {
@@ -6550,7 +6550,7 @@
6550
6550
  "path": ["bgColor", "transparent"]
6551
6551
  },
6552
6552
  "bgColor-neutral-muted": {
6553
- "value": "#eaeef280",
6553
+ "value": "#afb8c133",
6554
6554
  "$type": "color",
6555
6555
  "$extensions": {
6556
6556
  "org.primer.figma": {
@@ -6560,11 +6560,11 @@
6560
6560
  "scopes": ["bgColor"]
6561
6561
  }
6562
6562
  },
6563
- "alpha": 0.5,
6563
+ "alpha": 0.2,
6564
6564
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
6565
6565
  "isSource": true,
6566
6566
  "original": {
6567
- "value": "{base.color.gray.1}",
6567
+ "value": "{base.color.gray.3}",
6568
6568
  "$type": "color",
6569
6569
  "$extensions": {
6570
6570
  "org.primer.figma": {
@@ -6574,7 +6574,7 @@
6574
6574
  "scopes": ["bgColor"]
6575
6575
  }
6576
6576
  },
6577
- "alpha": 0.5
6577
+ "alpha": 0.2
6578
6578
  },
6579
6579
  "name": "bgColor-neutral-muted",
6580
6580
  "attributes": {},