@primer/primitives 9.0.0-rc.fa8264ac → 9.0.0

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 +12 -8
  2. package/dist/css/functional/themes/dark-dimmed.css +10 -6
  3. package/dist/css/functional/themes/dark-high-contrast.css +54 -50
  4. package/dist/css/functional/themes/dark-tritanopia.css +12 -8
  5. package/dist/css/functional/themes/dark.css +10 -6
  6. package/dist/css/functional/themes/light-colorblind.css +16 -12
  7. package/dist/css/functional/themes/light-high-contrast.css +22 -18
  8. package/dist/css/functional/themes/light-tritanopia.css +16 -12
  9. package/dist/css/functional/themes/light.css +14 -10
  10. package/dist/docs/functional/themes/dark-colorblind.json +153 -97
  11. package/dist/docs/functional/themes/dark-dimmed.json +155 -99
  12. package/dist/docs/functional/themes/dark-high-contrast.json +243 -161
  13. package/dist/docs/functional/themes/dark-tritanopia.json +153 -97
  14. package/dist/docs/functional/themes/dark.json +152 -96
  15. package/dist/docs/functional/themes/light-colorblind.json +159 -101
  16. package/dist/docs/functional/themes/light-high-contrast.json +177 -117
  17. package/dist/docs/functional/themes/light-tritanopia.json +159 -101
  18. package/dist/docs/functional/themes/light.json +158 -100
  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 +1023 -992
  35. package/dist/figma/themes/dark-dimmed.json +1943 -1912
  36. package/dist/figma/themes/dark-high-contrast.json +2865 -2830
  37. package/dist/figma/themes/dark-tritanopia.json +1022 -991
  38. package/dist/figma/themes/dark.json +1019 -988
  39. package/dist/figma/themes/light-colorblind.json +1419 -1387
  40. package/dist/figma/themes/light-high-contrast.json +1254 -1221
  41. package/dist/figma/themes/light-tritanopia.json +1419 -1387
  42. package/dist/figma/themes/light.json +1357 -1325
  43. package/dist/internalCss/dark-colorblind.css +40 -32
  44. package/dist/internalCss/dark-dimmed.css +38 -30
  45. package/dist/internalCss/dark-high-contrast.css +82 -74
  46. package/dist/internalCss/dark-tritanopia.css +40 -32
  47. package/dist/internalCss/dark.css +38 -30
  48. package/dist/internalCss/light-colorblind.css +46 -38
  49. package/dist/internalCss/light-high-contrast.css +52 -44
  50. package/dist/internalCss/light-tritanopia.css +46 -38
  51. package/dist/internalCss/light.css +44 -36
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +153 -97
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +155 -99
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +243 -161
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -97
  56. package/dist/styleLint/functional/themes/dark.json +152 -96
  57. package/dist/styleLint/functional/themes/light-colorblind.json +159 -101
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +177 -117
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +159 -101
  60. package/dist/styleLint/functional/themes/light.json +158 -100
  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 +62 -37
  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 +65 -39
  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/internalCss/light-high-contrast.css CHANGED
@@ -3,21 +3,23 @@
3
3
  [data-color-mode="auto"][data-light-theme="light_high_contrast"],
4
4
  [data-color-mode="auto"][data-light-theme="light_high_contrast"] ::backdrop {
5
5
  --base-color-black: #010409;
6
- --base-color-inset: #f6f8fa;
6
+ --base-color-inset: #ffffff;
7
7
  --base-color-transparent: #ffffff00;
8
8
  --base-color-white: #ffffff;
9
- --base-color-neutral-0: #f6f8fa;
10
- --base-color-neutral-1: #eff2f5;
11
- --base-color-neutral-2: #e6eaef;
12
- --base-color-neutral-3: #e0e6eb;
13
- --base-color-neutral-4: #dae0e7;
14
- --base-color-neutral-5: #d1d9e0;
15
- --base-color-neutral-6: #c8d1da;
16
- --base-color-neutral-7: #818b98;
17
- --base-color-neutral-8: #59636e;
18
- --base-color-neutral-9: #454c54;
19
- --base-color-neutral-10: #393f46;
20
- --base-color-neutral-11: #25292e;
9
+ --base-color-neutral-0: #ffffff;
10
+ --base-color-neutral-1: #f6f8fa;
11
+ --base-color-neutral-2: #eff2f5;
12
+ --base-color-neutral-3: #e6eaef;
13
+ --base-color-neutral-4: #e0e6eb;
14
+ --base-color-neutral-5: #dae0e7;
15
+ --base-color-neutral-6: #d1d9e0;
16
+ --base-color-neutral-7: #c8d1da;
17
+ --base-color-neutral-8: #818b98;
18
+ --base-color-neutral-9: #59636e;
19
+ --base-color-neutral-10: #454c54;
20
+ --base-color-neutral-11: #393f46;
21
+ --base-color-neutral-12: #25292e;
22
+ --base-color-neutral-13: #010409;
21
23
  --base-color-blue-0: #dff7ff;
22
24
  --base-color-blue-1: #9cd7ff;
23
25
  --base-color-blue-2: #67b3fd;
@@ -313,7 +315,7 @@
313
315
  --codeMirror-lineNumber-fgColor: #454c54;
314
316
  --codeMirror-cursor-fgColor: #010409;
315
317
  --codeMirror-selection-bgColor: #368cf9;
316
- --codeMirror-activeline-bgColor: #e0e6ebb3;
318
+ --codeMirror-activeline-bgColor: #e0e6eb;
317
319
  --codeMirror-matchingBracket-fgColor: #010409;
318
320
  --codeMirror-lines-bgColor: #ffffff;
319
321
  --codeMirror-syntax-fgColor-comment: #010409;
@@ -503,6 +505,8 @@
503
505
  --controlKnob-borderColor-disabled: #e0e6eb;
504
506
  --controlKnob-borderColor-checked: #0349b4;
505
507
  --counter-borderColor: #454c54;
508
+ --counter-bgColor-muted: #e0e6eb;
509
+ --counter-bgColor-emphasis: #454c54;
506
510
  --button-default-fgColor-rest: #25292e;
507
511
  --button-default-bgColor-rest: #e0e6eb;
508
512
  --button-default-bgColor-hover: #dae0e7;
@@ -527,10 +531,10 @@
527
531
  --button-primary-borderColor-disabled: #85cb97;
528
532
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
529
533
  --button-invisible-fgColor-rest: #454c54;
530
- --button-invisible-fgColor-hover: #454c54;
534
+ --button-invisible-fgColor-hover: #393f46;
531
535
  --button-invisible-fgColor-disabled: #59636e;
532
536
  --button-invisible-iconColor-rest: #454c54;
533
- --button-invisible-iconColor-hover: #454c54;
537
+ --button-invisible-iconColor-hover: #393f46;
534
538
  --button-invisible-iconColor-disabled: #59636e;
535
539
  --button-invisible-bgColor-rest: #ffffff00;
536
540
  --button-invisible-bgColor-hover: #dae0e7;
@@ -568,7 +572,7 @@
568
572
  --button-inactive-bgColor: #e0e6eb;
569
573
  --button-star-iconColor: #d5a824;
570
574
  --buttonCounter-default-bgColor-rest: #c8d1da;
571
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
575
+ --buttonCounter-invisible-bgColor-rest: #e0e6eb;
572
576
  --buttonCounter-primary-bgColor-rest: #00230b33;
573
577
  --buttonCounter-outline-bgColor-rest: #0349b41a;
574
578
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -727,7 +731,7 @@
727
731
  --fgColor-black: #010409;
728
732
  --fgColor-disabled: #59636e;
729
733
  --fgColor-link: #023b95;
730
- --fgColor-neutral: #454c54;
734
+ --fgColor-neutral: #393f46;
731
735
  --fgColor-accent: #023b95;
732
736
  --fgColor-success: #024c1a;
733
737
  --fgColor-open: #024c1a;
@@ -747,7 +751,7 @@
747
751
  --bgColor-black: #010409;
748
752
  --bgColor-disabled: #e0e6eb;
749
753
  --bgColor-transparent: #ffffff00;
750
- --bgColor-neutral-muted: #e0e6ebb3;
754
+ --bgColor-neutral-muted: #e0e6eb;
751
755
  --bgColor-neutral-emphasis: #454c54;
752
756
  --bgColor-accent-muted: #dff7ff;
753
757
  --bgColor-accent-emphasis: #0349b4;
@@ -776,7 +780,7 @@
776
780
  --borderColor-transparent: #ffffff00;
777
781
  --borderColor-translucent: #59636e;
778
782
  --borderColor-neutral-muted: #454c54;
779
- --borderColor-neutral-emphasis: #454c54;
783
+ --borderColor-neutral-emphasis: #59636e;
780
784
  --borderColor-accent-muted: #368cf9;
781
785
  --borderColor-accent-emphasis: #0349b4;
782
786
  --borderColor-success-muted: #26a148;
@@ -789,11 +793,11 @@
789
793
  --borderColor-severe-emphasis: #873800;
790
794
  --borderColor-danger-muted: #ee5a5d;
791
795
  --borderColor-danger-emphasis: #a0111f;
792
- --borderColor-closed-muted: #ee5a5d66;
796
+ --borderColor-closed-muted: #ee5a5d;
793
797
  --borderColor-closed-emphasis: #a0111f;
794
798
  --borderColor-done-muted: #a371f7;
795
799
  --borderColor-done-emphasis: #622cbc;
796
- --borderColor-upsell-muted: #a371f766;
800
+ --borderColor-upsell-muted: #a371f7;
797
801
  --borderColor-upsell-emphasis: #622cbc;
798
802
  --borderColor-sponsors-muted: #ed4baf;
799
803
  --borderColor-sponsors-emphasis: #971368;
@@ -858,21 +862,23 @@
858
862
  [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
859
863
  [data-color-mode="auto"][data-dark-theme="light_high_contrast"] ::backdrop {
860
864
  --base-color-black: #010409;
861
- --base-color-inset: #f6f8fa;
865
+ --base-color-inset: #ffffff;
862
866
  --base-color-transparent: #ffffff00;
863
867
  --base-color-white: #ffffff;
864
- --base-color-neutral-0: #f6f8fa;
865
- --base-color-neutral-1: #eff2f5;
866
- --base-color-neutral-2: #e6eaef;
867
- --base-color-neutral-3: #e0e6eb;
868
- --base-color-neutral-4: #dae0e7;
869
- --base-color-neutral-5: #d1d9e0;
870
- --base-color-neutral-6: #c8d1da;
871
- --base-color-neutral-7: #818b98;
872
- --base-color-neutral-8: #59636e;
873
- --base-color-neutral-9: #454c54;
874
- --base-color-neutral-10: #393f46;
875
- --base-color-neutral-11: #25292e;
868
+ --base-color-neutral-0: #ffffff;
869
+ --base-color-neutral-1: #f6f8fa;
870
+ --base-color-neutral-2: #eff2f5;
871
+ --base-color-neutral-3: #e6eaef;
872
+ --base-color-neutral-4: #e0e6eb;
873
+ --base-color-neutral-5: #dae0e7;
874
+ --base-color-neutral-6: #d1d9e0;
875
+ --base-color-neutral-7: #c8d1da;
876
+ --base-color-neutral-8: #818b98;
877
+ --base-color-neutral-9: #59636e;
878
+ --base-color-neutral-10: #454c54;
879
+ --base-color-neutral-11: #393f46;
880
+ --base-color-neutral-12: #25292e;
881
+ --base-color-neutral-13: #010409;
876
882
  --base-color-blue-0: #dff7ff;
877
883
  --base-color-blue-1: #9cd7ff;
878
884
  --base-color-blue-2: #67b3fd;
@@ -1168,7 +1174,7 @@
1168
1174
  --codeMirror-lineNumber-fgColor: #454c54;
1169
1175
  --codeMirror-cursor-fgColor: #010409;
1170
1176
  --codeMirror-selection-bgColor: #368cf9;
1171
- --codeMirror-activeline-bgColor: #e0e6ebb3;
1177
+ --codeMirror-activeline-bgColor: #e0e6eb;
1172
1178
  --codeMirror-matchingBracket-fgColor: #010409;
1173
1179
  --codeMirror-lines-bgColor: #ffffff;
1174
1180
  --codeMirror-syntax-fgColor-comment: #010409;
@@ -1358,6 +1364,8 @@
1358
1364
  --controlKnob-borderColor-disabled: #e0e6eb;
1359
1365
  --controlKnob-borderColor-checked: #0349b4;
1360
1366
  --counter-borderColor: #454c54;
1367
+ --counter-bgColor-muted: #e0e6eb;
1368
+ --counter-bgColor-emphasis: #454c54;
1361
1369
  --button-default-fgColor-rest: #25292e;
1362
1370
  --button-default-bgColor-rest: #e0e6eb;
1363
1371
  --button-default-bgColor-hover: #dae0e7;
@@ -1382,10 +1390,10 @@
1382
1390
  --button-primary-borderColor-disabled: #85cb97;
1383
1391
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
1384
1392
  --button-invisible-fgColor-rest: #454c54;
1385
- --button-invisible-fgColor-hover: #454c54;
1393
+ --button-invisible-fgColor-hover: #393f46;
1386
1394
  --button-invisible-fgColor-disabled: #59636e;
1387
1395
  --button-invisible-iconColor-rest: #454c54;
1388
- --button-invisible-iconColor-hover: #454c54;
1396
+ --button-invisible-iconColor-hover: #393f46;
1389
1397
  --button-invisible-iconColor-disabled: #59636e;
1390
1398
  --button-invisible-bgColor-rest: #ffffff00;
1391
1399
  --button-invisible-bgColor-hover: #dae0e7;
@@ -1423,7 +1431,7 @@
1423
1431
  --button-inactive-bgColor: #e0e6eb;
1424
1432
  --button-star-iconColor: #d5a824;
1425
1433
  --buttonCounter-default-bgColor-rest: #c8d1da;
1426
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
1434
+ --buttonCounter-invisible-bgColor-rest: #e0e6eb;
1427
1435
  --buttonCounter-primary-bgColor-rest: #00230b33;
1428
1436
  --buttonCounter-outline-bgColor-rest: #0349b41a;
1429
1437
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1582,7 +1590,7 @@
1582
1590
  --fgColor-black: #010409;
1583
1591
  --fgColor-disabled: #59636e;
1584
1592
  --fgColor-link: #023b95;
1585
- --fgColor-neutral: #454c54;
1593
+ --fgColor-neutral: #393f46;
1586
1594
  --fgColor-accent: #023b95;
1587
1595
  --fgColor-success: #024c1a;
1588
1596
  --fgColor-open: #024c1a;
@@ -1602,7 +1610,7 @@
1602
1610
  --bgColor-black: #010409;
1603
1611
  --bgColor-disabled: #e0e6eb;
1604
1612
  --bgColor-transparent: #ffffff00;
1605
- --bgColor-neutral-muted: #e0e6ebb3;
1613
+ --bgColor-neutral-muted: #e0e6eb;
1606
1614
  --bgColor-neutral-emphasis: #454c54;
1607
1615
  --bgColor-accent-muted: #dff7ff;
1608
1616
  --bgColor-accent-emphasis: #0349b4;
@@ -1631,7 +1639,7 @@
1631
1639
  --borderColor-transparent: #ffffff00;
1632
1640
  --borderColor-translucent: #59636e;
1633
1641
  --borderColor-neutral-muted: #454c54;
1634
- --borderColor-neutral-emphasis: #454c54;
1642
+ --borderColor-neutral-emphasis: #59636e;
1635
1643
  --borderColor-accent-muted: #368cf9;
1636
1644
  --borderColor-accent-emphasis: #0349b4;
1637
1645
  --borderColor-success-muted: #26a148;
@@ -1644,11 +1652,11 @@
1644
1652
  --borderColor-severe-emphasis: #873800;
1645
1653
  --borderColor-danger-muted: #ee5a5d;
1646
1654
  --borderColor-danger-emphasis: #a0111f;
1647
- --borderColor-closed-muted: #ee5a5d66;
1655
+ --borderColor-closed-muted: #ee5a5d;
1648
1656
  --borderColor-closed-emphasis: #a0111f;
1649
1657
  --borderColor-done-muted: #a371f7;
1650
1658
  --borderColor-done-emphasis: #622cbc;
1651
- --borderColor-upsell-muted: #a371f766;
1659
+ --borderColor-upsell-muted: #a371f7;
1652
1660
  --borderColor-upsell-emphasis: #622cbc;
1653
1661
  --borderColor-sponsors-muted: #ed4baf;
1654
1662
  --borderColor-sponsors-emphasis: #971368;
package/dist/internalCss/light-tritanopia.css CHANGED
@@ -3,21 +3,23 @@
3
3
  [data-color-mode="auto"][data-light-theme="light_tritanopia"],
4
4
  [data-color-mode="auto"][data-light-theme="light_tritanopia"] ::backdrop {
5
5
  --base-color-black: #1f2328;
6
- --base-color-inset: #f6f8fa;
6
+ --base-color-inset: #ffffff;
7
7
  --base-color-transparent: #ffffff00;
8
8
  --base-color-white: #ffffff;
9
- --base-color-neutral-0: #f6f8fa;
10
- --base-color-neutral-1: #eff2f5;
11
- --base-color-neutral-2: #e6eaef;
12
- --base-color-neutral-3: #e0e6eb;
13
- --base-color-neutral-4: #dae0e7;
14
- --base-color-neutral-5: #d1d9e0;
15
- --base-color-neutral-6: #c8d1da;
16
- --base-color-neutral-7: #818b98;
17
- --base-color-neutral-8: #59636e;
18
- --base-color-neutral-9: #454c54;
19
- --base-color-neutral-10: #393f46;
20
- --base-color-neutral-11: #25292e;
9
+ --base-color-neutral-0: #ffffff;
10
+ --base-color-neutral-1: #f6f8fa;
11
+ --base-color-neutral-2: #eff2f5;
12
+ --base-color-neutral-3: #e6eaef;
13
+ --base-color-neutral-4: #e0e6eb;
14
+ --base-color-neutral-5: #dae0e7;
15
+ --base-color-neutral-6: #d1d9e0;
16
+ --base-color-neutral-7: #c8d1da;
17
+ --base-color-neutral-8: #818b98;
18
+ --base-color-neutral-9: #59636e;
19
+ --base-color-neutral-10: #454c54;
20
+ --base-color-neutral-11: #393f46;
21
+ --base-color-neutral-12: #25292e;
22
+ --base-color-neutral-13: #1f2328;
21
23
  --base-color-blue-0: #ddf4ff;
22
24
  --base-color-blue-1: #b6e3ff;
23
25
  --base-color-blue-2: #80ccff;
@@ -313,7 +315,7 @@
313
315
  --codeMirror-lineNumber-fgColor: #59636e;
314
316
  --codeMirror-cursor-fgColor: #1f2328;
315
317
  --codeMirror-selection-bgColor: #54aeff66;
316
- --codeMirror-activeline-bgColor: #e0e6ebb3;
318
+ --codeMirror-activeline-bgColor: #818b981f;
317
319
  --codeMirror-matchingBracket-fgColor: #1f2328;
318
320
  --codeMirror-lines-bgColor: #ffffff;
319
321
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -503,6 +505,8 @@
503
505
  --controlKnob-borderColor-disabled: #eff2f5;
504
506
  --controlKnob-borderColor-checked: #0969da;
505
507
  --counter-borderColor: #ffffff00;
508
+ --counter-bgColor-muted: #818b981f;
509
+ --counter-bgColor-emphasis: #59636e;
506
510
  --button-default-fgColor-rest: #25292e;
507
511
  --button-default-bgColor-rest: #f6f8fa;
508
512
  --button-default-bgColor-hover: #eff2f5;
@@ -567,8 +571,8 @@
567
571
  --button-inactive-fgColor: #59636e;
568
572
  --button-inactive-bgColor: #e6eaef;
569
573
  --button-star-iconColor: #eac54f;
570
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
571
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
574
+ --buttonCounter-default-bgColor-rest: #818b981f;
575
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
572
576
  --buttonCounter-primary-bgColor-rest: #002d1133;
573
577
  --buttonCounter-outline-bgColor-rest: #0969da1a;
574
578
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -747,7 +751,7 @@
747
751
  --bgColor-black: #1f2328;
748
752
  --bgColor-disabled: #eff2f5;
749
753
  --bgColor-transparent: #ffffff00;
750
- --bgColor-neutral-muted: #e0e6ebb3;
754
+ --bgColor-neutral-muted: #818b981f;
751
755
  --bgColor-neutral-emphasis: #59636e;
752
756
  --bgColor-accent-muted: #ddf4ff;
753
757
  --bgColor-accent-emphasis: #0969da;
@@ -761,7 +765,7 @@
761
765
  --bgColor-severe-emphasis: #cf222e;
762
766
  --bgColor-danger-muted: #ffebe9;
763
767
  --bgColor-danger-emphasis: #cf222e;
764
- --bgColor-closed-muted: #e0e6ebb3;
768
+ --bgColor-closed-muted: #818b981f;
765
769
  --bgColor-closed-emphasis: #59636e;
766
770
  --bgColor-done-muted: #fbefff;
767
771
  --bgColor-done-emphasis: #8250df;
@@ -776,7 +780,7 @@
776
780
  --borderColor-transparent: #ffffff00;
777
781
  --borderColor-translucent: #1f232826;
778
782
  --borderColor-neutral-muted: #d1d9e0b3;
779
- --borderColor-neutral-emphasis: #818b98;
783
+ --borderColor-neutral-emphasis: #59636e;
780
784
  --borderColor-accent-muted: #54aeff66;
781
785
  --borderColor-accent-emphasis: #0969da;
782
786
  --borderColor-success-muted: #54aeff66;
@@ -858,21 +862,23 @@
858
862
  [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
859
863
  [data-color-mode="auto"][data-dark-theme="light_tritanopia"] ::backdrop {
860
864
  --base-color-black: #1f2328;
861
- --base-color-inset: #f6f8fa;
865
+ --base-color-inset: #ffffff;
862
866
  --base-color-transparent: #ffffff00;
863
867
  --base-color-white: #ffffff;
864
- --base-color-neutral-0: #f6f8fa;
865
- --base-color-neutral-1: #eff2f5;
866
- --base-color-neutral-2: #e6eaef;
867
- --base-color-neutral-3: #e0e6eb;
868
- --base-color-neutral-4: #dae0e7;
869
- --base-color-neutral-5: #d1d9e0;
870
- --base-color-neutral-6: #c8d1da;
871
- --base-color-neutral-7: #818b98;
872
- --base-color-neutral-8: #59636e;
873
- --base-color-neutral-9: #454c54;
874
- --base-color-neutral-10: #393f46;
875
- --base-color-neutral-11: #25292e;
868
+ --base-color-neutral-0: #ffffff;
869
+ --base-color-neutral-1: #f6f8fa;
870
+ --base-color-neutral-2: #eff2f5;
871
+ --base-color-neutral-3: #e6eaef;
872
+ --base-color-neutral-4: #e0e6eb;
873
+ --base-color-neutral-5: #dae0e7;
874
+ --base-color-neutral-6: #d1d9e0;
875
+ --base-color-neutral-7: #c8d1da;
876
+ --base-color-neutral-8: #818b98;
877
+ --base-color-neutral-9: #59636e;
878
+ --base-color-neutral-10: #454c54;
879
+ --base-color-neutral-11: #393f46;
880
+ --base-color-neutral-12: #25292e;
881
+ --base-color-neutral-13: #1f2328;
876
882
  --base-color-blue-0: #ddf4ff;
877
883
  --base-color-blue-1: #b6e3ff;
878
884
  --base-color-blue-2: #80ccff;
@@ -1168,7 +1174,7 @@
1168
1174
  --codeMirror-lineNumber-fgColor: #59636e;
1169
1175
  --codeMirror-cursor-fgColor: #1f2328;
1170
1176
  --codeMirror-selection-bgColor: #54aeff66;
1171
- --codeMirror-activeline-bgColor: #e0e6ebb3;
1177
+ --codeMirror-activeline-bgColor: #818b981f;
1172
1178
  --codeMirror-matchingBracket-fgColor: #1f2328;
1173
1179
  --codeMirror-lines-bgColor: #ffffff;
1174
1180
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -1358,6 +1364,8 @@
1358
1364
  --controlKnob-borderColor-disabled: #eff2f5;
1359
1365
  --controlKnob-borderColor-checked: #0969da;
1360
1366
  --counter-borderColor: #ffffff00;
1367
+ --counter-bgColor-muted: #818b981f;
1368
+ --counter-bgColor-emphasis: #59636e;
1361
1369
  --button-default-fgColor-rest: #25292e;
1362
1370
  --button-default-bgColor-rest: #f6f8fa;
1363
1371
  --button-default-bgColor-hover: #eff2f5;
@@ -1422,8 +1430,8 @@
1422
1430
  --button-inactive-fgColor: #59636e;
1423
1431
  --button-inactive-bgColor: #e6eaef;
1424
1432
  --button-star-iconColor: #eac54f;
1425
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
1426
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
1433
+ --buttonCounter-default-bgColor-rest: #818b981f;
1434
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
1427
1435
  --buttonCounter-primary-bgColor-rest: #002d1133;
1428
1436
  --buttonCounter-outline-bgColor-rest: #0969da1a;
1429
1437
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1602,7 +1610,7 @@
1602
1610
  --bgColor-black: #1f2328;
1603
1611
  --bgColor-disabled: #eff2f5;
1604
1612
  --bgColor-transparent: #ffffff00;
1605
- --bgColor-neutral-muted: #e0e6ebb3;
1613
+ --bgColor-neutral-muted: #818b981f;
1606
1614
  --bgColor-neutral-emphasis: #59636e;
1607
1615
  --bgColor-accent-muted: #ddf4ff;
1608
1616
  --bgColor-accent-emphasis: #0969da;
@@ -1616,7 +1624,7 @@
1616
1624
  --bgColor-severe-emphasis: #cf222e;
1617
1625
  --bgColor-danger-muted: #ffebe9;
1618
1626
  --bgColor-danger-emphasis: #cf222e;
1619
- --bgColor-closed-muted: #e0e6ebb3;
1627
+ --bgColor-closed-muted: #818b981f;
1620
1628
  --bgColor-closed-emphasis: #59636e;
1621
1629
  --bgColor-done-muted: #fbefff;
1622
1630
  --bgColor-done-emphasis: #8250df;
@@ -1631,7 +1639,7 @@
1631
1639
  --borderColor-transparent: #ffffff00;
1632
1640
  --borderColor-translucent: #1f232826;
1633
1641
  --borderColor-neutral-muted: #d1d9e0b3;
1634
- --borderColor-neutral-emphasis: #818b98;
1642
+ --borderColor-neutral-emphasis: #59636e;
1635
1643
  --borderColor-accent-muted: #54aeff66;
1636
1644
  --borderColor-accent-emphasis: #0969da;
1637
1645
  --borderColor-success-muted: #54aeff66;
package/dist/internalCss/light.css CHANGED
@@ -3,21 +3,23 @@
3
3
  [data-color-mode="auto"][data-light-theme="light"],
4
4
  [data-color-mode="auto"][data-light-theme="light"] ::backdrop {
5
5
  --base-color-black: #1f2328;
6
- --base-color-inset: #f6f8fa;
6
+ --base-color-inset: #ffffff;
7
7
  --base-color-transparent: #ffffff00;
8
8
  --base-color-white: #ffffff;
9
- --base-color-neutral-0: #f6f8fa;
10
- --base-color-neutral-1: #eff2f5;
11
- --base-color-neutral-2: #e6eaef;
12
- --base-color-neutral-3: #e0e6eb;
13
- --base-color-neutral-4: #dae0e7;
14
- --base-color-neutral-5: #d1d9e0;
15
- --base-color-neutral-6: #c8d1da;
16
- --base-color-neutral-7: #818b98;
17
- --base-color-neutral-8: #59636e;
18
- --base-color-neutral-9: #454c54;
19
- --base-color-neutral-10: #393f46;
20
- --base-color-neutral-11: #25292e;
9
+ --base-color-neutral-0: #ffffff;
10
+ --base-color-neutral-1: #f6f8fa;
11
+ --base-color-neutral-2: #eff2f5;
12
+ --base-color-neutral-3: #e6eaef;
13
+ --base-color-neutral-4: #e0e6eb;
14
+ --base-color-neutral-5: #dae0e7;
15
+ --base-color-neutral-6: #d1d9e0;
16
+ --base-color-neutral-7: #c8d1da;
17
+ --base-color-neutral-8: #818b98;
18
+ --base-color-neutral-9: #59636e;
19
+ --base-color-neutral-10: #454c54;
20
+ --base-color-neutral-11: #393f46;
21
+ --base-color-neutral-12: #25292e;
22
+ --base-color-neutral-13: #1f2328;
21
23
  --base-color-blue-0: #ddf4ff;
22
24
  --base-color-blue-1: #b6e3ff;
23
25
  --base-color-blue-2: #80ccff;
@@ -313,7 +315,7 @@
313
315
  --codeMirror-lineNumber-fgColor: #59636e;
314
316
  --codeMirror-cursor-fgColor: #1f2328;
315
317
  --codeMirror-selection-bgColor: #54aeff66;
316
- --codeMirror-activeline-bgColor: #e0e6ebb3;
318
+ --codeMirror-activeline-bgColor: #818b981f;
317
319
  --codeMirror-matchingBracket-fgColor: #1f2328;
318
320
  --codeMirror-lines-bgColor: #ffffff;
319
321
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -503,6 +505,8 @@
503
505
  --controlKnob-borderColor-disabled: #eff2f5;
504
506
  --controlKnob-borderColor-checked: #0969da;
505
507
  --counter-borderColor: #ffffff00;
508
+ --counter-bgColor-muted: #818b981f;
509
+ --counter-bgColor-emphasis: #59636e;
506
510
  --button-default-fgColor-rest: #25292e;
507
511
  --button-default-bgColor-rest: #f6f8fa;
508
512
  --button-default-bgColor-hover: #eff2f5;
@@ -567,8 +571,8 @@
567
571
  --button-inactive-fgColor: #59636e;
568
572
  --button-inactive-bgColor: #e6eaef;
569
573
  --button-star-iconColor: #eac54f;
570
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
571
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
574
+ --buttonCounter-default-bgColor-rest: #818b981f;
575
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
572
576
  --buttonCounter-primary-bgColor-rest: #002d1133;
573
577
  --buttonCounter-outline-bgColor-rest: #0969da1a;
574
578
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -747,7 +751,7 @@
747
751
  --bgColor-black: #1f2328;
748
752
  --bgColor-disabled: #eff2f5;
749
753
  --bgColor-transparent: #ffffff00;
750
- --bgColor-neutral-muted: #e0e6ebb3;
754
+ --bgColor-neutral-muted: #818b981f;
751
755
  --bgColor-neutral-emphasis: #59636e;
752
756
  --bgColor-accent-muted: #ddf4ff;
753
757
  --bgColor-accent-emphasis: #0969da;
@@ -776,7 +780,7 @@
776
780
  --borderColor-transparent: #ffffff00;
777
781
  --borderColor-translucent: #1f232826;
778
782
  --borderColor-neutral-muted: #d1d9e0b3;
779
- --borderColor-neutral-emphasis: #818b98;
783
+ --borderColor-neutral-emphasis: #59636e;
780
784
  --borderColor-accent-muted: #54aeff66;
781
785
  --borderColor-accent-emphasis: #0969da;
782
786
  --borderColor-success-muted: #4ac26b66;
@@ -858,21 +862,23 @@
858
862
  [data-color-mode="auto"][data-dark-theme="light"],
859
863
  [data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
860
864
  --base-color-black: #1f2328;
861
- --base-color-inset: #f6f8fa;
865
+ --base-color-inset: #ffffff;
862
866
  --base-color-transparent: #ffffff00;
863
867
  --base-color-white: #ffffff;
864
- --base-color-neutral-0: #f6f8fa;
865
- --base-color-neutral-1: #eff2f5;
866
- --base-color-neutral-2: #e6eaef;
867
- --base-color-neutral-3: #e0e6eb;
868
- --base-color-neutral-4: #dae0e7;
869
- --base-color-neutral-5: #d1d9e0;
870
- --base-color-neutral-6: #c8d1da;
871
- --base-color-neutral-7: #818b98;
872
- --base-color-neutral-8: #59636e;
873
- --base-color-neutral-9: #454c54;
874
- --base-color-neutral-10: #393f46;
875
- --base-color-neutral-11: #25292e;
868
+ --base-color-neutral-0: #ffffff;
869
+ --base-color-neutral-1: #f6f8fa;
870
+ --base-color-neutral-2: #eff2f5;
871
+ --base-color-neutral-3: #e6eaef;
872
+ --base-color-neutral-4: #e0e6eb;
873
+ --base-color-neutral-5: #dae0e7;
874
+ --base-color-neutral-6: #d1d9e0;
875
+ --base-color-neutral-7: #c8d1da;
876
+ --base-color-neutral-8: #818b98;
877
+ --base-color-neutral-9: #59636e;
878
+ --base-color-neutral-10: #454c54;
879
+ --base-color-neutral-11: #393f46;
880
+ --base-color-neutral-12: #25292e;
881
+ --base-color-neutral-13: #1f2328;
876
882
  --base-color-blue-0: #ddf4ff;
877
883
  --base-color-blue-1: #b6e3ff;
878
884
  --base-color-blue-2: #80ccff;
@@ -1168,7 +1174,7 @@
1168
1174
  --codeMirror-lineNumber-fgColor: #59636e;
1169
1175
  --codeMirror-cursor-fgColor: #1f2328;
1170
1176
  --codeMirror-selection-bgColor: #54aeff66;
1171
- --codeMirror-activeline-bgColor: #e0e6ebb3;
1177
+ --codeMirror-activeline-bgColor: #818b981f;
1172
1178
  --codeMirror-matchingBracket-fgColor: #1f2328;
1173
1179
  --codeMirror-lines-bgColor: #ffffff;
1174
1180
  --codeMirror-syntax-fgColor-comment: #1f2328;
@@ -1358,6 +1364,8 @@
1358
1364
  --controlKnob-borderColor-disabled: #eff2f5;
1359
1365
  --controlKnob-borderColor-checked: #0969da;
1360
1366
  --counter-borderColor: #ffffff00;
1367
+ --counter-bgColor-muted: #818b981f;
1368
+ --counter-bgColor-emphasis: #59636e;
1361
1369
  --button-default-fgColor-rest: #25292e;
1362
1370
  --button-default-bgColor-rest: #f6f8fa;
1363
1371
  --button-default-bgColor-hover: #eff2f5;
@@ -1422,8 +1430,8 @@
1422
1430
  --button-inactive-fgColor: #59636e;
1423
1431
  --button-inactive-bgColor: #e6eaef;
1424
1432
  --button-star-iconColor: #eac54f;
1425
- --buttonCounter-default-bgColor-rest: #e0e6ebb3;
1426
- --buttonCounter-invisible-bgColor-rest: #e0e6ebb3;
1433
+ --buttonCounter-default-bgColor-rest: #818b981f;
1434
+ --buttonCounter-invisible-bgColor-rest: #818b981f;
1427
1435
  --buttonCounter-primary-bgColor-rest: #002d1133;
1428
1436
  --buttonCounter-outline-bgColor-rest: #0969da1a;
1429
1437
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1602,7 +1610,7 @@
1602
1610
  --bgColor-black: #1f2328;
1603
1611
  --bgColor-disabled: #eff2f5;
1604
1612
  --bgColor-transparent: #ffffff00;
1605
- --bgColor-neutral-muted: #e0e6ebb3;
1613
+ --bgColor-neutral-muted: #818b981f;
1606
1614
  --bgColor-neutral-emphasis: #59636e;
1607
1615
  --bgColor-accent-muted: #ddf4ff;
1608
1616
  --bgColor-accent-emphasis: #0969da;
@@ -1631,7 +1639,7 @@
1631
1639
  --borderColor-transparent: #ffffff00;
1632
1640
  --borderColor-translucent: #1f232826;
1633
1641
  --borderColor-neutral-muted: #d1d9e0b3;
1634
- --borderColor-neutral-emphasis: #818b98;
1642
+ --borderColor-neutral-emphasis: #59636e;
1635
1643
  --borderColor-accent-muted: #54aeff66;
1636
1644
  --borderColor-accent-emphasis: #0969da;
1637
1645
  --borderColor-success-muted: #4ac26b66;