@primer/primitives 9.0.0-rc.fa8264ac → 9.0.1-rc.7a1eec5e

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 (81) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +16 -12
  2. package/dist/css/functional/themes/dark-dimmed.css +14 -10
  3. package/dist/css/functional/themes/dark-high-contrast.css +58 -54
  4. package/dist/css/functional/themes/dark-tritanopia.css +16 -12
  5. package/dist/css/functional/themes/dark.css +14 -10
  6. package/dist/css/functional/themes/light-colorblind.css +20 -16
  7. package/dist/css/functional/themes/light-high-contrast.css +24 -20
  8. package/dist/css/functional/themes/light-tritanopia.css +20 -16
  9. package/dist/css/functional/themes/light.css +18 -14
  10. package/dist/docs/functional/themes/dark-colorblind.json +157 -101
  11. package/dist/docs/functional/themes/dark-dimmed.json +159 -103
  12. package/dist/docs/functional/themes/dark-high-contrast.json +247 -165
  13. package/dist/docs/functional/themes/dark-tritanopia.json +157 -101
  14. package/dist/docs/functional/themes/dark.json +156 -100
  15. package/dist/docs/functional/themes/light-colorblind.json +163 -105
  16. package/dist/docs/functional/themes/light-high-contrast.json +179 -119
  17. package/dist/docs/functional/themes/light-tritanopia.json +163 -105
  18. package/dist/docs/functional/themes/light.json +162 -104
  19. package/dist/figma/figma.json +3 -3
  20. package/dist/figma/scales/dark-dimmed.json +56 -24
  21. package/dist/figma/scales/dark-high-constrast.json +56 -24
  22. package/dist/figma/scales/dark.json +56 -24
  23. package/dist/figma/scales/light-high-constrast.json +59 -27
  24. package/dist/figma/scales/light.json +59 -27
  25. package/dist/figma/shadows/dark-colorblind.json +167 -167
  26. package/dist/figma/shadows/dark-dimmed.json +167 -167
  27. package/dist/figma/shadows/dark-high-contrast.json +167 -167
  28. package/dist/figma/shadows/dark-tritanopia.json +167 -167
  29. package/dist/figma/shadows/dark.json +167 -167
  30. package/dist/figma/shadows/light-colorblind.json +84 -84
  31. package/dist/figma/shadows/light-high-contrast.json +84 -84
  32. package/dist/figma/shadows/light-tritanopia.json +84 -84
  33. package/dist/figma/shadows/light.json +84 -84
  34. package/dist/figma/themes/dark-colorblind.json +1199 -1168
  35. package/dist/figma/themes/dark-dimmed.json +2172 -2141
  36. package/dist/figma/themes/dark-high-contrast.json +1751 -1716
  37. package/dist/figma/themes/dark-tritanopia.json +1199 -1168
  38. package/dist/figma/themes/dark.json +1291 -1260
  39. package/dist/figma/themes/light-colorblind.json +1424 -1392
  40. package/dist/figma/themes/light-high-contrast.json +1253 -1220
  41. package/dist/figma/themes/light-tritanopia.json +1424 -1392
  42. package/dist/figma/themes/light.json +1349 -1317
  43. package/dist/internalCss/dark-colorblind.css +44 -36
  44. package/dist/internalCss/dark-dimmed.css +42 -34
  45. package/dist/internalCss/dark-high-contrast.css +86 -78
  46. package/dist/internalCss/dark-tritanopia.css +44 -36
  47. package/dist/internalCss/dark.css +42 -34
  48. package/dist/internalCss/light-colorblind.css +50 -42
  49. package/dist/internalCss/light-high-contrast.css +54 -46
  50. package/dist/internalCss/light-tritanopia.css +50 -42
  51. package/dist/internalCss/light.css +48 -40
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +157 -101
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +159 -103
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +247 -165
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +157 -101
  56. package/dist/styleLint/functional/themes/dark.json +156 -100
  57. package/dist/styleLint/functional/themes/light-colorblind.json +163 -105
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +179 -119
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +163 -105
  60. package/dist/styleLint/functional/themes/light.json +162 -104
  61. package/package.json +1 -1
  62. package/src/schemas/colorToken.ts +1 -1
  63. package/src/schemas/dimensionToken.ts +1 -0
  64. package/src/schemas/scopes.ts +10 -21
  65. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -20
  66. package/src/tokens/base/color/dark/dark.json5 +29 -11
  67. package/src/tokens/base/color/light/light.json5 +29 -11
  68. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  69. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +24 -24
  70. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +82 -83
  71. package/src/tokens/functional/color/dark/patterns-dark.json5 +64 -39
  72. package/src/tokens/functional/color/dark/primitives-dark.json5 +23 -23
  73. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  74. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  75. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -25
  76. package/src/tokens/functional/color/light/patterns-light.json5 +67 -41
  77. package/src/tokens/functional/color/light/primitives-light.json5 +23 -23
  78. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  79. package/src/tokens/functional/shadow/dark.json5 +15 -15
  80. package/src/tokens/functional/shadow/light.json5 +16 -16
  81. package/src/transformers/figmaAttributes.ts +6 -0
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #59636e;
26
26
  --codeMirror-cursor-fgColor: #1f2328;
27
27
  --codeMirror-selection-bgColor: #54aeff66;
28
- --codeMirror-activeline-bgColor: #e0e6ebb3;
28
+ --codeMirror-activeline-bgColor: #818b981f;
29
29
  --codeMirror-matchingBracket-fgColor: #1f2328;
30
30
  --codeMirror-lines-bgColor: #ffffff;
31
31
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #eff2f5;
216
216
  --controlKnob-borderColor-checked: #0969da;
217
217
  --counter-borderColor: #ffffff00;
218
+ --counter-bgColor-muted: #818b981f;
219
+ --counter-bgColor-emphasis: #59636e;
218
220
  --button-default-fgColor-rest: #25292e;
219
221
  --button-default-bgColor-rest: #f6f8fa;
220
222
  --button-default-bgColor-hover: #eff2f5;
@@ -238,8 +240,8 @@
238
240
  --button-primary-borderColor-active: #1f232826;
239
241
  --button-primary-borderColor-disabled: #92caff;
240
242
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
241
- --button-invisible-fgColor-rest: #59636e;
242
- --button-invisible-fgColor-hover: #59636e;
243
+ --button-invisible-fgColor-rest: #25292e;
244
+ --button-invisible-fgColor-hover: #25292e;
243
245
  --button-invisible-fgColor-disabled: #818b98;
244
246
  --button-invisible-iconColor-rest: #59636e;
245
247
  --button-invisible-iconColor-hover: #59636e;
@@ -279,8 +281,8 @@
279
281
  --button-inactive-fgColor: #59636e;
280
282
  --button-inactive-bgColor: #e6eaef;
281
283
  --button-star-iconColor: #eac54f;
282
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
283
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
284
+ --buttonCounter-default-bgColor-rest: #818b981f;
285
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
284
286
  --buttonCounter-primary-bgColor-rest: #002d1133;
285
287
  --buttonCounter-outline-bgColor-rest: #0969da1a;
286
288
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -459,7 +461,7 @@
459
461
  --bgColor-black: #1f2328;
460
462
  --bgColor-disabled: #eff2f5;
461
463
  --bgColor-transparent: #ffffff00;
462
- --bgColor-neutral-muted: #e0e6ebb3;
464
+ --bgColor-neutral-muted: #818b981f;
463
465
  --bgColor-neutral-emphasis: #59636e;
464
466
  --bgColor-accent-muted: #ddf4ff;
465
467
  --bgColor-accent-emphasis: #0969da;
@@ -473,7 +475,7 @@
473
475
  --bgColor-severe-emphasis: #bc4c00;
474
476
  --bgColor-danger-muted: #fff1e5;
475
477
  --bgColor-danger-emphasis: #bc4c00;
476
- --bgColor-closed-muted: #e0e6ebb3;
478
+ --bgColor-closed-muted: #818b981f;
477
479
  --bgColor-closed-emphasis: #59636e;
478
480
  --bgColor-done-muted: #fbefff;
479
481
  --bgColor-done-emphasis: #8250df;
@@ -488,7 +490,7 @@
488
490
  --borderColor-transparent: #ffffff00;
489
491
  --borderColor-translucent: #1f232826;
490
492
  --borderColor-neutral-muted: #d1d9e0b3;
491
- --borderColor-neutral-emphasis: #818b98;
493
+ --borderColor-neutral-emphasis: #59636e;
492
494
  --borderColor-accent-muted: #54aeff66;
493
495
  --borderColor-accent-emphasis: #0969da;
494
496
  --borderColor-success-muted: #54aeff66;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #59636e;
593
595
  --codeMirror-cursor-fgColor: #1f2328;
594
596
  --codeMirror-selection-bgColor: #54aeff66;
595
- --codeMirror-activeline-bgColor: #e0e6ebb3;
597
+ --codeMirror-activeline-bgColor: #818b981f;
596
598
  --codeMirror-matchingBracket-fgColor: #1f2328;
597
599
  --codeMirror-lines-bgColor: #ffffff;
598
600
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #eff2f5;
783
785
  --controlKnob-borderColor-checked: #0969da;
784
786
  --counter-borderColor: #ffffff00;
787
+ --counter-bgColor-muted: #818b981f;
788
+ --counter-bgColor-emphasis: #59636e;
785
789
  --button-default-fgColor-rest: #25292e;
786
790
  --button-default-bgColor-rest: #f6f8fa;
787
791
  --button-default-bgColor-hover: #eff2f5;
@@ -805,8 +809,8 @@
805
809
  --button-primary-borderColor-active: #1f232826;
806
810
  --button-primary-borderColor-disabled: #92caff;
807
811
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
808
- --button-invisible-fgColor-rest: #59636e;
809
- --button-invisible-fgColor-hover: #59636e;
812
+ --button-invisible-fgColor-rest: #25292e;
813
+ --button-invisible-fgColor-hover: #25292e;
810
814
  --button-invisible-fgColor-disabled: #818b98;
811
815
  --button-invisible-iconColor-rest: #59636e;
812
816
  --button-invisible-iconColor-hover: #59636e;
@@ -846,8 +850,8 @@
846
850
  --button-inactive-fgColor: #59636e;
847
851
  --button-inactive-bgColor: #e6eaef;
848
852
  --button-star-iconColor: #eac54f;
849
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
850
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
853
+ --buttonCounter-default-bgColor-rest: #818b981f;
854
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
851
855
  --buttonCounter-primary-bgColor-rest: #002d1133;
852
856
  --buttonCounter-outline-bgColor-rest: #0969da1a;
853
857
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1026,7 +1030,7 @@
1026
1030
  --bgColor-black: #1f2328;
1027
1031
  --bgColor-disabled: #eff2f5;
1028
1032
  --bgColor-transparent: #ffffff00;
1029
- --bgColor-neutral-muted: #e0e6ebb3;
1033
+ --bgColor-neutral-muted: #818b981f;
1030
1034
  --bgColor-neutral-emphasis: #59636e;
1031
1035
  --bgColor-accent-muted: #ddf4ff;
1032
1036
  --bgColor-accent-emphasis: #0969da;
@@ -1040,7 +1044,7 @@
1040
1044
  --bgColor-severe-emphasis: #bc4c00;
1041
1045
  --bgColor-danger-muted: #fff1e5;
1042
1046
  --bgColor-danger-emphasis: #bc4c00;
1043
- --bgColor-closed-muted: #e0e6ebb3;
1047
+ --bgColor-closed-muted: #818b981f;
1044
1048
  --bgColor-closed-emphasis: #59636e;
1045
1049
  --bgColor-done-muted: #fbefff;
1046
1050
  --bgColor-done-emphasis: #8250df;
@@ -1055,7 +1059,7 @@
1055
1059
  --borderColor-transparent: #ffffff00;
1056
1060
  --borderColor-translucent: #1f232826;
1057
1061
  --borderColor-neutral-muted: #d1d9e0b3;
1058
- --borderColor-neutral-emphasis: #818b98;
1062
+ --borderColor-neutral-emphasis: #59636e;
1059
1063
  --borderColor-accent-muted: #54aeff66;
1060
1064
  --borderColor-accent-emphasis: #0969da;
1061
1065
  --borderColor-success-muted: #54aeff66;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #454c54;
26
26
  --codeMirror-cursor-fgColor: #010409;
27
27
  --codeMirror-selection-bgColor: #368cf9;
28
- --codeMirror-activeline-bgColor: #e0e6ebb3;
28
+ --codeMirror-activeline-bgColor: #e0e6eb;
29
29
  --codeMirror-matchingBracket-fgColor: #010409;
30
30
  --codeMirror-lines-bgColor: #ffffff;
31
31
  --codeMirror-syntax-fgColor-comment: #010409;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #e0e6eb;
216
216
  --controlKnob-borderColor-checked: #0349b4;
217
217
  --counter-borderColor: #454c54;
218
+ --counter-bgColor-muted: #e0e6eb;
219
+ --counter-bgColor-emphasis: #454c54;
218
220
  --button-default-fgColor-rest: #25292e;
219
221
  --button-default-bgColor-rest: #e0e6eb;
220
222
  --button-default-bgColor-hover: #dae0e7;
@@ -238,11 +240,11 @@
238
240
  --button-primary-borderColor-active: #013d14;
239
241
  --button-primary-borderColor-disabled: #85cb97;
240
242
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
241
- --button-invisible-fgColor-rest: #454c54;
242
- --button-invisible-fgColor-hover: #454c54;
243
+ --button-invisible-fgColor-rest: #25292e;
244
+ --button-invisible-fgColor-hover: #393f46;
243
245
  --button-invisible-fgColor-disabled: #59636e;
244
246
  --button-invisible-iconColor-rest: #454c54;
245
- --button-invisible-iconColor-hover: #454c54;
247
+ --button-invisible-iconColor-hover: #393f46;
246
248
  --button-invisible-iconColor-disabled: #59636e;
247
249
  --button-invisible-bgColor-rest: #ffffff00;
248
250
  --button-invisible-bgColor-hover: #dae0e7;
@@ -280,7 +282,7 @@
280
282
  --button-inactive-bgColor: #e0e6eb;
281
283
  --button-star-iconColor: #d5a824;
282
284
  --buttonCounter-default-bgColor-rest: #c8d1da;
283
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
285
+ --buttonCounter-invisible-bgColor-rest: #e0e6eb;
284
286
  --buttonCounter-primary-bgColor-rest: #00230b33;
285
287
  --buttonCounter-outline-bgColor-rest: #0349b41a;
286
288
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -439,7 +441,7 @@
439
441
  --fgColor-black: #010409;
440
442
  --fgColor-disabled: #59636e;
441
443
  --fgColor-link: #023b95;
442
- --fgColor-neutral: #454c54;
444
+ --fgColor-neutral: #393f46;
443
445
  --fgColor-accent: #023b95;
444
446
  --fgColor-success: #024c1a;
445
447
  --fgColor-open: #024c1a;
@@ -459,7 +461,7 @@
459
461
  --bgColor-black: #010409;
460
462
  --bgColor-disabled: #e0e6eb;
461
463
  --bgColor-transparent: #ffffff00;
462
- --bgColor-neutral-muted: #e0e6ebb3;
464
+ --bgColor-neutral-muted: #e0e6eb;
463
465
  --bgColor-neutral-emphasis: #454c54;
464
466
  --bgColor-accent-muted: #dff7ff;
465
467
  --bgColor-accent-emphasis: #0349b4;
@@ -488,7 +490,7 @@
488
490
  --borderColor-transparent: #ffffff00;
489
491
  --borderColor-translucent: #59636e;
490
492
  --borderColor-neutral-muted: #454c54;
491
- --borderColor-neutral-emphasis: #454c54;
493
+ --borderColor-neutral-emphasis: #59636e;
492
494
  --borderColor-accent-muted: #368cf9;
493
495
  --borderColor-accent-emphasis: #0349b4;
494
496
  --borderColor-success-muted: #26a148;
@@ -501,11 +503,11 @@
501
503
  --borderColor-severe-emphasis: #873800;
502
504
  --borderColor-danger-muted: #ee5a5d;
503
505
  --borderColor-danger-emphasis: #a0111f;
504
- --borderColor-closed-muted: #ee5a5d66;
506
+ --borderColor-closed-muted: #ee5a5d;
505
507
  --borderColor-closed-emphasis: #a0111f;
506
508
  --borderColor-done-muted: #a371f7;
507
509
  --borderColor-done-emphasis: #622cbc;
508
- --borderColor-upsell-muted: #a371f766;
510
+ --borderColor-upsell-muted: #a371f7;
509
511
  --borderColor-upsell-emphasis: #622cbc;
510
512
  --borderColor-sponsors-muted: #ed4baf;
511
513
  --borderColor-sponsors-emphasis: #971368;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #454c54;
593
595
  --codeMirror-cursor-fgColor: #010409;
594
596
  --codeMirror-selection-bgColor: #368cf9;
595
- --codeMirror-activeline-bgColor: #e0e6ebb3;
597
+ --codeMirror-activeline-bgColor: #e0e6eb;
596
598
  --codeMirror-matchingBracket-fgColor: #010409;
597
599
  --codeMirror-lines-bgColor: #ffffff;
598
600
  --codeMirror-syntax-fgColor-comment: #010409;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #e0e6eb;
783
785
  --controlKnob-borderColor-checked: #0349b4;
784
786
  --counter-borderColor: #454c54;
787
+ --counter-bgColor-muted: #e0e6eb;
788
+ --counter-bgColor-emphasis: #454c54;
785
789
  --button-default-fgColor-rest: #25292e;
786
790
  --button-default-bgColor-rest: #e0e6eb;
787
791
  --button-default-bgColor-hover: #dae0e7;
@@ -805,11 +809,11 @@
805
809
  --button-primary-borderColor-active: #013d14;
806
810
  --button-primary-borderColor-disabled: #85cb97;
807
811
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
808
- --button-invisible-fgColor-rest: #454c54;
809
- --button-invisible-fgColor-hover: #454c54;
812
+ --button-invisible-fgColor-rest: #25292e;
813
+ --button-invisible-fgColor-hover: #393f46;
810
814
  --button-invisible-fgColor-disabled: #59636e;
811
815
  --button-invisible-iconColor-rest: #454c54;
812
- --button-invisible-iconColor-hover: #454c54;
816
+ --button-invisible-iconColor-hover: #393f46;
813
817
  --button-invisible-iconColor-disabled: #59636e;
814
818
  --button-invisible-bgColor-rest: #ffffff00;
815
819
  --button-invisible-bgColor-hover: #dae0e7;
@@ -847,7 +851,7 @@
847
851
  --button-inactive-bgColor: #e0e6eb;
848
852
  --button-star-iconColor: #d5a824;
849
853
  --buttonCounter-default-bgColor-rest: #c8d1da;
850
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
854
+ --buttonCounter-invisible-bgColor-rest: #e0e6eb;
851
855
  --buttonCounter-primary-bgColor-rest: #00230b33;
852
856
  --buttonCounter-outline-bgColor-rest: #0349b41a;
853
857
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1006,7 +1010,7 @@
1006
1010
  --fgColor-black: #010409;
1007
1011
  --fgColor-disabled: #59636e;
1008
1012
  --fgColor-link: #023b95;
1009
- --fgColor-neutral: #454c54;
1013
+ --fgColor-neutral: #393f46;
1010
1014
  --fgColor-accent: #023b95;
1011
1015
  --fgColor-success: #024c1a;
1012
1016
  --fgColor-open: #024c1a;
@@ -1026,7 +1030,7 @@
1026
1030
  --bgColor-black: #010409;
1027
1031
  --bgColor-disabled: #e0e6eb;
1028
1032
  --bgColor-transparent: #ffffff00;
1029
- --bgColor-neutral-muted: #e0e6ebb3;
1033
+ --bgColor-neutral-muted: #e0e6eb;
1030
1034
  --bgColor-neutral-emphasis: #454c54;
1031
1035
  --bgColor-accent-muted: #dff7ff;
1032
1036
  --bgColor-accent-emphasis: #0349b4;
@@ -1055,7 +1059,7 @@
1055
1059
  --borderColor-transparent: #ffffff00;
1056
1060
  --borderColor-translucent: #59636e;
1057
1061
  --borderColor-neutral-muted: #454c54;
1058
- --borderColor-neutral-emphasis: #454c54;
1062
+ --borderColor-neutral-emphasis: #59636e;
1059
1063
  --borderColor-accent-muted: #368cf9;
1060
1064
  --borderColor-accent-emphasis: #0349b4;
1061
1065
  --borderColor-success-muted: #26a148;
@@ -1068,11 +1072,11 @@
1068
1072
  --borderColor-severe-emphasis: #873800;
1069
1073
  --borderColor-danger-muted: #ee5a5d;
1070
1074
  --borderColor-danger-emphasis: #a0111f;
1071
- --borderColor-closed-muted: #ee5a5d66;
1075
+ --borderColor-closed-muted: #ee5a5d;
1072
1076
  --borderColor-closed-emphasis: #a0111f;
1073
1077
  --borderColor-done-muted: #a371f7;
1074
1078
  --borderColor-done-emphasis: #622cbc;
1075
- --borderColor-upsell-muted: #a371f766;
1079
+ --borderColor-upsell-muted: #a371f7;
1076
1080
  --borderColor-upsell-emphasis: #622cbc;
1077
1081
  --borderColor-sponsors-muted: #ed4baf;
1078
1082
  --borderColor-sponsors-emphasis: #971368;
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #59636e;
26
26
  --codeMirror-cursor-fgColor: #1f2328;
27
27
  --codeMirror-selection-bgColor: #54aeff66;
28
- --codeMirror-activeline-bgColor: #e0e6ebb3;
28
+ --codeMirror-activeline-bgColor: #818b981f;
29
29
  --codeMirror-matchingBracket-fgColor: #1f2328;
30
30
  --codeMirror-lines-bgColor: #ffffff;
31
31
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #eff2f5;
216
216
  --controlKnob-borderColor-checked: #0969da;
217
217
  --counter-borderColor: #ffffff00;
218
+ --counter-bgColor-muted: #818b981f;
219
+ --counter-bgColor-emphasis: #59636e;
218
220
  --button-default-fgColor-rest: #25292e;
219
221
  --button-default-bgColor-rest: #f6f8fa;
220
222
  --button-default-bgColor-hover: #eff2f5;
@@ -238,8 +240,8 @@
238
240
  --button-primary-borderColor-active: #1f232826;
239
241
  --button-primary-borderColor-disabled: #92caff;
240
242
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
241
- --button-invisible-fgColor-rest: #59636e;
242
- --button-invisible-fgColor-hover: #59636e;
243
+ --button-invisible-fgColor-rest: #25292e;
244
+ --button-invisible-fgColor-hover: #25292e;
243
245
  --button-invisible-fgColor-disabled: #818b98;
244
246
  --button-invisible-iconColor-rest: #59636e;
245
247
  --button-invisible-iconColor-hover: #59636e;
@@ -279,8 +281,8 @@
279
281
  --button-inactive-fgColor: #59636e;
280
282
  --button-inactive-bgColor: #e6eaef;
281
283
  --button-star-iconColor: #eac54f;
282
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
283
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
284
+ --buttonCounter-default-bgColor-rest: #818b981f;
285
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
284
286
  --buttonCounter-primary-bgColor-rest: #002d1133;
285
287
  --buttonCounter-outline-bgColor-rest: #0969da1a;
286
288
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -459,7 +461,7 @@
459
461
  --bgColor-black: #1f2328;
460
462
  --bgColor-disabled: #eff2f5;
461
463
  --bgColor-transparent: #ffffff00;
462
- --bgColor-neutral-muted: #e0e6ebb3;
464
+ --bgColor-neutral-muted: #818b981f;
463
465
  --bgColor-neutral-emphasis: #59636e;
464
466
  --bgColor-accent-muted: #ddf4ff;
465
467
  --bgColor-accent-emphasis: #0969da;
@@ -473,7 +475,7 @@
473
475
  --bgColor-severe-emphasis: #cf222e;
474
476
  --bgColor-danger-muted: #ffebe9;
475
477
  --bgColor-danger-emphasis: #cf222e;
476
- --bgColor-closed-muted: #e0e6ebb3;
478
+ --bgColor-closed-muted: #818b981f;
477
479
  --bgColor-closed-emphasis: #59636e;
478
480
  --bgColor-done-muted: #fbefff;
479
481
  --bgColor-done-emphasis: #8250df;
@@ -488,7 +490,7 @@
488
490
  --borderColor-transparent: #ffffff00;
489
491
  --borderColor-translucent: #1f232826;
490
492
  --borderColor-neutral-muted: #d1d9e0b3;
491
- --borderColor-neutral-emphasis: #818b98;
493
+ --borderColor-neutral-emphasis: #59636e;
492
494
  --borderColor-accent-muted: #54aeff66;
493
495
  --borderColor-accent-emphasis: #0969da;
494
496
  --borderColor-success-muted: #54aeff66;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #59636e;
593
595
  --codeMirror-cursor-fgColor: #1f2328;
594
596
  --codeMirror-selection-bgColor: #54aeff66;
595
- --codeMirror-activeline-bgColor: #e0e6ebb3;
597
+ --codeMirror-activeline-bgColor: #818b981f;
596
598
  --codeMirror-matchingBracket-fgColor: #1f2328;
597
599
  --codeMirror-lines-bgColor: #ffffff;
598
600
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #eff2f5;
783
785
  --controlKnob-borderColor-checked: #0969da;
784
786
  --counter-borderColor: #ffffff00;
787
+ --counter-bgColor-muted: #818b981f;
788
+ --counter-bgColor-emphasis: #59636e;
785
789
  --button-default-fgColor-rest: #25292e;
786
790
  --button-default-bgColor-rest: #f6f8fa;
787
791
  --button-default-bgColor-hover: #eff2f5;
@@ -805,8 +809,8 @@
805
809
  --button-primary-borderColor-active: #1f232826;
806
810
  --button-primary-borderColor-disabled: #92caff;
807
811
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d;
808
- --button-invisible-fgColor-rest: #59636e;
809
- --button-invisible-fgColor-hover: #59636e;
812
+ --button-invisible-fgColor-rest: #25292e;
813
+ --button-invisible-fgColor-hover: #25292e;
810
814
  --button-invisible-fgColor-disabled: #818b98;
811
815
  --button-invisible-iconColor-rest: #59636e;
812
816
  --button-invisible-iconColor-hover: #59636e;
@@ -846,8 +850,8 @@
846
850
  --button-inactive-fgColor: #59636e;
847
851
  --button-inactive-bgColor: #e6eaef;
848
852
  --button-star-iconColor: #eac54f;
849
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
850
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
853
+ --buttonCounter-default-bgColor-rest: #818b981f;
854
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
851
855
  --buttonCounter-primary-bgColor-rest: #002d1133;
852
856
  --buttonCounter-outline-bgColor-rest: #0969da1a;
853
857
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1026,7 +1030,7 @@
1026
1030
  --bgColor-black: #1f2328;
1027
1031
  --bgColor-disabled: #eff2f5;
1028
1032
  --bgColor-transparent: #ffffff00;
1029
- --bgColor-neutral-muted: #e0e6ebb3;
1033
+ --bgColor-neutral-muted: #818b981f;
1030
1034
  --bgColor-neutral-emphasis: #59636e;
1031
1035
  --bgColor-accent-muted: #ddf4ff;
1032
1036
  --bgColor-accent-emphasis: #0969da;
@@ -1040,7 +1044,7 @@
1040
1044
  --bgColor-severe-emphasis: #cf222e;
1041
1045
  --bgColor-danger-muted: #ffebe9;
1042
1046
  --bgColor-danger-emphasis: #cf222e;
1043
- --bgColor-closed-muted: #e0e6ebb3;
1047
+ --bgColor-closed-muted: #818b981f;
1044
1048
  --bgColor-closed-emphasis: #59636e;
1045
1049
  --bgColor-done-muted: #fbefff;
1046
1050
  --bgColor-done-emphasis: #8250df;
@@ -1055,7 +1059,7 @@
1055
1059
  --borderColor-transparent: #ffffff00;
1056
1060
  --borderColor-translucent: #1f232826;
1057
1061
  --borderColor-neutral-muted: #d1d9e0b3;
1058
- --borderColor-neutral-emphasis: #818b98;
1062
+ --borderColor-neutral-emphasis: #59636e;
1059
1063
  --borderColor-accent-muted: #54aeff66;
1060
1064
  --borderColor-accent-emphasis: #0969da;
1061
1065
  --borderColor-success-muted: #54aeff66;
package/dist/css/functional/themes/light.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --codeMirror-lineNumber-fgColor: #59636e;
26
26
  --codeMirror-cursor-fgColor: #1f2328;
27
27
  --codeMirror-selection-bgColor: #54aeff66;
28
- --codeMirror-activeline-bgColor: #e0e6ebb3;
28
+ --codeMirror-activeline-bgColor: #818b981f;
29
29
  --codeMirror-matchingBracket-fgColor: #1f2328;
30
30
  --codeMirror-lines-bgColor: #ffffff;
31
31
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -215,6 +215,8 @@
215
215
  --controlKnob-borderColor-disabled: #eff2f5;
216
216
  --controlKnob-borderColor-checked: #0969da;
217
217
  --counter-borderColor: #ffffff00;
218
+ --counter-bgColor-muted: #818b981f;
219
+ --counter-bgColor-emphasis: #59636e;
218
220
  --button-default-fgColor-rest: #25292e;
219
221
  --button-default-bgColor-rest: #f6f8fa;
220
222
  --button-default-bgColor-hover: #eff2f5;
@@ -238,8 +240,8 @@
238
240
  --button-primary-borderColor-active: #1f232826;
239
241
  --button-primary-borderColor-disabled: #95d8a6;
240
242
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
241
- --button-invisible-fgColor-rest: #59636e;
242
- --button-invisible-fgColor-hover: #59636e;
243
+ --button-invisible-fgColor-rest: #25292e;
244
+ --button-invisible-fgColor-hover: #25292e;
243
245
  --button-invisible-fgColor-disabled: #818b98;
244
246
  --button-invisible-iconColor-rest: #59636e;
245
247
  --button-invisible-iconColor-hover: #59636e;
@@ -279,8 +281,8 @@
279
281
  --button-inactive-fgColor: #59636e;
280
282
  --button-inactive-bgColor: #e6eaef;
281
283
  --button-star-iconColor: #eac54f;
282
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
283
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
284
+ --buttonCounter-default-bgColor-rest: #818b981f;
285
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
284
286
  --buttonCounter-primary-bgColor-rest: #002d1133;
285
287
  --buttonCounter-outline-bgColor-rest: #0969da1a;
286
288
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -459,7 +461,7 @@
459
461
  --bgColor-black: #1f2328;
460
462
  --bgColor-disabled: #eff2f5;
461
463
  --bgColor-transparent: #ffffff00;
462
- --bgColor-neutral-muted: #e0e6ebb3;
464
+ --bgColor-neutral-muted: #818b981f;
463
465
  --bgColor-neutral-emphasis: #59636e;
464
466
  --bgColor-accent-muted: #ddf4ff;
465
467
  --bgColor-accent-emphasis: #0969da;
@@ -488,7 +490,7 @@
488
490
  --borderColor-transparent: #ffffff00;
489
491
  --borderColor-translucent: #1f232826;
490
492
  --borderColor-neutral-muted: #d1d9e0b3;
491
- --borderColor-neutral-emphasis: #818b98;
493
+ --borderColor-neutral-emphasis: #59636e;
492
494
  --borderColor-accent-muted: #54aeff66;
493
495
  --borderColor-accent-emphasis: #0969da;
494
496
  --borderColor-success-muted: #4ac26b66;
@@ -592,7 +594,7 @@
592
594
  --codeMirror-lineNumber-fgColor: #59636e;
593
595
  --codeMirror-cursor-fgColor: #1f2328;
594
596
  --codeMirror-selection-bgColor: #54aeff66;
595
- --codeMirror-activeline-bgColor: #e0e6ebb3;
597
+ --codeMirror-activeline-bgColor: #818b981f;
596
598
  --codeMirror-matchingBracket-fgColor: #1f2328;
597
599
  --codeMirror-lines-bgColor: #ffffff;
598
600
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -782,6 +784,8 @@
782
784
  --controlKnob-borderColor-disabled: #eff2f5;
783
785
  --controlKnob-borderColor-checked: #0969da;
784
786
  --counter-borderColor: #ffffff00;
787
+ --counter-bgColor-muted: #818b981f;
788
+ --counter-bgColor-emphasis: #59636e;
785
789
  --button-default-fgColor-rest: #25292e;
786
790
  --button-default-bgColor-rest: #f6f8fa;
787
791
  --button-default-bgColor-hover: #eff2f5;
@@ -805,8 +809,8 @@
805
809
  --button-primary-borderColor-active: #1f232826;
806
810
  --button-primary-borderColor-disabled: #95d8a6;
807
811
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
808
- --button-invisible-fgColor-rest: #59636e;
809
- --button-invisible-fgColor-hover: #59636e;
812
+ --button-invisible-fgColor-rest: #25292e;
813
+ --button-invisible-fgColor-hover: #25292e;
810
814
  --button-invisible-fgColor-disabled: #818b98;
811
815
  --button-invisible-iconColor-rest: #59636e;
812
816
  --button-invisible-iconColor-hover: #59636e;
@@ -846,8 +850,8 @@
846
850
  --button-inactive-fgColor: #59636e;
847
851
  --button-inactive-bgColor: #e6eaef;
848
852
  --button-star-iconColor: #eac54f;
849
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
850
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
853
+ --buttonCounter-default-bgColor-rest: #818b981f;
854
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
851
855
  --buttonCounter-primary-bgColor-rest: #002d1133;
852
856
  --buttonCounter-outline-bgColor-rest: #0969da1a;
853
857
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1026,7 +1030,7 @@
1026
1030
  --bgColor-black: #1f2328;
1027
1031
  --bgColor-disabled: #eff2f5;
1028
1032
  --bgColor-transparent: #ffffff00;
1029
- --bgColor-neutral-muted: #e0e6ebb3;
1033
+ --bgColor-neutral-muted: #818b981f;
1030
1034
  --bgColor-neutral-emphasis: #59636e;
1031
1035
  --bgColor-accent-muted: #ddf4ff;
1032
1036
  --bgColor-accent-emphasis: #0969da;
@@ -1055,7 +1059,7 @@
1055
1059
  --borderColor-transparent: #ffffff00;
1056
1060
  --borderColor-translucent: #1f232826;
1057
1061
  --borderColor-neutral-muted: #d1d9e0b3;
1058
- --borderColor-neutral-emphasis: #818b98;
1062
+ --borderColor-neutral-emphasis: #59636e;
1059
1063
  --borderColor-accent-muted: #54aeff66;
1060
1064
  --borderColor-accent-emphasis: #0969da;
1061
1065
  --borderColor-success-muted: #4ac26b66;