@primer/primitives 7.15.4-rc.b720f44 → 7.15.4

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 (112) hide show
  1. package/dist/js/colors/dark.js +15 -15
  2. package/dist/js/colors/light.js +1 -1
  3. package/dist/js/colors/light_colorblind.js +1 -1
  4. package/dist/js/colors/light_high_contrast.js +1 -1
  5. package/dist/js/colors/light_tritanopia.js +1 -1
  6. package/dist/json/colors/dark.json +15 -15
  7. package/dist/json/colors/light.json +1 -1
  8. package/dist/json/colors/light_colorblind.json +1 -1
  9. package/dist/json/colors/light_high_contrast.json +1 -1
  10. package/dist/json/colors/light_tritanopia.json +1 -1
  11. package/dist/scss/colors/_dark.scss +15 -15
  12. package/dist/scss/colors/_light.scss +1 -1
  13. package/dist/scss/colors/_light_colorblind.scss +1 -1
  14. package/dist/scss/colors/_light_high_contrast.scss +1 -1
  15. package/dist/scss/colors/_light_tritanopia.scss +1 -1
  16. package/dist/ts/colors/dark.ts +15 -15
  17. package/dist/ts/colors/light.ts +1 -1
  18. package/dist/ts/colors/light_colorblind.ts +1 -1
  19. package/dist/ts/colors/light_high_contrast.ts +1 -1
  20. package/dist/ts/colors/light_tritanopia.ts +1 -1
  21. package/package.json +1 -1
  22. package/tokens-next-private/css/functional/size/breakpoints.css +1 -1
  23. package/tokens-next-private/css/functional/size/viewport.css +1 -1
  24. package/tokens-next-private/css/functional/themes/dark-colorblind.css +18 -18
  25. package/tokens-next-private/css/functional/themes/dark-dimmed.css +18 -18
  26. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +18 -18
  27. package/tokens-next-private/css/functional/themes/dark.css +18 -18
  28. package/tokens-next-private/css/functional/themes/light-colorblind.css +2 -2
  29. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -2
  30. package/tokens-next-private/css/functional/themes/light-tritanopia.css +2 -2
  31. package/tokens-next-private/css/functional/themes/light.css +2 -2
  32. package/tokens-next-private/docs/functional/size/border.json +32 -8
  33. package/tokens-next-private/docs/functional/size/breakpoints.json +2 -2
  34. package/tokens-next-private/docs/functional/size/size.json +48 -12
  35. package/tokens-next-private/docs/functional/size/viewport.json +1 -1
  36. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +459 -123
  37. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +459 -123
  38. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +448 -112
  39. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +459 -123
  40. package/tokens-next-private/docs/functional/themes/dark.json +459 -123
  41. package/tokens-next-private/docs/functional/themes/light-colorblind.json +450 -114
  42. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +450 -114
  43. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +450 -114
  44. package/tokens-next-private/docs/functional/themes/light.json +450 -114
  45. package/tokens-next-private/fallbacks/functional/size/breakpoints.json +1 -1
  46. package/tokens-next-private/fallbacks/functional/size/viewport.json +1 -1
  47. package/tokens-next-private/figma/dimension/dimension.json +41 -11
  48. package/tokens-next-private/figma/themes/dark.json +251 -83
  49. package/tokens-next-private/figma/themes/light.json +228 -60
  50. package/tokens-next-private/scss/functional/size/breakpoints.scss +1 -1
  51. package/tokens-next-private/scss/functional/size/viewport.scss +1 -1
  52. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +9 -9
  53. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +9 -9
  54. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +9 -9
  55. package/tokens-next-private/scss/functional/themes/dark.scss +9 -9
  56. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +1 -1
  57. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -1
  58. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +1 -1
  59. package/tokens-next-private/scss/functional/themes/light.scss +1 -1
  60. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  61. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  62. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  64. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  65. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  66. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  67. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  68. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  69. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  74. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  75. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  76. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  77. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  78. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  79. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  82. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  83. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  84. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  85. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  86. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  87. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  92. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  93. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  94. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  95. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  97. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
package/tokens-next-private/css/functional/themes/dark-colorblind.css CHANGED
@@ -14,13 +14,13 @@
14
14
  --diffBlob-deletion-bgColor-line: #db6d2826;
15
15
  --diffBlob-deletion-bgColor-word: #db6d2866;
16
16
  --diffBlob-hunk-bgColor-num: #388bfd66;
17
- --diffBlob-expander-iconColor: #7d8590;
17
+ --diffBlob-expander-iconColor: #848d97;
18
18
  --codeMirror-fgColor: #e6edf3;
19
19
  --codeMirror-bgColor: #0d1117;
20
20
  --codeMirror-gutters-bgColor: #0d1117;
21
21
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
22
- --codeMirror-gutterMarker-fgColor-muted: #7d8590;
23
- --codeMirror-lineNumber-fgColor: #7d8590;
22
+ --codeMirror-gutterMarker-fgColor-muted: #848d97;
23
+ --codeMirror-lineNumber-fgColor: #848d97;
24
24
  --codeMirror-cursor-fgColor: #e6edf3;
25
25
  --codeMirror-selection-bgColor: #388bfd66;
26
26
  --codeMirror-activeline-bgColor: #6e768166;
@@ -60,7 +60,7 @@
60
60
  --control-borderColor-success: #1f6feb;
61
61
  --control-borderColor-danger: #bd561d;
62
62
  --control-borderColor-warning: #9e6a03;
63
- --control-iconColor-rest: #7d8590;
63
+ --control-iconColor-rest: #848d97;
64
64
  --control-transparent-bgColor-rest: #00000000;
65
65
  --control-transparent-bgColor-hover: #b1bac41f;
66
66
  --control-transparent-bgColor-active: #b1bac433;
@@ -87,7 +87,7 @@
87
87
  --controlTrack-bgColor-hover: #292e36;
88
88
  --controlTrack-bgColor-active: #31363e;
89
89
  --controlTrack-bgColor-disabled: #8b949e;
90
- --controlTrack-fgColor-rest: #7d8590;
90
+ --controlTrack-fgColor-rest: #848d97;
91
91
  --controlTrack-fgColor-disabled: #ffffff;
92
92
  --controlTrack-borderColor-rest: #00000000;
93
93
  --controlTrack-borderColor-disabled: #8b949e;
@@ -124,7 +124,7 @@
124
124
  --button-invisible-fgColor-rest: #2f81f7;
125
125
  --button-invisible-fgColor-hover: #58a6ff;
126
126
  --button-invisible-fgColor-disabled: #8b949e;
127
- --button-invisible-iconColor-rest: #7d8590;
127
+ --button-invisible-iconColor-rest: #848d97;
128
128
  --button-invisible-iconColor-hover: #e6edf3;
129
129
  --button-invisible-iconColor-disabled: #8b949e;
130
130
  --button-invisible-bgColor-rest: #00000000;
@@ -185,12 +185,12 @@
185
185
  --sideNav-bgColor-selected: #21262d;
186
186
  --skeletonLoader-bgColor: #161b22;
187
187
  --timelineBadge-bgColor: #21262d;
188
- --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
188
+ --treeViewItem-leadingVisual-iconColor-rest: #848d97;
189
189
  --underlineNav-borderColor-active: #f78166;
190
190
  --underlineNav-borderColor-hover: #6e768166;
191
- --underlineNav-iconColor-rest: #7d8590;
191
+ --underlineNav-iconColor-rest: #848d97;
192
192
  --fgColor-default: #e6edf3;
193
- --fgColor-muted: #7d8590;
193
+ --fgColor-muted: #848d97;
194
194
  --fgColor-onEmphasis: #ffffff;
195
195
  --fgColor-onInverse: #0d1117;
196
196
  --fgColor-disabled: #8b949e;
@@ -434,13 +434,13 @@
434
434
  --diffBlob-deletion-bgColor-line: #db6d2826;
435
435
  --diffBlob-deletion-bgColor-word: #db6d2866;
436
436
  --diffBlob-hunk-bgColor-num: #388bfd66;
437
- --diffBlob-expander-iconColor: #7d8590;
437
+ --diffBlob-expander-iconColor: #848d97;
438
438
  --codeMirror-fgColor: #e6edf3;
439
439
  --codeMirror-bgColor: #0d1117;
440
440
  --codeMirror-gutters-bgColor: #0d1117;
441
441
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
442
- --codeMirror-gutterMarker-fgColor-muted: #7d8590;
443
- --codeMirror-lineNumber-fgColor: #7d8590;
442
+ --codeMirror-gutterMarker-fgColor-muted: #848d97;
443
+ --codeMirror-lineNumber-fgColor: #848d97;
444
444
  --codeMirror-cursor-fgColor: #e6edf3;
445
445
  --codeMirror-selection-bgColor: #388bfd66;
446
446
  --codeMirror-activeline-bgColor: #6e768166;
@@ -480,7 +480,7 @@
480
480
  --control-borderColor-success: #1f6feb;
481
481
  --control-borderColor-danger: #bd561d;
482
482
  --control-borderColor-warning: #9e6a03;
483
- --control-iconColor-rest: #7d8590;
483
+ --control-iconColor-rest: #848d97;
484
484
  --control-transparent-bgColor-rest: #00000000;
485
485
  --control-transparent-bgColor-hover: #b1bac41f;
486
486
  --control-transparent-bgColor-active: #b1bac433;
@@ -507,7 +507,7 @@
507
507
  --controlTrack-bgColor-hover: #292e36;
508
508
  --controlTrack-bgColor-active: #31363e;
509
509
  --controlTrack-bgColor-disabled: #8b949e;
510
- --controlTrack-fgColor-rest: #7d8590;
510
+ --controlTrack-fgColor-rest: #848d97;
511
511
  --controlTrack-fgColor-disabled: #ffffff;
512
512
  --controlTrack-borderColor-rest: #00000000;
513
513
  --controlTrack-borderColor-disabled: #8b949e;
@@ -544,7 +544,7 @@
544
544
  --button-invisible-fgColor-rest: #2f81f7;
545
545
  --button-invisible-fgColor-hover: #58a6ff;
546
546
  --button-invisible-fgColor-disabled: #8b949e;
547
- --button-invisible-iconColor-rest: #7d8590;
547
+ --button-invisible-iconColor-rest: #848d97;
548
548
  --button-invisible-iconColor-hover: #e6edf3;
549
549
  --button-invisible-iconColor-disabled: #8b949e;
550
550
  --button-invisible-bgColor-rest: #00000000;
@@ -605,12 +605,12 @@
605
605
  --sideNav-bgColor-selected: #21262d;
606
606
  --skeletonLoader-bgColor: #161b22;
607
607
  --timelineBadge-bgColor: #21262d;
608
- --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
608
+ --treeViewItem-leadingVisual-iconColor-rest: #848d97;
609
609
  --underlineNav-borderColor-active: #f78166;
610
610
  --underlineNav-borderColor-hover: #6e768166;
611
- --underlineNav-iconColor-rest: #7d8590;
611
+ --underlineNav-iconColor-rest: #848d97;
612
612
  --fgColor-default: #e6edf3;
613
- --fgColor-muted: #7d8590;
613
+ --fgColor-muted: #848d97;
614
614
  --fgColor-onEmphasis: #ffffff;
615
615
  --fgColor-onInverse: #0d1117;
616
616
  --fgColor-disabled: #8b949e;
package/tokens-next-private/css/functional/themes/dark-dimmed.css CHANGED
@@ -19,8 +19,8 @@
19
19
  --codeMirror-bgColor: #22272e;
20
20
  --codeMirror-gutters-bgColor: #22272e;
21
21
  --codeMirror-gutterMarker-fgColor-default: #22272e;
22
- --codeMirror-gutterMarker-fgColor-muted: #6d7986;
23
- --codeMirror-lineNumber-fgColor: #6d7986;
22
+ --codeMirror-gutterMarker-fgColor-muted: #717e8b;
23
+ --codeMirror-lineNumber-fgColor: #717e8b;
24
24
  --codeMirror-cursor-fgColor: #c5d1de;
25
25
  --codeMirror-selection-bgColor: #4184e466;
26
26
  --codeMirror-activeline-bgColor: #636e7b66;
@@ -60,7 +60,7 @@
60
60
  --control-borderColor-success: #347d39;
61
61
  --control-borderColor-danger: #c93c37;
62
62
  --control-borderColor-warning: #966600;
63
- --control-iconColor-rest: #6d7986;
63
+ --control-iconColor-rest: #717e8b;
64
64
  --control-transparent-bgColor-rest: #00000000;
65
65
  --control-transparent-bgColor-hover: #909dab1f;
66
66
  --control-transparent-bgColor-active: #909dab33;
@@ -87,7 +87,7 @@
87
87
  --controlTrack-bgColor-hover: #3d444e;
88
88
  --controlTrack-bgColor-active: #434a54;
89
89
  --controlTrack-bgColor-disabled: #768390;
90
- --controlTrack-fgColor-rest: #6d7986;
90
+ --controlTrack-fgColor-rest: #717e8b;
91
91
  --controlTrack-fgColor-disabled: #cdd9e5;
92
92
  --controlTrack-borderColor-rest: #00000000;
93
93
  --controlTrack-borderColor-disabled: #768390;
@@ -124,8 +124,8 @@
124
124
  --button-invisible-fgColor-rest: #3b7cdb;
125
125
  --button-invisible-fgColor-hover: #539bf5;
126
126
  --button-invisible-fgColor-disabled: #768390;
127
- --button-invisible-iconColor-rest: #6d7986;
128
- --button-invisible-iconColor-hover: #6d7986;
127
+ --button-invisible-iconColor-rest: #717e8b;
128
+ --button-invisible-iconColor-hover: #717e8b;
129
129
  --button-invisible-iconColor-disabled: #768390;
130
130
  --button-invisible-bgColor-rest: #00000000;
131
131
  --button-invisible-bgColor-hover: #909dab1f;
@@ -185,12 +185,12 @@
185
185
  --sideNav-bgColor-selected: #373e47;
186
186
  --skeletonLoader-bgColor: #2d333b;
187
187
  --timelineBadge-bgColor: #373e47;
188
- --treeViewItem-leadingVisual-iconColor-rest: #6d7986;
188
+ --treeViewItem-leadingVisual-iconColor-rest: #717e8b;
189
189
  --underlineNav-borderColor-active: #ec775c;
190
190
  --underlineNav-borderColor-hover: #636e7b66;
191
- --underlineNav-iconColor-rest: #6d7986;
191
+ --underlineNav-iconColor-rest: #717e8b;
192
192
  --fgColor-default: #c5d1de;
193
- --fgColor-muted: #6d7986;
193
+ --fgColor-muted: #717e8b;
194
194
  --fgColor-onEmphasis: #cdd9e5;
195
195
  --fgColor-onInverse: #22272e;
196
196
  --fgColor-disabled: #768390;
@@ -439,8 +439,8 @@
439
439
  --codeMirror-bgColor: #22272e;
440
440
  --codeMirror-gutters-bgColor: #22272e;
441
441
  --codeMirror-gutterMarker-fgColor-default: #22272e;
442
- --codeMirror-gutterMarker-fgColor-muted: #6d7986;
443
- --codeMirror-lineNumber-fgColor: #6d7986;
442
+ --codeMirror-gutterMarker-fgColor-muted: #717e8b;
443
+ --codeMirror-lineNumber-fgColor: #717e8b;
444
444
  --codeMirror-cursor-fgColor: #c5d1de;
445
445
  --codeMirror-selection-bgColor: #4184e466;
446
446
  --codeMirror-activeline-bgColor: #636e7b66;
@@ -480,7 +480,7 @@
480
480
  --control-borderColor-success: #347d39;
481
481
  --control-borderColor-danger: #c93c37;
482
482
  --control-borderColor-warning: #966600;
483
- --control-iconColor-rest: #6d7986;
483
+ --control-iconColor-rest: #717e8b;
484
484
  --control-transparent-bgColor-rest: #00000000;
485
485
  --control-transparent-bgColor-hover: #909dab1f;
486
486
  --control-transparent-bgColor-active: #909dab33;
@@ -507,7 +507,7 @@
507
507
  --controlTrack-bgColor-hover: #3d444e;
508
508
  --controlTrack-bgColor-active: #434a54;
509
509
  --controlTrack-bgColor-disabled: #768390;
510
- --controlTrack-fgColor-rest: #6d7986;
510
+ --controlTrack-fgColor-rest: #717e8b;
511
511
  --controlTrack-fgColor-disabled: #cdd9e5;
512
512
  --controlTrack-borderColor-rest: #00000000;
513
513
  --controlTrack-borderColor-disabled: #768390;
@@ -544,8 +544,8 @@
544
544
  --button-invisible-fgColor-rest: #3b7cdb;
545
545
  --button-invisible-fgColor-hover: #539bf5;
546
546
  --button-invisible-fgColor-disabled: #768390;
547
- --button-invisible-iconColor-rest: #6d7986;
548
- --button-invisible-iconColor-hover: #6d7986;
547
+ --button-invisible-iconColor-rest: #717e8b;
548
+ --button-invisible-iconColor-hover: #717e8b;
549
549
  --button-invisible-iconColor-disabled: #768390;
550
550
  --button-invisible-bgColor-rest: #00000000;
551
551
  --button-invisible-bgColor-hover: #909dab1f;
@@ -605,12 +605,12 @@
605
605
  --sideNav-bgColor-selected: #373e47;
606
606
  --skeletonLoader-bgColor: #2d333b;
607
607
  --timelineBadge-bgColor: #373e47;
608
- --treeViewItem-leadingVisual-iconColor-rest: #6d7986;
608
+ --treeViewItem-leadingVisual-iconColor-rest: #717e8b;
609
609
  --underlineNav-borderColor-active: #ec775c;
610
610
  --underlineNav-borderColor-hover: #636e7b66;
611
- --underlineNav-iconColor-rest: #6d7986;
611
+ --underlineNav-iconColor-rest: #717e8b;
612
612
  --fgColor-default: #c5d1de;
613
- --fgColor-muted: #6d7986;
613
+ --fgColor-muted: #717e8b;
614
614
  --fgColor-onEmphasis: #cdd9e5;
615
615
  --fgColor-onInverse: #22272e;
616
616
  --fgColor-disabled: #768390;
package/tokens-next-private/css/functional/themes/dark-tritanopia.css CHANGED
@@ -14,13 +14,13 @@
14
14
  --diffBlob-deletion-bgColor-line: #f8514926;
15
15
  --diffBlob-deletion-bgColor-word: #f8514966;
16
16
  --diffBlob-hunk-bgColor-num: #388bfd66;
17
- --diffBlob-expander-iconColor: #7d8590;
17
+ --diffBlob-expander-iconColor: #848d97;
18
18
  --codeMirror-fgColor: #e6edf3;
19
19
  --codeMirror-bgColor: #0d1117;
20
20
  --codeMirror-gutters-bgColor: #0d1117;
21
21
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
22
- --codeMirror-gutterMarker-fgColor-muted: #7d8590;
23
- --codeMirror-lineNumber-fgColor: #7d8590;
22
+ --codeMirror-gutterMarker-fgColor-muted: #848d97;
23
+ --codeMirror-lineNumber-fgColor: #848d97;
24
24
  --codeMirror-cursor-fgColor: #e6edf3;
25
25
  --codeMirror-selection-bgColor: #388bfd66;
26
26
  --codeMirror-activeline-bgColor: #6e768166;
@@ -60,7 +60,7 @@
60
60
  --control-borderColor-success: #1f6feb;
61
61
  --control-borderColor-danger: #da3633;
62
62
  --control-borderColor-warning: #9e6a03;
63
- --control-iconColor-rest: #7d8590;
63
+ --control-iconColor-rest: #848d97;
64
64
  --control-transparent-bgColor-rest: #00000000;
65
65
  --control-transparent-bgColor-hover: #b1bac41f;
66
66
  --control-transparent-bgColor-active: #b1bac433;
@@ -87,7 +87,7 @@
87
87
  --controlTrack-bgColor-hover: #292e36;
88
88
  --controlTrack-bgColor-active: #31363e;
89
89
  --controlTrack-bgColor-disabled: #8b949e;
90
- --controlTrack-fgColor-rest: #7d8590;
90
+ --controlTrack-fgColor-rest: #848d97;
91
91
  --controlTrack-fgColor-disabled: #ffffff;
92
92
  --controlTrack-borderColor-rest: #00000000;
93
93
  --controlTrack-borderColor-disabled: #8b949e;
@@ -124,7 +124,7 @@
124
124
  --button-invisible-fgColor-rest: #2f81f7;
125
125
  --button-invisible-fgColor-hover: #58a6ff;
126
126
  --button-invisible-fgColor-disabled: #8b949e;
127
- --button-invisible-iconColor-rest: #7d8590;
127
+ --button-invisible-iconColor-rest: #848d97;
128
128
  --button-invisible-iconColor-hover: #e6edf3;
129
129
  --button-invisible-iconColor-disabled: #8b949e;
130
130
  --button-invisible-bgColor-rest: #00000000;
@@ -185,12 +185,12 @@
185
185
  --sideNav-bgColor-selected: #21262d;
186
186
  --skeletonLoader-bgColor: #161b22;
187
187
  --timelineBadge-bgColor: #21262d;
188
- --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
188
+ --treeViewItem-leadingVisual-iconColor-rest: #848d97;
189
189
  --underlineNav-borderColor-active: #f78166;
190
190
  --underlineNav-borderColor-hover: #6e768166;
191
- --underlineNav-iconColor-rest: #7d8590;
191
+ --underlineNav-iconColor-rest: #848d97;
192
192
  --fgColor-default: #e6edf3;
193
- --fgColor-muted: #7d8590;
193
+ --fgColor-muted: #848d97;
194
194
  --fgColor-onEmphasis: #ffffff;
195
195
  --fgColor-onInverse: #0d1117;
196
196
  --fgColor-disabled: #8b949e;
@@ -434,13 +434,13 @@
434
434
  --diffBlob-deletion-bgColor-line: #f8514926;
435
435
  --diffBlob-deletion-bgColor-word: #f8514966;
436
436
  --diffBlob-hunk-bgColor-num: #388bfd66;
437
- --diffBlob-expander-iconColor: #7d8590;
437
+ --diffBlob-expander-iconColor: #848d97;
438
438
  --codeMirror-fgColor: #e6edf3;
439
439
  --codeMirror-bgColor: #0d1117;
440
440
  --codeMirror-gutters-bgColor: #0d1117;
441
441
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
442
- --codeMirror-gutterMarker-fgColor-muted: #7d8590;
443
- --codeMirror-lineNumber-fgColor: #7d8590;
442
+ --codeMirror-gutterMarker-fgColor-muted: #848d97;
443
+ --codeMirror-lineNumber-fgColor: #848d97;
444
444
  --codeMirror-cursor-fgColor: #e6edf3;
445
445
  --codeMirror-selection-bgColor: #388bfd66;
446
446
  --codeMirror-activeline-bgColor: #6e768166;
@@ -480,7 +480,7 @@
480
480
  --control-borderColor-success: #1f6feb;
481
481
  --control-borderColor-danger: #da3633;
482
482
  --control-borderColor-warning: #9e6a03;
483
- --control-iconColor-rest: #7d8590;
483
+ --control-iconColor-rest: #848d97;
484
484
  --control-transparent-bgColor-rest: #00000000;
485
485
  --control-transparent-bgColor-hover: #b1bac41f;
486
486
  --control-transparent-bgColor-active: #b1bac433;
@@ -507,7 +507,7 @@
507
507
  --controlTrack-bgColor-hover: #292e36;
508
508
  --controlTrack-bgColor-active: #31363e;
509
509
  --controlTrack-bgColor-disabled: #8b949e;
510
- --controlTrack-fgColor-rest: #7d8590;
510
+ --controlTrack-fgColor-rest: #848d97;
511
511
  --controlTrack-fgColor-disabled: #ffffff;
512
512
  --controlTrack-borderColor-rest: #00000000;
513
513
  --controlTrack-borderColor-disabled: #8b949e;
@@ -544,7 +544,7 @@
544
544
  --button-invisible-fgColor-rest: #2f81f7;
545
545
  --button-invisible-fgColor-hover: #58a6ff;
546
546
  --button-invisible-fgColor-disabled: #8b949e;
547
- --button-invisible-iconColor-rest: #7d8590;
547
+ --button-invisible-iconColor-rest: #848d97;
548
548
  --button-invisible-iconColor-hover: #e6edf3;
549
549
  --button-invisible-iconColor-disabled: #8b949e;
550
550
  --button-invisible-bgColor-rest: #00000000;
@@ -605,12 +605,12 @@
605
605
  --sideNav-bgColor-selected: #21262d;
606
606
  --skeletonLoader-bgColor: #161b22;
607
607
  --timelineBadge-bgColor: #21262d;
608
- --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
608
+ --treeViewItem-leadingVisual-iconColor-rest: #848d97;
609
609
  --underlineNav-borderColor-active: #f78166;
610
610
  --underlineNav-borderColor-hover: #6e768166;
611
- --underlineNav-iconColor-rest: #7d8590;
611
+ --underlineNav-iconColor-rest: #848d97;
612
612
  --fgColor-default: #e6edf3;
613
- --fgColor-muted: #7d8590;
613
+ --fgColor-muted: #848d97;
614
614
  --fgColor-onEmphasis: #ffffff;
615
615
  --fgColor-onInverse: #0d1117;
616
616
  --fgColor-disabled: #8b949e;
package/tokens-next-private/css/functional/themes/dark.css CHANGED
@@ -14,13 +14,13 @@
14
14
  --diffBlob-deletion-bgColor-line: #f8514926;
15
15
  --diffBlob-deletion-bgColor-word: #f8514966;
16
16
  --diffBlob-hunk-bgColor-num: #388bfd66;
17
- --diffBlob-expander-iconColor: #7d8590;
17
+ --diffBlob-expander-iconColor: #848d97;
18
18
  --codeMirror-fgColor: #e6edf3;
19
19
  --codeMirror-bgColor: #0d1117;
20
20
  --codeMirror-gutters-bgColor: #0d1117;
21
21
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
22
- --codeMirror-gutterMarker-fgColor-muted: #7d8590;
23
- --codeMirror-lineNumber-fgColor: #7d8590;
22
+ --codeMirror-gutterMarker-fgColor-muted: #848d97;
23
+ --codeMirror-lineNumber-fgColor: #848d97;
24
24
  --codeMirror-cursor-fgColor: #e6edf3;
25
25
  --codeMirror-selection-bgColor: #388bfd66;
26
26
  --codeMirror-activeline-bgColor: #6e768166;
@@ -60,7 +60,7 @@
60
60
  --control-borderColor-success: #238636;
61
61
  --control-borderColor-danger: #da3633;
62
62
  --control-borderColor-warning: #9e6a03;
63
- --control-iconColor-rest: #7d8590;
63
+ --control-iconColor-rest: #848d97;
64
64
  --control-transparent-bgColor-rest: #00000000;
65
65
  --control-transparent-bgColor-hover: #b1bac41f;
66
66
  --control-transparent-bgColor-active: #b1bac433;
@@ -87,7 +87,7 @@
87
87
  --controlTrack-bgColor-hover: #292e36;
88
88
  --controlTrack-bgColor-active: #31363e;
89
89
  --controlTrack-bgColor-disabled: #8b949e;
90
- --controlTrack-fgColor-rest: #7d8590;
90
+ --controlTrack-fgColor-rest: #848d97;
91
91
  --controlTrack-fgColor-disabled: #ffffff;
92
92
  --controlTrack-borderColor-rest: #00000000;
93
93
  --controlTrack-borderColor-disabled: #8b949e;
@@ -124,7 +124,7 @@
124
124
  --button-invisible-fgColor-rest: #2f81f7;
125
125
  --button-invisible-fgColor-hover: #58a6ff;
126
126
  --button-invisible-fgColor-disabled: #8b949e;
127
- --button-invisible-iconColor-rest: #7d8590;
127
+ --button-invisible-iconColor-rest: #848d97;
128
128
  --button-invisible-iconColor-hover: #e6edf3;
129
129
  --button-invisible-iconColor-disabled: #8b949e;
130
130
  --button-invisible-bgColor-rest: #00000000;
@@ -185,12 +185,12 @@
185
185
  --sideNav-bgColor-selected: #21262d;
186
186
  --skeletonLoader-bgColor: #161b22;
187
187
  --timelineBadge-bgColor: #21262d;
188
- --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
188
+ --treeViewItem-leadingVisual-iconColor-rest: #848d97;
189
189
  --underlineNav-borderColor-active: #f78166;
190
190
  --underlineNav-borderColor-hover: #6e768166;
191
- --underlineNav-iconColor-rest: #7d8590;
191
+ --underlineNav-iconColor-rest: #848d97;
192
192
  --fgColor-default: #e6edf3;
193
- --fgColor-muted: #7d8590;
193
+ --fgColor-muted: #848d97;
194
194
  --fgColor-onEmphasis: #ffffff;
195
195
  --fgColor-onInverse: #0d1117;
196
196
  --fgColor-disabled: #8b949e;
@@ -434,13 +434,13 @@
434
434
  --diffBlob-deletion-bgColor-line: #f8514926;
435
435
  --diffBlob-deletion-bgColor-word: #f8514966;
436
436
  --diffBlob-hunk-bgColor-num: #388bfd66;
437
- --diffBlob-expander-iconColor: #7d8590;
437
+ --diffBlob-expander-iconColor: #848d97;
438
438
  --codeMirror-fgColor: #e6edf3;
439
439
  --codeMirror-bgColor: #0d1117;
440
440
  --codeMirror-gutters-bgColor: #0d1117;
441
441
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
442
- --codeMirror-gutterMarker-fgColor-muted: #7d8590;
443
- --codeMirror-lineNumber-fgColor: #7d8590;
442
+ --codeMirror-gutterMarker-fgColor-muted: #848d97;
443
+ --codeMirror-lineNumber-fgColor: #848d97;
444
444
  --codeMirror-cursor-fgColor: #e6edf3;
445
445
  --codeMirror-selection-bgColor: #388bfd66;
446
446
  --codeMirror-activeline-bgColor: #6e768166;
@@ -480,7 +480,7 @@
480
480
  --control-borderColor-success: #238636;
481
481
  --control-borderColor-danger: #da3633;
482
482
  --control-borderColor-warning: #9e6a03;
483
- --control-iconColor-rest: #7d8590;
483
+ --control-iconColor-rest: #848d97;
484
484
  --control-transparent-bgColor-rest: #00000000;
485
485
  --control-transparent-bgColor-hover: #b1bac41f;
486
486
  --control-transparent-bgColor-active: #b1bac433;
@@ -507,7 +507,7 @@
507
507
  --controlTrack-bgColor-hover: #292e36;
508
508
  --controlTrack-bgColor-active: #31363e;
509
509
  --controlTrack-bgColor-disabled: #8b949e;
510
- --controlTrack-fgColor-rest: #7d8590;
510
+ --controlTrack-fgColor-rest: #848d97;
511
511
  --controlTrack-fgColor-disabled: #ffffff;
512
512
  --controlTrack-borderColor-rest: #00000000;
513
513
  --controlTrack-borderColor-disabled: #8b949e;
@@ -544,7 +544,7 @@
544
544
  --button-invisible-fgColor-rest: #2f81f7;
545
545
  --button-invisible-fgColor-hover: #58a6ff;
546
546
  --button-invisible-fgColor-disabled: #8b949e;
547
- --button-invisible-iconColor-rest: #7d8590;
547
+ --button-invisible-iconColor-rest: #848d97;
548
548
  --button-invisible-iconColor-hover: #e6edf3;
549
549
  --button-invisible-iconColor-disabled: #8b949e;
550
550
  --button-invisible-bgColor-rest: #00000000;
@@ -605,12 +605,12 @@
605
605
  --sideNav-bgColor-selected: #21262d;
606
606
  --skeletonLoader-bgColor: #161b22;
607
607
  --timelineBadge-bgColor: #21262d;
608
- --treeViewItem-leadingVisual-iconColor-rest: #7d8590;
608
+ --treeViewItem-leadingVisual-iconColor-rest: #848d97;
609
609
  --underlineNav-borderColor-active: #f78166;
610
610
  --underlineNav-borderColor-hover: #6e768166;
611
- --underlineNav-iconColor-rest: #7d8590;
611
+ --underlineNav-iconColor-rest: #848d97;
612
612
  --fgColor-default: #e6edf3;
613
- --fgColor-muted: #7d8590;
613
+ --fgColor-muted: #848d97;
614
614
  --fgColor-onEmphasis: #ffffff;
615
615
  --fgColor-onInverse: #0d1117;
616
616
  --fgColor-disabled: #8b949e;
package/tokens-next-private/css/functional/themes/light-colorblind.css CHANGED
@@ -286,7 +286,7 @@
286
286
  --color-ansi-magenta-bright: #a475f9;
287
287
  --color-ansi-cyan: #1b7c83;
288
288
  --color-ansi-cyan-bright: #3192aa;
289
- --color-prettylights-syntax-comment: #6e7781;
289
+ --color-prettylights-syntax-comment: #57606a;
290
290
  --color-prettylights-syntax-constant: #0550ae;
291
291
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
292
292
  --color-prettylights-syntax-entity: #6639ba;
@@ -706,7 +706,7 @@
706
706
  --color-ansi-magenta-bright: #a475f9;
707
707
  --color-ansi-cyan: #1b7c83;
708
708
  --color-ansi-cyan-bright: #3192aa;
709
- --color-prettylights-syntax-comment: #6e7781;
709
+ --color-prettylights-syntax-comment: #57606a;
710
710
  --color-prettylights-syntax-constant: #0550ae;
711
711
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
712
712
  --color-prettylights-syntax-entity: #6639ba;
package/tokens-next-private/css/functional/themes/light-high-contrast.css CHANGED
@@ -286,7 +286,7 @@
286
286
  --color-ansi-magenta-bright: #844ae7;
287
287
  --color-ansi-cyan: #1b7c83;
288
288
  --color-ansi-cyan-bright: #3192aa;
289
- --color-prettylights-syntax-comment: #66707b;
289
+ --color-prettylights-syntax-comment: #4b535d;
290
290
  --color-prettylights-syntax-constant: #023b95;
291
291
  --color-prettylights-syntax-constant-other-reference-link: #032563;
292
292
  --color-prettylights-syntax-entity: #512598;
@@ -706,7 +706,7 @@
706
706
  --color-ansi-magenta-bright: #844ae7;
707
707
  --color-ansi-cyan: #1b7c83;
708
708
  --color-ansi-cyan-bright: #3192aa;
709
- --color-prettylights-syntax-comment: #66707b;
709
+ --color-prettylights-syntax-comment: #4b535d;
710
710
  --color-prettylights-syntax-constant: #023b95;
711
711
  --color-prettylights-syntax-constant-other-reference-link: #032563;
712
712
  --color-prettylights-syntax-entity: #512598;
package/tokens-next-private/css/functional/themes/light-tritanopia.css CHANGED
@@ -286,7 +286,7 @@
286
286
  --color-ansi-magenta-bright: #a475f9;
287
287
  --color-ansi-cyan: #1b7c83;
288
288
  --color-ansi-cyan-bright: #3192aa;
289
- --color-prettylights-syntax-comment: #6e7781;
289
+ --color-prettylights-syntax-comment: #57606a;
290
290
  --color-prettylights-syntax-constant: #0550ae;
291
291
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
292
292
  --color-prettylights-syntax-entity: #6639ba;
@@ -706,7 +706,7 @@
706
706
  --color-ansi-magenta-bright: #a475f9;
707
707
  --color-ansi-cyan: #1b7c83;
708
708
  --color-ansi-cyan-bright: #3192aa;
709
- --color-prettylights-syntax-comment: #6e7781;
709
+ --color-prettylights-syntax-comment: #57606a;
710
710
  --color-prettylights-syntax-constant: #0550ae;
711
711
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
712
712
  --color-prettylights-syntax-entity: #6639ba;
package/tokens-next-private/css/functional/themes/light.css CHANGED
@@ -286,7 +286,7 @@
286
286
  --color-ansi-magenta-bright: #a475f9;
287
287
  --color-ansi-cyan: #1b7c83;
288
288
  --color-ansi-cyan-bright: #3192aa;
289
- --color-prettylights-syntax-comment: #6e7781;
289
+ --color-prettylights-syntax-comment: #57606a;
290
290
  --color-prettylights-syntax-constant: #0550ae;
291
291
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
292
292
  --color-prettylights-syntax-entity: #6639ba;
@@ -706,7 +706,7 @@
706
706
  --color-ansi-magenta-bright: #a475f9;
707
707
  --color-ansi-cyan: #1b7c83;
708
708
  --color-ansi-cyan-bright: #3192aa;
709
- --color-prettylights-syntax-comment: #6e7781;
709
+ --color-prettylights-syntax-comment: #57606a;
710
710
  --color-prettylights-syntax-constant: #0550ae;
711
711
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
712
712
  --color-prettylights-syntax-entity: #6639ba;
package/tokens-next-private/docs/functional/size/border.json CHANGED
@@ -85,7 +85,10 @@
85
85
  "$extensions": {
86
86
  "org.primer.figma": {
87
87
  "collection": "functional/size",
88
- "scopes": ["radius"]
88
+ "scopes": ["radius"],
89
+ "codeSyntax": {
90
+ "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
91
+ }
89
92
  }
90
93
  },
91
94
  "filePath": "src/tokens/functional/size/border.json",
@@ -96,7 +99,10 @@
96
99
  "$extensions": {
97
100
  "org.primer.figma": {
98
101
  "collection": "functional/size",
99
- "scopes": ["radius"]
102
+ "scopes": ["radius"],
103
+ "codeSyntax": {
104
+ "web": "var(--borderRadius-small) /* utility class: .rounded-1 */"
105
+ }
100
106
  }
101
107
  }
102
108
  },
@@ -110,7 +116,10 @@
110
116
  "$extensions": {
111
117
  "org.primer.figma": {
112
118
  "collection": "functional/size",
113
- "scopes": ["radius"]
119
+ "scopes": ["radius"],
120
+ "codeSyntax": {
121
+ "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
122
+ }
114
123
  }
115
124
  },
116
125
  "filePath": "src/tokens/functional/size/border.json",
@@ -121,7 +130,10 @@
121
130
  "$extensions": {
122
131
  "org.primer.figma": {
123
132
  "collection": "functional/size",
124
- "scopes": ["radius"]
133
+ "scopes": ["radius"],
134
+ "codeSyntax": {
135
+ "web": "var(--borderRadius-medium) /* utility class: .rounded-2 */"
136
+ }
125
137
  }
126
138
  }
127
139
  },
@@ -135,7 +147,10 @@
135
147
  "$extensions": {
136
148
  "org.primer.figma": {
137
149
  "collection": "functional/size",
138
- "scopes": ["radius"]
150
+ "scopes": ["radius"],
151
+ "codeSyntax": {
152
+ "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
153
+ }
139
154
  }
140
155
  },
141
156
  "filePath": "src/tokens/functional/size/border.json",
@@ -146,7 +161,10 @@
146
161
  "$extensions": {
147
162
  "org.primer.figma": {
148
163
  "collection": "functional/size",
149
- "scopes": ["radius"]
164
+ "scopes": ["radius"],
165
+ "codeSyntax": {
166
+ "web": "var(--borderRadius-large) /* utility class: .rounded-3 */"
167
+ }
150
168
  }
151
169
  }
152
170
  },
@@ -161,7 +179,10 @@
161
179
  "$extensions": {
162
180
  "org.primer.figma": {
163
181
  "collection": "functional/size",
164
- "scopes": ["radius"]
182
+ "scopes": ["radius"],
183
+ "codeSyntax": {
184
+ "web": "var(--borderRadius-full) /* utility class: .circle */"
185
+ }
165
186
  }
166
187
  },
167
188
  "filePath": "src/tokens/functional/size/border.json",
@@ -173,7 +194,10 @@
173
194
  "$extensions": {
174
195
  "org.primer.figma": {
175
196
  "collection": "functional/size",
176
- "scopes": ["radius"]
197
+ "scopes": ["radius"],
198
+ "codeSyntax": {
199
+ "web": "var(--borderRadius-full) /* utility class: .circle */"
200
+ }
177
201
  }
178
202
  }
179
203
  },
package/tokens-next-private/docs/functional/size/breakpoints.json CHANGED
@@ -125,7 +125,7 @@
125
125
  "path": ["breakpoint", "xlarge"]
126
126
  },
127
127
  "breakpoint-xxlarge": {
128
- "value": "90rem",
128
+ "value": "87.5rem",
129
129
  "$type": "dimension",
130
130
  "$extensions": {
131
131
  "org.primer.figma": {
@@ -136,7 +136,7 @@
136
136
  "filePath": "src/tokens/functional/size/breakpoints.json",
137
137
  "isSource": true,
138
138
  "original": {
139
- "value": "1440px",
139
+ "value": "1400px",
140
140
  "$type": "dimension",
141
141
  "$extensions": {
142
142
  "org.primer.figma": {