@primer/primitives 10.0.0-rc.d2acd2c0 → 10.0.0-rc.dd3dde40

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 (121) hide show
  1. package/README.md +2 -2
  2. package/dist/build/PrimerStyleDictionary.js +27 -26
  3. package/dist/build/filters/isCubicBezier.d.ts +7 -0
  4. package/dist/build/filters/isCubicBezier.js +10 -0
  5. package/dist/build/formats/typescriptExportDefinition.js +2 -2
  6. package/dist/build/parsers/w3cJsonParser.js +2 -2
  7. package/dist/build/platforms/css.js +1 -0
  8. package/dist/build/schemas/borderToken.d.ts +3 -3
  9. package/dist/build/schemas/colorToken.d.ts +3 -3
  10. package/dist/build/schemas/cubicBezierToken.d.ts +18 -0
  11. package/dist/build/schemas/cubicBezierToken.js +8 -0
  12. package/dist/build/schemas/designToken.js +2 -1
  13. package/dist/build/schemas/dimensionToken.d.ts +3 -3
  14. package/dist/build/schemas/durationToken.d.ts +3 -3
  15. package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
  16. package/dist/build/schemas/fontWeightToken.d.ts +3 -3
  17. package/dist/build/schemas/numberToken.d.ts +3 -3
  18. package/dist/build/schemas/shadowToken.d.ts +3 -3
  19. package/dist/build/schemas/stringToken.d.ts +3 -3
  20. package/dist/build/schemas/tokenType.d.ts +1 -1
  21. package/dist/build/schemas/typographyToken.d.ts +3 -3
  22. package/dist/build/schemas/validTokenType.d.ts +1 -1
  23. package/dist/build/schemas/validTokenType.js +1 -0
  24. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  25. package/dist/build/transformers/cubicBezierToCss.d.ts +8 -0
  26. package/dist/build/transformers/cubicBezierToCss.js +23 -0
  27. package/dist/build/transformers/durationToCss.js +2 -2
  28. package/dist/build/transformers/index.d.ts +1 -0
  29. package/dist/build/transformers/index.js +1 -0
  30. package/dist/css/base/motion/motion.css +17 -0
  31. package/dist/css/functional/motion/motion.css +4 -3
  32. package/dist/css/functional/themes/dark-colorblind.css +58 -38
  33. package/dist/css/functional/themes/dark-dimmed.css +44 -24
  34. package/dist/css/functional/themes/dark-high-contrast.css +42 -22
  35. package/dist/css/functional/themes/dark-tritanopia.css +44 -24
  36. package/dist/css/functional/themes/dark.css +42 -22
  37. package/dist/css/functional/themes/light-colorblind.css +60 -40
  38. package/dist/css/functional/themes/light-high-contrast.css +44 -24
  39. package/dist/css/functional/themes/light-tritanopia.css +42 -22
  40. package/dist/css/functional/themes/light.css +42 -22
  41. package/dist/css/functional/typography/typography.css +43 -43
  42. package/dist/css/primitives.css +64 -46
  43. package/dist/docs/base/motion/motion.json +205 -0
  44. package/dist/docs/functional/motion/motion.json +18 -3
  45. package/dist/docs/functional/themes/dark-colorblind.json +564 -282
  46. package/dist/docs/functional/themes/dark-dimmed.json +580 -276
  47. package/dist/docs/functional/themes/dark-high-contrast.json +408 -168
  48. package/dist/docs/functional/themes/dark-tritanopia.json +558 -280
  49. package/dist/docs/functional/themes/dark.json +564 -276
  50. package/dist/docs/functional/themes/light-colorblind.json +388 -108
  51. package/dist/docs/functional/themes/light-high-contrast.json +353 -83
  52. package/dist/docs/functional/themes/light-tritanopia.json +327 -81
  53. package/dist/docs/functional/themes/light.json +356 -78
  54. package/dist/fallbacks/base/motion/motion.json +17 -0
  55. package/dist/fallbacks/functional/motion/motion.json +1 -0
  56. package/dist/figma/dimension/dimension.json +518 -518
  57. package/dist/figma/figma.json +19 -19
  58. package/dist/figma/scales/dark-dimmed.json +3536 -656
  59. package/dist/figma/scales/dark-high-constrast.json +3535 -655
  60. package/dist/figma/scales/dark.json +3371 -491
  61. package/dist/figma/scales/light-high-constrast.json +3533 -653
  62. package/dist/figma/scales/light.json +3370 -490
  63. package/dist/figma/shadows/dark-colorblind.json +285 -285
  64. package/dist/figma/shadows/dark-dimmed.json +285 -285
  65. package/dist/figma/shadows/dark-high-contrast.json +285 -285
  66. package/dist/figma/shadows/dark-tritanopia.json +285 -285
  67. package/dist/figma/shadows/dark.json +285 -285
  68. package/dist/figma/shadows/light-colorblind.json +254 -254
  69. package/dist/figma/shadows/light-high-contrast.json +254 -254
  70. package/dist/figma/shadows/light-tritanopia.json +254 -254
  71. package/dist/figma/shadows/light.json +254 -254
  72. package/dist/figma/themes/dark-colorblind.json +5197 -5068
  73. package/dist/figma/themes/dark-dimmed.json +5526 -5351
  74. package/dist/figma/themes/dark-high-contrast.json +4361 -4251
  75. package/dist/figma/themes/dark-tritanopia.json +5315 -5187
  76. package/dist/figma/themes/dark.json +5740 -5581
  77. package/dist/figma/themes/light-colorblind.json +5104 -4929
  78. package/dist/figma/themes/light-high-contrast.json +4462 -4319
  79. package/dist/figma/themes/light-tritanopia.json +5176 -5050
  80. package/dist/figma/themes/light.json +5657 -5500
  81. package/dist/figma/typography/typography.json +162 -162
  82. package/dist/internalCss/dark-colorblind.css +58 -38
  83. package/dist/internalCss/dark-dimmed.css +44 -24
  84. package/dist/internalCss/dark-high-contrast.css +42 -22
  85. package/dist/internalCss/dark-tritanopia.css +44 -24
  86. package/dist/internalCss/dark.css +42 -22
  87. package/dist/internalCss/light-colorblind.css +60 -40
  88. package/dist/internalCss/light-high-contrast.css +44 -24
  89. package/dist/internalCss/light-tritanopia.css +42 -22
  90. package/dist/internalCss/light.css +42 -22
  91. package/dist/styleLint/base/motion/motion.json +205 -0
  92. package/dist/styleLint/functional/motion/motion.json +18 -3
  93. package/dist/styleLint/functional/themes/dark-colorblind.json +564 -282
  94. package/dist/styleLint/functional/themes/dark-dimmed.json +580 -276
  95. package/dist/styleLint/functional/themes/dark-high-contrast.json +407 -167
  96. package/dist/styleLint/functional/themes/dark-tritanopia.json +558 -280
  97. package/dist/styleLint/functional/themes/dark.json +564 -276
  98. package/dist/styleLint/functional/themes/light-colorblind.json +388 -108
  99. package/dist/styleLint/functional/themes/light-high-contrast.json +353 -83
  100. package/dist/styleLint/functional/themes/light-tritanopia.json +327 -81
  101. package/dist/styleLint/functional/themes/light.json +356 -78
  102. package/package.json +21 -29
  103. package/src/tokens/base/motion/easing.json5 +26 -0
  104. package/src/tokens/base/motion/timing.json5 +50 -0
  105. package/src/tokens/functional/color/dark/app-dark.json5 +203 -88
  106. package/src/tokens/functional/color/dark/data-vis-dark.json5 +20 -20
  107. package/src/tokens/functional/color/dark/display-dark.json5 +95 -95
  108. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -8
  109. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +39 -26
  110. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +56 -30
  111. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +37 -14
  112. package/src/tokens/functional/color/dark/patterns-dark.json5 +16 -4
  113. package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -1
  114. package/src/tokens/functional/color/light/app-light.json5 +195 -85
  115. package/src/tokens/functional/color/light/data-vis-light.json5 +20 -20
  116. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
  117. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +61 -33
  118. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +62 -10
  119. package/src/tokens/functional/color/light/patterns-light.json5 +13 -1
  120. package/src/tokens/functional/motion/loading.json5 +1 -1
  121. package/src/tokens/functional/motion/patterns.json5 +9 -2
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -5,17 +5,26 @@
5
5
  --topicTag-borderColor: #00000000;
6
6
  --highlight-neutral-bgColor: #d2992266;
7
7
  --page-header-bgColor: #0d1117;
8
- --diffBlob-addition-fgColor-text: #f0f6fc;
9
- --diffBlob-addition-fgColor-num: #f0f6fc;
10
- --diffBlob-addition-bgColor-num: #58a6ff4d;
11
- --diffBlob-addition-bgColor-line: #388bfd26;
12
- --diffBlob-addition-bgColor-word: #388bfd66;
13
- --diffBlob-deletion-fgColor-text: #f0f6fc;
14
- --diffBlob-deletion-fgColor-num: #f0f6fc;
15
- --diffBlob-deletion-bgColor-num: #db6d284d;
16
- --diffBlob-deletion-bgColor-line: #db6d2826;
17
- --diffBlob-deletion-bgColor-word: #db6d2866;
18
- --diffBlob-hunk-bgColor-num: #388bfd66;
8
+ --diffBlob-additionLine-fgColor: #f0f6fc;
9
+ --diffBlob-additionLine-bgColor: #388bfd26;
10
+ --diffBlob-additionWord-fgColor: #f0f6fc;
11
+ --diffBlob-additionWord-bgColor: #388bfd66;
12
+ --diffBlob-additionNum-fgColor: #f0f6fc;
13
+ --diffBlob-additionNum-bgColor: #58a6ff4d;
14
+ --diffBlob-deletionLine-fgColor: #f0f6fc;
15
+ --diffBlob-deletionLine-bgColor: #db6d2826;
16
+ --diffBlob-deletionWord-fgColor: #f0f6fc;
17
+ --diffBlob-deletionWord-bgColor: #db6d2866;
18
+ --diffBlob-deletionNum-fgColor: #f0f6fc;
19
+ --diffBlob-deletionNum-bgColor: #db6d284d;
20
+ --diffBlob-hunkLine-fgColor: #9198a1;
21
+ --diffBlob-hunkLine-bgColor: #212830;
22
+ --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
23
+ --diffBlob-hunkNum-fgColor-hover: #ffffff;
24
+ --diffBlob-hunkNum-bgColor-rest: #2f3742;
25
+ --diffBlob-hunkNum-bgColor-hover: #656c76;
26
+ --diffBlob-emptyNum-bgColor: #151b23;
27
+ --diffBlob-emptyLine-bgColor: #151b23;
19
28
  --diffBlob-expander-iconColor: #9198a1;
20
29
  --codeMirror-fgColor: #f0f6fc;
21
30
  --codeMirror-bgColor: #0d1117;
@@ -186,7 +195,7 @@
186
195
  --control-transparent-borderColor-rest: #00000000;
187
196
  --control-transparent-borderColor-hover: #00000000;
188
197
  --control-transparent-borderColor-active: #00000000;
189
- --control-danger-fgColor-rest: #db6d28;
198
+ --control-danger-fgColor-rest: #f0883e;
190
199
  --control-danger-fgColor-hover: #f0883e;
191
200
  --control-danger-bgColor-hover: #db6d281a;
192
201
  --control-danger-bgColor-active: #db6d2866;
@@ -242,6 +251,7 @@
242
251
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
243
252
  --button-invisible-fgColor-rest: #f0f6fc;
244
253
  --button-invisible-fgColor-hover: #f0f6fc;
254
+ --button-invisible-fgColor-active: #f0f6fc;
245
255
  --button-invisible-fgColor-disabled: #656c7699;
246
256
  --button-invisible-iconColor-rest: #9198a1;
247
257
  --button-invisible-iconColor-hover: #9198a1;
@@ -264,11 +274,11 @@
264
274
  --button-outline-borderColor-hover: #3d444d;
265
275
  --button-outline-borderColor-selected: #3d444d;
266
276
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
267
- --button-danger-fgColor-rest: #db6d28;
277
+ --button-danger-fgColor-rest: #f0883e;
268
278
  --button-danger-fgColor-hover: #ffffff;
269
279
  --button-danger-fgColor-active: #ffffff;
270
- --button-danger-fgColor-disabled: #db6d2880;
271
- --button-danger-iconColor-rest: #db6d28;
280
+ --button-danger-fgColor-disabled: #f0883e80;
281
+ --button-danger-iconColor-rest: #f0883e;
272
282
  --button-danger-iconColor-hover: #ffffff;
273
283
  --button-danger-bgColor-rest: #212830;
274
284
  --button-danger-bgColor-hover: #9b4215;
@@ -293,9 +303,9 @@
293
303
  --buttonCounter-danger-bgColor-hover: #ffffff33;
294
304
  --buttonCounter-danger-bgColor-disabled: #bd561d0d;
295
305
  --buttonCounter-danger-bgColor-rest: #49020233;
296
- --buttonCounter-danger-fgColor-rest: #db6d28;
306
+ --buttonCounter-danger-fgColor-rest: #f0883e;
297
307
  --buttonCounter-danger-fgColor-hover: #ffffff;
298
- --buttonCounter-danger-fgColor-disabled: #db6d2880;
308
+ --buttonCounter-danger-fgColor-disabled: #f0883e80;
299
309
  --reactionButton-selected-bgColor-rest: #388bfd33;
300
310
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
301
311
  --reactionButton-selected-fgColor-rest: #4493f8;
@@ -446,7 +456,7 @@
446
456
  --fgColor-open: #f0883e;
447
457
  --fgColor-attention: #d29922;
448
458
  --fgColor-severe: #db6d28;
449
- --fgColor-danger: #db6d28;
459
+ --fgColor-danger: #f0883e;
450
460
  --fgColor-closed: #9198a1;
451
461
  --fgColor-done: #ab7df8;
452
462
  --fgColor-upsell: #ab7df8;
@@ -466,7 +476,7 @@
466
476
  --bgColor-accent-emphasis: #1f6feb;
467
477
  --bgColor-success-muted: #388bfd26;
468
478
  --bgColor-success-emphasis: #1f6feb;
469
- --bgColor-open-muted: #db6d2866;
479
+ --bgColor-open-muted: #db6d2833;
470
480
  --bgColor-open-emphasis: #bd561d;
471
481
  --bgColor-attention-muted: #bb800926;
472
482
  --bgColor-attention-emphasis: #9e6a03;
@@ -574,17 +584,26 @@
574
584
  --topicTag-borderColor: #00000000;
575
585
  --highlight-neutral-bgColor: #d2992266;
576
586
  --page-header-bgColor: #0d1117;
577
- --diffBlob-addition-fgColor-text: #f0f6fc;
578
- --diffBlob-addition-fgColor-num: #f0f6fc;
579
- --diffBlob-addition-bgColor-num: #58a6ff4d;
580
- --diffBlob-addition-bgColor-line: #388bfd26;
581
- --diffBlob-addition-bgColor-word: #388bfd66;
582
- --diffBlob-deletion-fgColor-text: #f0f6fc;
583
- --diffBlob-deletion-fgColor-num: #f0f6fc;
584
- --diffBlob-deletion-bgColor-num: #db6d284d;
585
- --diffBlob-deletion-bgColor-line: #db6d2826;
586
- --diffBlob-deletion-bgColor-word: #db6d2866;
587
- --diffBlob-hunk-bgColor-num: #388bfd66;
587
+ --diffBlob-additionLine-fgColor: #f0f6fc;
588
+ --diffBlob-additionLine-bgColor: #388bfd26;
589
+ --diffBlob-additionWord-fgColor: #f0f6fc;
590
+ --diffBlob-additionWord-bgColor: #388bfd66;
591
+ --diffBlob-additionNum-fgColor: #f0f6fc;
592
+ --diffBlob-additionNum-bgColor: #58a6ff4d;
593
+ --diffBlob-deletionLine-fgColor: #f0f6fc;
594
+ --diffBlob-deletionLine-bgColor: #db6d2826;
595
+ --diffBlob-deletionWord-fgColor: #f0f6fc;
596
+ --diffBlob-deletionWord-bgColor: #db6d2866;
597
+ --diffBlob-deletionNum-fgColor: #f0f6fc;
598
+ --diffBlob-deletionNum-bgColor: #db6d284d;
599
+ --diffBlob-hunkLine-fgColor: #9198a1;
600
+ --diffBlob-hunkLine-bgColor: #212830;
601
+ --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
602
+ --diffBlob-hunkNum-fgColor-hover: #ffffff;
603
+ --diffBlob-hunkNum-bgColor-rest: #2f3742;
604
+ --diffBlob-hunkNum-bgColor-hover: #656c76;
605
+ --diffBlob-emptyNum-bgColor: #151b23;
606
+ --diffBlob-emptyLine-bgColor: #151b23;
588
607
  --diffBlob-expander-iconColor: #9198a1;
589
608
  --codeMirror-fgColor: #f0f6fc;
590
609
  --codeMirror-bgColor: #0d1117;
@@ -755,7 +774,7 @@
755
774
  --control-transparent-borderColor-rest: #00000000;
756
775
  --control-transparent-borderColor-hover: #00000000;
757
776
  --control-transparent-borderColor-active: #00000000;
758
- --control-danger-fgColor-rest: #db6d28;
777
+ --control-danger-fgColor-rest: #f0883e;
759
778
  --control-danger-fgColor-hover: #f0883e;
760
779
  --control-danger-bgColor-hover: #db6d281a;
761
780
  --control-danger-bgColor-active: #db6d2866;
@@ -811,6 +830,7 @@
811
830
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
812
831
  --button-invisible-fgColor-rest: #f0f6fc;
813
832
  --button-invisible-fgColor-hover: #f0f6fc;
833
+ --button-invisible-fgColor-active: #f0f6fc;
814
834
  --button-invisible-fgColor-disabled: #656c7699;
815
835
  --button-invisible-iconColor-rest: #9198a1;
816
836
  --button-invisible-iconColor-hover: #9198a1;
@@ -833,11 +853,11 @@
833
853
  --button-outline-borderColor-hover: #3d444d;
834
854
  --button-outline-borderColor-selected: #3d444d;
835
855
  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
836
- --button-danger-fgColor-rest: #db6d28;
856
+ --button-danger-fgColor-rest: #f0883e;
837
857
  --button-danger-fgColor-hover: #ffffff;
838
858
  --button-danger-fgColor-active: #ffffff;
839
- --button-danger-fgColor-disabled: #db6d2880;
840
- --button-danger-iconColor-rest: #db6d28;
859
+ --button-danger-fgColor-disabled: #f0883e80;
860
+ --button-danger-iconColor-rest: #f0883e;
841
861
  --button-danger-iconColor-hover: #ffffff;
842
862
  --button-danger-bgColor-rest: #212830;
843
863
  --button-danger-bgColor-hover: #9b4215;
@@ -862,9 +882,9 @@
862
882
  --buttonCounter-danger-bgColor-hover: #ffffff33;
863
883
  --buttonCounter-danger-bgColor-disabled: #bd561d0d;
864
884
  --buttonCounter-danger-bgColor-rest: #49020233;
865
- --buttonCounter-danger-fgColor-rest: #db6d28;
885
+ --buttonCounter-danger-fgColor-rest: #f0883e;
866
886
  --buttonCounter-danger-fgColor-hover: #ffffff;
867
- --buttonCounter-danger-fgColor-disabled: #db6d2880;
887
+ --buttonCounter-danger-fgColor-disabled: #f0883e80;
868
888
  --reactionButton-selected-bgColor-rest: #388bfd33;
869
889
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
870
890
  --reactionButton-selected-fgColor-rest: #4493f8;
@@ -1015,7 +1035,7 @@
1015
1035
  --fgColor-open: #f0883e;
1016
1036
  --fgColor-attention: #d29922;
1017
1037
  --fgColor-severe: #db6d28;
1018
- --fgColor-danger: #db6d28;
1038
+ --fgColor-danger: #f0883e;
1019
1039
  --fgColor-closed: #9198a1;
1020
1040
  --fgColor-done: #ab7df8;
1021
1041
  --fgColor-upsell: #ab7df8;
@@ -1035,7 +1055,7 @@
1035
1055
  --bgColor-accent-emphasis: #1f6feb;
1036
1056
  --bgColor-success-muted: #388bfd26;
1037
1057
  --bgColor-success-emphasis: #1f6feb;
1038
- --bgColor-open-muted: #db6d2866;
1058
+ --bgColor-open-muted: #db6d2833;
1039
1059
  --bgColor-open-emphasis: #bd561d;
1040
1060
  --bgColor-attention-muted: #bb800926;
1041
1061
  --bgColor-attention-emphasis: #9e6a03;
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -5,18 +5,27 @@
5
5
  --topicTag-borderColor: #00000000;
6
6
  --highlight-neutral-bgColor: #c6902666;
7
7
  --page-header-bgColor: #212830;
8
- --diffBlob-addition-fgColor-text: #d1d7e0;
9
- --diffBlob-addition-fgColor-num: #d1d7e0;
10
- --diffBlob-addition-bgColor-num: #57ab5a4d;
11
- --diffBlob-addition-bgColor-line: #46954a26;
12
- --diffBlob-addition-bgColor-word: #46954a66;
13
- --diffBlob-deletion-fgColor-text: #d1d7e0;
14
- --diffBlob-deletion-fgColor-num: #d1d7e0;
15
- --diffBlob-deletion-bgColor-num: #e5534b4d;
16
- --diffBlob-deletion-bgColor-line: #e5534b26;
17
- --diffBlob-deletion-bgColor-word: #e5534b66;
18
- --diffBlob-hunk-bgColor-num: #4184e466;
19
- --diffBlob-expander-iconColor: #d1d7e0;
8
+ --diffBlob-additionLine-fgColor: #d1d7e0;
9
+ --diffBlob-additionLine-bgColor: #46954a26;
10
+ --diffBlob-additionWord-fgColor: #d1d7e0;
11
+ --diffBlob-additionWord-bgColor: #46954a66;
12
+ --diffBlob-additionNum-fgColor: #d1d7e0;
13
+ --diffBlob-additionNum-bgColor: #57ab5a4d;
14
+ --diffBlob-deletionLine-fgColor: #d1d7e0;
15
+ --diffBlob-deletionLine-bgColor: #e5534b1a;
16
+ --diffBlob-deletionWord-fgColor: #d1d7e0;
17
+ --diffBlob-deletionWord-bgColor: #e5534b66;
18
+ --diffBlob-deletionNum-fgColor: #d1d7e0;
19
+ --diffBlob-deletionNum-bgColor: #e5534b4d;
20
+ --diffBlob-hunkLine-fgColor: #9198a1;
21
+ --diffBlob-hunkLine-bgColor: #4184e41a;
22
+ --diffBlob-hunkNum-fgColor-rest: #d1d7e0;
23
+ --diffBlob-hunkNum-fgColor-hover: #f0f6fc;
24
+ --diffBlob-hunkNum-bgColor-rest: #143d79;
25
+ --diffBlob-hunkNum-bgColor-hover: #316dca;
26
+ --diffBlob-emptyNum-bgColor: #262c36;
27
+ --diffBlob-emptyLine-bgColor: #262c36;
28
+ --diffBlob-expander-iconColor: #9198a1;
20
29
  --codeMirror-fgColor: #d1d7e0;
21
30
  --codeMirror-bgColor: #212830;
22
31
  --codeMirror-gutters-bgColor: #212830;
@@ -242,6 +251,7 @@
242
251
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
243
252
  --button-invisible-fgColor-rest: #d1d7e0;
244
253
  --button-invisible-fgColor-hover: #d1d7e0;
254
+ --button-invisible-fgColor-active: #d1d7e0;
245
255
  --button-invisible-fgColor-disabled: #656c76;
246
256
  --button-invisible-iconColor-rest: #b7bdc8;
247
257
  --button-invisible-iconColor-hover: #b7bdc8;
@@ -574,18 +584,27 @@
574
584
  --topicTag-borderColor: #00000000;
575
585
  --highlight-neutral-bgColor: #c6902666;
576
586
  --page-header-bgColor: #212830;
577
- --diffBlob-addition-fgColor-text: #d1d7e0;
578
- --diffBlob-addition-fgColor-num: #d1d7e0;
579
- --diffBlob-addition-bgColor-num: #57ab5a4d;
580
- --diffBlob-addition-bgColor-line: #46954a26;
581
- --diffBlob-addition-bgColor-word: #46954a66;
582
- --diffBlob-deletion-fgColor-text: #d1d7e0;
583
- --diffBlob-deletion-fgColor-num: #d1d7e0;
584
- --diffBlob-deletion-bgColor-num: #e5534b4d;
585
- --diffBlob-deletion-bgColor-line: #e5534b26;
586
- --diffBlob-deletion-bgColor-word: #e5534b66;
587
- --diffBlob-hunk-bgColor-num: #4184e466;
588
- --diffBlob-expander-iconColor: #d1d7e0;
587
+ --diffBlob-additionLine-fgColor: #d1d7e0;
588
+ --diffBlob-additionLine-bgColor: #46954a26;
589
+ --diffBlob-additionWord-fgColor: #d1d7e0;
590
+ --diffBlob-additionWord-bgColor: #46954a66;
591
+ --diffBlob-additionNum-fgColor: #d1d7e0;
592
+ --diffBlob-additionNum-bgColor: #57ab5a4d;
593
+ --diffBlob-deletionLine-fgColor: #d1d7e0;
594
+ --diffBlob-deletionLine-bgColor: #e5534b1a;
595
+ --diffBlob-deletionWord-fgColor: #d1d7e0;
596
+ --diffBlob-deletionWord-bgColor: #e5534b66;
597
+ --diffBlob-deletionNum-fgColor: #d1d7e0;
598
+ --diffBlob-deletionNum-bgColor: #e5534b4d;
599
+ --diffBlob-hunkLine-fgColor: #9198a1;
600
+ --diffBlob-hunkLine-bgColor: #4184e41a;
601
+ --diffBlob-hunkNum-fgColor-rest: #d1d7e0;
602
+ --diffBlob-hunkNum-fgColor-hover: #f0f6fc;
603
+ --diffBlob-hunkNum-bgColor-rest: #143d79;
604
+ --diffBlob-hunkNum-bgColor-hover: #316dca;
605
+ --diffBlob-emptyNum-bgColor: #262c36;
606
+ --diffBlob-emptyLine-bgColor: #262c36;
607
+ --diffBlob-expander-iconColor: #9198a1;
589
608
  --codeMirror-fgColor: #d1d7e0;
590
609
  --codeMirror-bgColor: #212830;
591
610
  --codeMirror-gutters-bgColor: #212830;
@@ -811,6 +830,7 @@
811
830
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
812
831
  --button-invisible-fgColor-rest: #d1d7e0;
813
832
  --button-invisible-fgColor-hover: #d1d7e0;
833
+ --button-invisible-fgColor-active: #d1d7e0;
814
834
  --button-invisible-fgColor-disabled: #656c76;
815
835
  --button-invisible-iconColor-rest: #b7bdc8;
816
836
  --button-invisible-iconColor-hover: #b7bdc8;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -5,17 +5,26 @@
5
5
  --topicTag-borderColor: #409eff;
6
6
  --highlight-neutral-bgColor: #f0b72f66;
7
7
  --page-header-bgColor: #010409;
8
- --diffBlob-addition-fgColor-text: #ffffff;
9
- --diffBlob-addition-fgColor-num: #ffffff;
10
- --diffBlob-addition-bgColor-num: #28d7514d;
11
- --diffBlob-addition-bgColor-line: #0ac74026;
12
- --diffBlob-addition-bgColor-word: #006222;
13
- --diffBlob-deletion-fgColor-text: #ffffff;
14
- --diffBlob-deletion-fgColor-num: #ffffff;
15
- --diffBlob-deletion-bgColor-num: #ff80804d;
16
- --diffBlob-deletion-bgColor-line: #ff808026;
17
- --diffBlob-deletion-bgColor-word: #ad0116;
18
- --diffBlob-hunk-bgColor-num: #5cacff66;
8
+ --diffBlob-additionLine-fgColor: #ffffff;
9
+ --diffBlob-additionLine-bgColor: #0ac74033;
10
+ --diffBlob-additionWord-fgColor: #ffffff;
11
+ --diffBlob-additionWord-bgColor: #006222;
12
+ --diffBlob-additionNum-fgColor: #ffffff;
13
+ --diffBlob-additionNum-bgColor: #28d7514d;
14
+ --diffBlob-deletionLine-fgColor: #ffffff;
15
+ --diffBlob-deletionLine-bgColor: #ff808033;
16
+ --diffBlob-deletionWord-fgColor: #ffffff;
17
+ --diffBlob-deletionWord-bgColor: #ad0116;
18
+ --diffBlob-deletionNum-fgColor: #ffffff;
19
+ --diffBlob-deletionNum-bgColor: #ff80804d;
20
+ --diffBlob-hunkLine-fgColor: #b7bdc8;
21
+ --diffBlob-hunkLine-bgColor: #5cacff33;
22
+ --diffBlob-hunkNum-fgColor-rest: #ffffff;
23
+ --diffBlob-hunkNum-fgColor-hover: #ffffff;
24
+ --diffBlob-hunkNum-bgColor-rest: #5cacff66;
25
+ --diffBlob-hunkNum-bgColor-hover: #194fb1;
26
+ --diffBlob-emptyNum-bgColor: #151b23;
27
+ --diffBlob-emptyLine-bgColor: #151b23;
19
28
  --diffBlob-expander-iconColor: #ffffff;
20
29
  --codeMirror-fgColor: #ffffff;
21
30
  --codeMirror-bgColor: #010409;
@@ -242,6 +251,7 @@
242
251
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
243
252
  --button-invisible-fgColor-rest: #ffffff;
244
253
  --button-invisible-fgColor-hover: #ffffff;
254
+ --button-invisible-fgColor-active: #ffffff;
245
255
  --button-invisible-fgColor-disabled: #656c76;
246
256
  --button-invisible-iconColor-rest: #d1d7e0;
247
257
  --button-invisible-iconColor-hover: #d1d7e0;
@@ -574,17 +584,26 @@
574
584
  --topicTag-borderColor: #409eff;
575
585
  --highlight-neutral-bgColor: #f0b72f66;
576
586
  --page-header-bgColor: #010409;
577
- --diffBlob-addition-fgColor-text: #ffffff;
578
- --diffBlob-addition-fgColor-num: #ffffff;
579
- --diffBlob-addition-bgColor-num: #28d7514d;
580
- --diffBlob-addition-bgColor-line: #0ac74026;
581
- --diffBlob-addition-bgColor-word: #006222;
582
- --diffBlob-deletion-fgColor-text: #ffffff;
583
- --diffBlob-deletion-fgColor-num: #ffffff;
584
- --diffBlob-deletion-bgColor-num: #ff80804d;
585
- --diffBlob-deletion-bgColor-line: #ff808026;
586
- --diffBlob-deletion-bgColor-word: #ad0116;
587
- --diffBlob-hunk-bgColor-num: #5cacff66;
587
+ --diffBlob-additionLine-fgColor: #ffffff;
588
+ --diffBlob-additionLine-bgColor: #0ac74033;
589
+ --diffBlob-additionWord-fgColor: #ffffff;
590
+ --diffBlob-additionWord-bgColor: #006222;
591
+ --diffBlob-additionNum-fgColor: #ffffff;
592
+ --diffBlob-additionNum-bgColor: #28d7514d;
593
+ --diffBlob-deletionLine-fgColor: #ffffff;
594
+ --diffBlob-deletionLine-bgColor: #ff808033;
595
+ --diffBlob-deletionWord-fgColor: #ffffff;
596
+ --diffBlob-deletionWord-bgColor: #ad0116;
597
+ --diffBlob-deletionNum-fgColor: #ffffff;
598
+ --diffBlob-deletionNum-bgColor: #ff80804d;
599
+ --diffBlob-hunkLine-fgColor: #b7bdc8;
600
+ --diffBlob-hunkLine-bgColor: #5cacff33;
601
+ --diffBlob-hunkNum-fgColor-rest: #ffffff;
602
+ --diffBlob-hunkNum-fgColor-hover: #ffffff;
603
+ --diffBlob-hunkNum-bgColor-rest: #5cacff66;
604
+ --diffBlob-hunkNum-bgColor-hover: #194fb1;
605
+ --diffBlob-emptyNum-bgColor: #151b23;
606
+ --diffBlob-emptyLine-bgColor: #151b23;
588
607
  --diffBlob-expander-iconColor: #ffffff;
589
608
  --codeMirror-fgColor: #ffffff;
590
609
  --codeMirror-bgColor: #010409;
@@ -811,6 +830,7 @@
811
830
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
812
831
  --button-invisible-fgColor-rest: #ffffff;
813
832
  --button-invisible-fgColor-hover: #ffffff;
833
+ --button-invisible-fgColor-active: #ffffff;
814
834
  --button-invisible-fgColor-disabled: #656c76;
815
835
  --button-invisible-iconColor-rest: #d1d7e0;
816
836
  --button-invisible-iconColor-hover: #d1d7e0;
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -5,17 +5,26 @@
5
5
  --topicTag-borderColor: #00000000;
6
6
  --highlight-neutral-bgColor: #d2992266;
7
7
  --page-header-bgColor: #0d1117;
8
- --diffBlob-addition-fgColor-text: #f0f6fc;
9
- --diffBlob-addition-fgColor-num: #f0f6fc;
10
- --diffBlob-addition-bgColor-num: #58a6ff4d;
11
- --diffBlob-addition-bgColor-line: #388bfd26;
12
- --diffBlob-addition-bgColor-word: #388bfd66;
13
- --diffBlob-deletion-fgColor-text: #f0f6fc;
14
- --diffBlob-deletion-fgColor-num: #f0f6fc;
15
- --diffBlob-deletion-bgColor-num: #f851494d;
16
- --diffBlob-deletion-bgColor-line: #f8514926;
17
- --diffBlob-deletion-bgColor-word: #f8514966;
18
- --diffBlob-hunk-bgColor-num: #388bfd66;
8
+ --diffBlob-additionLine-fgColor: #f0f6fc;
9
+ --diffBlob-additionLine-bgColor: #388bfd26;
10
+ --diffBlob-additionWord-fgColor: #f0f6fc;
11
+ --diffBlob-additionWord-bgColor: #388bfd66;
12
+ --diffBlob-additionNum-fgColor: #f0f6fc;
13
+ --diffBlob-additionNum-bgColor: #58a6ff4d;
14
+ --diffBlob-deletionLine-fgColor: #f0f6fc;
15
+ --diffBlob-deletionLine-bgColor: #f851491a;
16
+ --diffBlob-deletionWord-fgColor: #f0f6fc;
17
+ --diffBlob-deletionWord-bgColor: #f8514966;
18
+ --diffBlob-deletionNum-fgColor: #f0f6fc;
19
+ --diffBlob-deletionNum-bgColor: #f851494d;
20
+ --diffBlob-hunkLine-fgColor: #9198a1;
21
+ --diffBlob-hunkLine-bgColor: #212830;
22
+ --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
23
+ --diffBlob-hunkNum-fgColor-hover: #ffffff;
24
+ --diffBlob-hunkNum-bgColor-rest: #2f3742;
25
+ --diffBlob-hunkNum-bgColor-hover: #656c76;
26
+ --diffBlob-emptyNum-bgColor: #151b23;
27
+ --diffBlob-emptyLine-bgColor: #151b23;
19
28
  --diffBlob-expander-iconColor: #9198a1;
20
29
  --codeMirror-fgColor: #f0f6fc;
21
30
  --codeMirror-bgColor: #0d1117;
@@ -242,6 +251,7 @@
242
251
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
243
252
  --button-invisible-fgColor-rest: #f0f6fc;
244
253
  --button-invisible-fgColor-hover: #f0f6fc;
254
+ --button-invisible-fgColor-active: #f0f6fc;
245
255
  --button-invisible-fgColor-disabled: #656c7699;
246
256
  --button-invisible-iconColor-rest: #9198a1;
247
257
  --button-invisible-iconColor-hover: #9198a1;
@@ -466,7 +476,7 @@
466
476
  --bgColor-accent-emphasis: #1f6feb;
467
477
  --bgColor-success-muted: #388bfd26;
468
478
  --bgColor-success-emphasis: #1f6feb;
469
- --bgColor-open-muted: #f8514926;
479
+ --bgColor-open-muted: #f851491a;
470
480
  --bgColor-open-emphasis: #da3633;
471
481
  --bgColor-attention-muted: #bb800926;
472
482
  --bgColor-attention-emphasis: #9e6a03;
@@ -574,17 +584,26 @@
574
584
  --topicTag-borderColor: #00000000;
575
585
  --highlight-neutral-bgColor: #d2992266;
576
586
  --page-header-bgColor: #0d1117;
577
- --diffBlob-addition-fgColor-text: #f0f6fc;
578
- --diffBlob-addition-fgColor-num: #f0f6fc;
579
- --diffBlob-addition-bgColor-num: #58a6ff4d;
580
- --diffBlob-addition-bgColor-line: #388bfd26;
581
- --diffBlob-addition-bgColor-word: #388bfd66;
582
- --diffBlob-deletion-fgColor-text: #f0f6fc;
583
- --diffBlob-deletion-fgColor-num: #f0f6fc;
584
- --diffBlob-deletion-bgColor-num: #f851494d;
585
- --diffBlob-deletion-bgColor-line: #f8514926;
586
- --diffBlob-deletion-bgColor-word: #f8514966;
587
- --diffBlob-hunk-bgColor-num: #388bfd66;
587
+ --diffBlob-additionLine-fgColor: #f0f6fc;
588
+ --diffBlob-additionLine-bgColor: #388bfd26;
589
+ --diffBlob-additionWord-fgColor: #f0f6fc;
590
+ --diffBlob-additionWord-bgColor: #388bfd66;
591
+ --diffBlob-additionNum-fgColor: #f0f6fc;
592
+ --diffBlob-additionNum-bgColor: #58a6ff4d;
593
+ --diffBlob-deletionLine-fgColor: #f0f6fc;
594
+ --diffBlob-deletionLine-bgColor: #f851491a;
595
+ --diffBlob-deletionWord-fgColor: #f0f6fc;
596
+ --diffBlob-deletionWord-bgColor: #f8514966;
597
+ --diffBlob-deletionNum-fgColor: #f0f6fc;
598
+ --diffBlob-deletionNum-bgColor: #f851494d;
599
+ --diffBlob-hunkLine-fgColor: #9198a1;
600
+ --diffBlob-hunkLine-bgColor: #212830;
601
+ --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
602
+ --diffBlob-hunkNum-fgColor-hover: #ffffff;
603
+ --diffBlob-hunkNum-bgColor-rest: #2f3742;
604
+ --diffBlob-hunkNum-bgColor-hover: #656c76;
605
+ --diffBlob-emptyNum-bgColor: #151b23;
606
+ --diffBlob-emptyLine-bgColor: #151b23;
588
607
  --diffBlob-expander-iconColor: #9198a1;
589
608
  --codeMirror-fgColor: #f0f6fc;
590
609
  --codeMirror-bgColor: #0d1117;
@@ -811,6 +830,7 @@
811
830
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
812
831
  --button-invisible-fgColor-rest: #f0f6fc;
813
832
  --button-invisible-fgColor-hover: #f0f6fc;
833
+ --button-invisible-fgColor-active: #f0f6fc;
814
834
  --button-invisible-fgColor-disabled: #656c7699;
815
835
  --button-invisible-iconColor-rest: #9198a1;
816
836
  --button-invisible-iconColor-hover: #9198a1;
@@ -1035,7 +1055,7 @@
1035
1055
  --bgColor-accent-emphasis: #1f6feb;
1036
1056
  --bgColor-success-muted: #388bfd26;
1037
1057
  --bgColor-success-emphasis: #1f6feb;
1038
- --bgColor-open-muted: #f8514926;
1058
+ --bgColor-open-muted: #f851491a;
1039
1059
  --bgColor-open-emphasis: #da3633;
1040
1060
  --bgColor-attention-muted: #bb800926;
1041
1061
  --bgColor-attention-emphasis: #9e6a03;
package/dist/css/functional/themes/dark.css CHANGED
@@ -5,17 +5,26 @@
5
5
  --topicTag-borderColor: #00000000;
6
6
  --highlight-neutral-bgColor: #d2992266;
7
7
  --page-header-bgColor: #0d1117;
8
- --diffBlob-addition-fgColor-text: #f0f6fc;
9
- --diffBlob-addition-fgColor-num: #f0f6fc;
10
- --diffBlob-addition-bgColor-num: #3fb9504d;
11
- --diffBlob-addition-bgColor-line: #2ea04326;
12
- --diffBlob-addition-bgColor-word: #2ea04366;
13
- --diffBlob-deletion-fgColor-text: #f0f6fc;
14
- --diffBlob-deletion-fgColor-num: #f0f6fc;
15
- --diffBlob-deletion-bgColor-num: #f851494d;
16
- --diffBlob-deletion-bgColor-line: #f8514926;
17
- --diffBlob-deletion-bgColor-word: #f8514966;
18
- --diffBlob-hunk-bgColor-num: #388bfd66;
8
+ --diffBlob-additionLine-fgColor: #f0f6fc;
9
+ --diffBlob-additionLine-bgColor: #2ea04326;
10
+ --diffBlob-additionWord-fgColor: #f0f6fc;
11
+ --diffBlob-additionWord-bgColor: #2ea04366;
12
+ --diffBlob-additionNum-fgColor: #f0f6fc;
13
+ --diffBlob-additionNum-bgColor: #3fb9504d;
14
+ --diffBlob-deletionLine-fgColor: #f0f6fc;
15
+ --diffBlob-deletionLine-bgColor: #f851491a;
16
+ --diffBlob-deletionWord-fgColor: #f0f6fc;
17
+ --diffBlob-deletionWord-bgColor: #f8514966;
18
+ --diffBlob-deletionNum-fgColor: #f0f6fc;
19
+ --diffBlob-deletionNum-bgColor: #f851494d;
20
+ --diffBlob-hunkLine-fgColor: #9198a1;
21
+ --diffBlob-hunkLine-bgColor: #388bfd1a;
22
+ --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
23
+ --diffBlob-hunkNum-fgColor-hover: #ffffff;
24
+ --diffBlob-hunkNum-bgColor-rest: #0c2d6b;
25
+ --diffBlob-hunkNum-bgColor-hover: #1f6feb;
26
+ --diffBlob-emptyNum-bgColor: #151b23;
27
+ --diffBlob-emptyLine-bgColor: #151b23;
19
28
  --diffBlob-expander-iconColor: #9198a1;
20
29
  --codeMirror-fgColor: #f0f6fc;
21
30
  --codeMirror-bgColor: #0d1117;
@@ -242,6 +251,7 @@
242
251
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
243
252
  --button-invisible-fgColor-rest: #f0f6fc;
244
253
  --button-invisible-fgColor-hover: #f0f6fc;
254
+ --button-invisible-fgColor-active: #f0f6fc;
245
255
  --button-invisible-fgColor-disabled: #656c7699;
246
256
  --button-invisible-iconColor-rest: #9198a1;
247
257
  --button-invisible-iconColor-hover: #9198a1;
@@ -574,17 +584,26 @@
574
584
  --topicTag-borderColor: #00000000;
575
585
  --highlight-neutral-bgColor: #d2992266;
576
586
  --page-header-bgColor: #0d1117;
577
- --diffBlob-addition-fgColor-text: #f0f6fc;
578
- --diffBlob-addition-fgColor-num: #f0f6fc;
579
- --diffBlob-addition-bgColor-num: #3fb9504d;
580
- --diffBlob-addition-bgColor-line: #2ea04326;
581
- --diffBlob-addition-bgColor-word: #2ea04366;
582
- --diffBlob-deletion-fgColor-text: #f0f6fc;
583
- --diffBlob-deletion-fgColor-num: #f0f6fc;
584
- --diffBlob-deletion-bgColor-num: #f851494d;
585
- --diffBlob-deletion-bgColor-line: #f8514926;
586
- --diffBlob-deletion-bgColor-word: #f8514966;
587
- --diffBlob-hunk-bgColor-num: #388bfd66;
587
+ --diffBlob-additionLine-fgColor: #f0f6fc;
588
+ --diffBlob-additionLine-bgColor: #2ea04326;
589
+ --diffBlob-additionWord-fgColor: #f0f6fc;
590
+ --diffBlob-additionWord-bgColor: #2ea04366;
591
+ --diffBlob-additionNum-fgColor: #f0f6fc;
592
+ --diffBlob-additionNum-bgColor: #3fb9504d;
593
+ --diffBlob-deletionLine-fgColor: #f0f6fc;
594
+ --diffBlob-deletionLine-bgColor: #f851491a;
595
+ --diffBlob-deletionWord-fgColor: #f0f6fc;
596
+ --diffBlob-deletionWord-bgColor: #f8514966;
597
+ --diffBlob-deletionNum-fgColor: #f0f6fc;
598
+ --diffBlob-deletionNum-bgColor: #f851494d;
599
+ --diffBlob-hunkLine-fgColor: #9198a1;
600
+ --diffBlob-hunkLine-bgColor: #388bfd1a;
601
+ --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
602
+ --diffBlob-hunkNum-fgColor-hover: #ffffff;
603
+ --diffBlob-hunkNum-bgColor-rest: #0c2d6b;
604
+ --diffBlob-hunkNum-bgColor-hover: #1f6feb;
605
+ --diffBlob-emptyNum-bgColor: #151b23;
606
+ --diffBlob-emptyLine-bgColor: #151b23;
588
607
  --diffBlob-expander-iconColor: #9198a1;
589
608
  --codeMirror-fgColor: #f0f6fc;
590
609
  --codeMirror-bgColor: #0d1117;
@@ -811,6 +830,7 @@
811
830
  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
812
831
  --button-invisible-fgColor-rest: #f0f6fc;
813
832
  --button-invisible-fgColor-hover: #f0f6fc;
833
+ --button-invisible-fgColor-active: #f0f6fc;
814
834
  --button-invisible-fgColor-disabled: #656c7699;
815
835
  --button-invisible-iconColor-rest: #9198a1;
816
836
  --button-invisible-iconColor-hover: #9198a1;