@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/dark-colorblind.css CHANGED
@@ -6,18 +6,20 @@
6
6
  --base-color-inset: #010409;
7
7
  --base-color-white: #ffffff;
8
8
  --base-color-transparent: #00000000;
9
- --base-color-neutral-0: #0d1117;
10
- --base-color-neutral-1: #151b23;
11
- --base-color-neutral-2: #212830;
12
- --base-color-neutral-3: #262c36;
13
- --base-color-neutral-4: #2a313c;
14
- --base-color-neutral-5: #2f3742;
15
- --base-color-neutral-6: #3d444d;
16
- --base-color-neutral-7: #656c76;
17
- --base-color-neutral-8: #9198a1;
18
- --base-color-neutral-9: #b7bdc8;
19
- --base-color-neutral-10: #d1d7e0;
20
- --base-color-neutral-11: #f0f6fc;
9
+ --base-color-neutral-0: #010409;
10
+ --base-color-neutral-1: #0d1117;
11
+ --base-color-neutral-2: #151b23;
12
+ --base-color-neutral-3: #212830;
13
+ --base-color-neutral-4: #262c36;
14
+ --base-color-neutral-5: #2a313c;
15
+ --base-color-neutral-6: #2f3742;
16
+ --base-color-neutral-7: #3d444d;
17
+ --base-color-neutral-8: #656c76;
18
+ --base-color-neutral-9: #9198a1;
19
+ --base-color-neutral-10: #b7bdc8;
20
+ --base-color-neutral-11: #d1d7e0;
21
+ --base-color-neutral-12: #f0f6fc;
22
+ --base-color-neutral-13: #ffffff;
21
23
  --base-color-blue-0: #cae8ff;
22
24
  --base-color-blue-1: #a5d6ff;
23
25
  --base-color-blue-2: #79c0ff;
@@ -313,7 +315,7 @@
313
315
  --codeMirror-lineNumber-fgColor: #9198a1;
314
316
  --codeMirror-cursor-fgColor: #f0f6fc;
315
317
  --codeMirror-selection-bgColor: #388bfd66;
316
- --codeMirror-activeline-bgColor: #2f3742b3;
318
+ --codeMirror-activeline-bgColor: #656c7633;
317
319
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
318
320
  --codeMirror-lines-bgColor: #0d1117;
319
321
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -503,6 +505,8 @@
503
505
  --controlKnob-borderColor-disabled: #212830;
504
506
  --controlKnob-borderColor-checked: #1f6feb;
505
507
  --counter-borderColor: #00000000;
508
+ --counter-bgColor-muted: #656c7633;
509
+ --counter-bgColor-emphasis: #656c76;
506
510
  --button-default-fgColor-rest: #f0f6fc;
507
511
  --button-default-bgColor-rest: #212830;
508
512
  --button-default-bgColor-hover: #262c36;
@@ -568,7 +572,7 @@
568
572
  --button-inactive-bgColor: #262c36;
569
573
  --button-star-iconColor: #e3b341;
570
574
  --buttonCounter-default-bgColor-rest: #2f3742;
571
- --buttonCounter-invisible-bgColor-rest: #2f3742;
575
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
572
576
  --buttonCounter-primary-bgColor-rest: #04260f33;
573
577
  --buttonCounter-outline-bgColor-rest: #051d4d33;
574
578
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -746,7 +750,7 @@
746
750
  --bgColor-black: #010409;
747
751
  --bgColor-disabled: #212830;
748
752
  --bgColor-transparent: #00000000;
749
- --bgColor-neutral-muted: #2f3742b3;
753
+ --bgColor-neutral-muted: #656c7633;
750
754
  --bgColor-neutral-emphasis: #656c76;
751
755
  --bgColor-accent-muted: #388bfd1a;
752
756
  --bgColor-accent-emphasis: #1f6feb;
@@ -760,7 +764,7 @@
760
764
  --bgColor-severe-emphasis: #bd561d;
761
765
  --bgColor-danger-muted: #db6d281a;
762
766
  --bgColor-danger-emphasis: #bd561d;
763
- --bgColor-closed-muted: #2f37421a;
767
+ --bgColor-closed-muted: #656c761a;
764
768
  --bgColor-closed-emphasis: #656c76;
765
769
  --bgColor-done-muted: #ab7df826;
766
770
  --bgColor-done-emphasis: #8957e5;
@@ -861,18 +865,20 @@
861
865
  --base-color-inset: #010409;
862
866
  --base-color-white: #ffffff;
863
867
  --base-color-transparent: #00000000;
864
- --base-color-neutral-0: #0d1117;
865
- --base-color-neutral-1: #151b23;
866
- --base-color-neutral-2: #212830;
867
- --base-color-neutral-3: #262c36;
868
- --base-color-neutral-4: #2a313c;
869
- --base-color-neutral-5: #2f3742;
870
- --base-color-neutral-6: #3d444d;
871
- --base-color-neutral-7: #656c76;
872
- --base-color-neutral-8: #9198a1;
873
- --base-color-neutral-9: #b7bdc8;
874
- --base-color-neutral-10: #d1d7e0;
875
- --base-color-neutral-11: #f0f6fc;
868
+ --base-color-neutral-0: #010409;
869
+ --base-color-neutral-1: #0d1117;
870
+ --base-color-neutral-2: #151b23;
871
+ --base-color-neutral-3: #212830;
872
+ --base-color-neutral-4: #262c36;
873
+ --base-color-neutral-5: #2a313c;
874
+ --base-color-neutral-6: #2f3742;
875
+ --base-color-neutral-7: #3d444d;
876
+ --base-color-neutral-8: #656c76;
877
+ --base-color-neutral-9: #9198a1;
878
+ --base-color-neutral-10: #b7bdc8;
879
+ --base-color-neutral-11: #d1d7e0;
880
+ --base-color-neutral-12: #f0f6fc;
881
+ --base-color-neutral-13: #ffffff;
876
882
  --base-color-blue-0: #cae8ff;
877
883
  --base-color-blue-1: #a5d6ff;
878
884
  --base-color-blue-2: #79c0ff;
@@ -1168,7 +1174,7 @@
1168
1174
  --codeMirror-lineNumber-fgColor: #9198a1;
1169
1175
  --codeMirror-cursor-fgColor: #f0f6fc;
1170
1176
  --codeMirror-selection-bgColor: #388bfd66;
1171
- --codeMirror-activeline-bgColor: #2f3742b3;
1177
+ --codeMirror-activeline-bgColor: #656c7633;
1172
1178
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
1173
1179
  --codeMirror-lines-bgColor: #0d1117;
1174
1180
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -1358,6 +1364,8 @@
1358
1364
  --controlKnob-borderColor-disabled: #212830;
1359
1365
  --controlKnob-borderColor-checked: #1f6feb;
1360
1366
  --counter-borderColor: #00000000;
1367
+ --counter-bgColor-muted: #656c7633;
1368
+ --counter-bgColor-emphasis: #656c76;
1361
1369
  --button-default-fgColor-rest: #f0f6fc;
1362
1370
  --button-default-bgColor-rest: #212830;
1363
1371
  --button-default-bgColor-hover: #262c36;
@@ -1423,7 +1431,7 @@
1423
1431
  --button-inactive-bgColor: #262c36;
1424
1432
  --button-star-iconColor: #e3b341;
1425
1433
  --buttonCounter-default-bgColor-rest: #2f3742;
1426
- --buttonCounter-invisible-bgColor-rest: #2f3742;
1434
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
1427
1435
  --buttonCounter-primary-bgColor-rest: #04260f33;
1428
1436
  --buttonCounter-outline-bgColor-rest: #051d4d33;
1429
1437
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -1601,7 +1609,7 @@
1601
1609
  --bgColor-black: #010409;
1602
1610
  --bgColor-disabled: #212830;
1603
1611
  --bgColor-transparent: #00000000;
1604
- --bgColor-neutral-muted: #2f3742b3;
1612
+ --bgColor-neutral-muted: #656c7633;
1605
1613
  --bgColor-neutral-emphasis: #656c76;
1606
1614
  --bgColor-accent-muted: #388bfd1a;
1607
1615
  --bgColor-accent-emphasis: #1f6feb;
@@ -1615,7 +1623,7 @@
1615
1623
  --bgColor-severe-emphasis: #bd561d;
1616
1624
  --bgColor-danger-muted: #db6d281a;
1617
1625
  --bgColor-danger-emphasis: #bd561d;
1618
- --bgColor-closed-muted: #2f37421a;
1626
+ --bgColor-closed-muted: #656c761a;
1619
1627
  --bgColor-closed-emphasis: #656c76;
1620
1628
  --bgColor-done-muted: #ab7df826;
1621
1629
  --bgColor-done-emphasis: #8957e5;
package/dist/internalCss/dark-dimmed.css CHANGED
@@ -6,18 +6,20 @@
6
6
  --base-color-inset: #1c2128;
7
7
  --base-color-white: #cdd9e5;
8
8
  --base-color-transparent: #00000000;
9
- --base-color-neutral-0: #0d1117;
10
- --base-color-neutral-1: #151b23;
11
- --base-color-neutral-2: #212830;
12
- --base-color-neutral-3: #262c36;
13
- --base-color-neutral-4: #2a313c;
14
- --base-color-neutral-5: #2f3742;
15
- --base-color-neutral-6: #3d444d;
16
- --base-color-neutral-7: #656c76;
17
- --base-color-neutral-8: #9198a1;
18
- --base-color-neutral-9: #b7bdc8;
19
- --base-color-neutral-10: #d1d7e0;
20
- --base-color-neutral-11: #f0f6fc;
9
+ --base-color-neutral-0: #1c2128;
10
+ --base-color-neutral-1: #0d1117;
11
+ --base-color-neutral-2: #151b23;
12
+ --base-color-neutral-3: #212830;
13
+ --base-color-neutral-4: #262c36;
14
+ --base-color-neutral-5: #2a313c;
15
+ --base-color-neutral-6: #2f3742;
16
+ --base-color-neutral-7: #3d444d;
17
+ --base-color-neutral-8: #656c76;
18
+ --base-color-neutral-9: #9198a1;
19
+ --base-color-neutral-10: #b7bdc8;
20
+ --base-color-neutral-11: #d1d7e0;
21
+ --base-color-neutral-12: #f0f6fc;
22
+ --base-color-neutral-13: #cdd9e5;
21
23
  --base-color-blue-0: #c6e6ff;
22
24
  --base-color-blue-1: #96d0ff;
23
25
  --base-color-blue-2: #6cb6ff;
@@ -313,7 +315,7 @@
313
315
  --codeMirror-lineNumber-fgColor: #9198a1;
314
316
  --codeMirror-cursor-fgColor: #d1d7e0;
315
317
  --codeMirror-selection-bgColor: #4184e466;
316
- --codeMirror-activeline-bgColor: #2f3742b3;
318
+ --codeMirror-activeline-bgColor: #656c7633;
317
319
  --codeMirror-matchingBracket-fgColor: #d1d7e0;
318
320
  --codeMirror-lines-bgColor: #212830;
319
321
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -503,6 +505,8 @@
503
505
  --controlKnob-borderColor-disabled: #2a313c;
504
506
  --controlKnob-borderColor-checked: #316dca;
505
507
  --counter-borderColor: #00000000;
508
+ --counter-bgColor-muted: #656c7633;
509
+ --counter-bgColor-emphasis: #656c76;
506
510
  --button-default-fgColor-rest: #d1d7e0;
507
511
  --button-default-bgColor-rest: #2a313c;
508
512
  --button-default-bgColor-hover: #2f3742;
@@ -568,7 +572,7 @@
568
572
  --button-inactive-bgColor: #2a313c;
569
573
  --button-star-iconColor: #daaa3f;
570
574
  --buttonCounter-default-bgColor-rest: #2f3742;
571
- --buttonCounter-invisible-bgColor-rest: #2f3742;
575
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
572
576
  --buttonCounter-primary-bgColor-rest: #11341733;
573
577
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
574
578
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -746,7 +750,7 @@
746
750
  --bgColor-black: #1c2128;
747
751
  --bgColor-disabled: #2a313c;
748
752
  --bgColor-transparent: #00000000;
749
- --bgColor-neutral-muted: #2f3742b3;
753
+ --bgColor-neutral-muted: #656c7633;
750
754
  --bgColor-neutral-emphasis: #656c76;
751
755
  --bgColor-accent-muted: #4184e41a;
752
756
  --bgColor-accent-emphasis: #316dca;
@@ -861,18 +865,20 @@
861
865
  --base-color-inset: #1c2128;
862
866
  --base-color-white: #cdd9e5;
863
867
  --base-color-transparent: #00000000;
864
- --base-color-neutral-0: #0d1117;
865
- --base-color-neutral-1: #151b23;
866
- --base-color-neutral-2: #212830;
867
- --base-color-neutral-3: #262c36;
868
- --base-color-neutral-4: #2a313c;
869
- --base-color-neutral-5: #2f3742;
870
- --base-color-neutral-6: #3d444d;
871
- --base-color-neutral-7: #656c76;
872
- --base-color-neutral-8: #9198a1;
873
- --base-color-neutral-9: #b7bdc8;
874
- --base-color-neutral-10: #d1d7e0;
875
- --base-color-neutral-11: #f0f6fc;
868
+ --base-color-neutral-0: #1c2128;
869
+ --base-color-neutral-1: #0d1117;
870
+ --base-color-neutral-2: #151b23;
871
+ --base-color-neutral-3: #212830;
872
+ --base-color-neutral-4: #262c36;
873
+ --base-color-neutral-5: #2a313c;
874
+ --base-color-neutral-6: #2f3742;
875
+ --base-color-neutral-7: #3d444d;
876
+ --base-color-neutral-8: #656c76;
877
+ --base-color-neutral-9: #9198a1;
878
+ --base-color-neutral-10: #b7bdc8;
879
+ --base-color-neutral-11: #d1d7e0;
880
+ --base-color-neutral-12: #f0f6fc;
881
+ --base-color-neutral-13: #cdd9e5;
876
882
  --base-color-blue-0: #c6e6ff;
877
883
  --base-color-blue-1: #96d0ff;
878
884
  --base-color-blue-2: #6cb6ff;
@@ -1168,7 +1174,7 @@
1168
1174
  --codeMirror-lineNumber-fgColor: #9198a1;
1169
1175
  --codeMirror-cursor-fgColor: #d1d7e0;
1170
1176
  --codeMirror-selection-bgColor: #4184e466;
1171
- --codeMirror-activeline-bgColor: #2f3742b3;
1177
+ --codeMirror-activeline-bgColor: #656c7633;
1172
1178
  --codeMirror-matchingBracket-fgColor: #d1d7e0;
1173
1179
  --codeMirror-lines-bgColor: #212830;
1174
1180
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -1358,6 +1364,8 @@
1358
1364
  --controlKnob-borderColor-disabled: #2a313c;
1359
1365
  --controlKnob-borderColor-checked: #316dca;
1360
1366
  --counter-borderColor: #00000000;
1367
+ --counter-bgColor-muted: #656c7633;
1368
+ --counter-bgColor-emphasis: #656c76;
1361
1369
  --button-default-fgColor-rest: #d1d7e0;
1362
1370
  --button-default-bgColor-rest: #2a313c;
1363
1371
  --button-default-bgColor-hover: #2f3742;
@@ -1423,7 +1431,7 @@
1423
1431
  --button-inactive-bgColor: #2a313c;
1424
1432
  --button-star-iconColor: #daaa3f;
1425
1433
  --buttonCounter-default-bgColor-rest: #2f3742;
1426
- --buttonCounter-invisible-bgColor-rest: #2f3742;
1434
+ --buttonCounter-invisible-bgColor-rest: #656c7633;
1427
1435
  --buttonCounter-primary-bgColor-rest: #11341733;
1428
1436
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
1429
1437
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -1601,7 +1609,7 @@
1601
1609
  --bgColor-black: #1c2128;
1602
1610
  --bgColor-disabled: #2a313c;
1603
1611
  --bgColor-transparent: #00000000;
1604
- --bgColor-neutral-muted: #2f3742b3;
1612
+ --bgColor-neutral-muted: #656c7633;
1605
1613
  --bgColor-neutral-emphasis: #656c76;
1606
1614
  --bgColor-accent-muted: #4184e41a;
1607
1615
  --bgColor-accent-emphasis: #316dca;
package/dist/internalCss/dark-high-contrast.css CHANGED
@@ -6,18 +6,20 @@
6
6
  --base-color-inset: #010409;
7
7
  --base-color-white: #ffffff;
8
8
  --base-color-transparent: #00000000;
9
- --base-color-neutral-0: #0d1117;
10
- --base-color-neutral-1: #151b23;
11
- --base-color-neutral-2: #212830;
12
- --base-color-neutral-3: #262c36;
13
- --base-color-neutral-4: #2a313c;
14
- --base-color-neutral-5: #2f3742;
15
- --base-color-neutral-6: #3d444d;
16
- --base-color-neutral-7: #656c76;
17
- --base-color-neutral-8: #9198a1;
18
- --base-color-neutral-9: #b7bdc8;
19
- --base-color-neutral-10: #d1d7e0;
20
- --base-color-neutral-11: #f0f6fc;
9
+ --base-color-neutral-0: #010409;
10
+ --base-color-neutral-1: #0d1117;
11
+ --base-color-neutral-2: #151b23;
12
+ --base-color-neutral-3: #212830;
13
+ --base-color-neutral-4: #262c36;
14
+ --base-color-neutral-5: #2a313c;
15
+ --base-color-neutral-6: #2f3742;
16
+ --base-color-neutral-7: #3d444d;
17
+ --base-color-neutral-8: #656c76;
18
+ --base-color-neutral-9: #9198a1;
19
+ --base-color-neutral-10: #b7bdc8;
20
+ --base-color-neutral-11: #d1d7e0;
21
+ --base-color-neutral-12: #f0f6fc;
22
+ --base-color-neutral-13: #ffffff;
21
23
  --base-color-blue-0: #caeaff;
22
24
  --base-color-blue-1: #addcff;
23
25
  --base-color-blue-2: #91cbff;
@@ -313,7 +315,7 @@
313
315
  --codeMirror-lineNumber-fgColor: #b7bdc8;
314
316
  --codeMirror-cursor-fgColor: #ffffff;
315
317
  --codeMirror-selection-bgColor: #5cacff66;
316
- --codeMirror-activeline-bgColor: #2f3742b3;
318
+ --codeMirror-activeline-bgColor: #212830;
317
319
  --codeMirror-matchingBracket-fgColor: #ffffff;
318
320
  --codeMirror-lines-bgColor: #010409;
319
321
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -503,6 +505,8 @@
503
505
  --controlKnob-borderColor-disabled: #262c36;
504
506
  --controlKnob-borderColor-checked: #194fb1;
505
507
  --counter-borderColor: #b7bdc8;
508
+ --counter-bgColor-muted: #212830;
509
+ --counter-bgColor-emphasis: #3d444d;
506
510
  --button-default-fgColor-rest: #ffffff;
507
511
  --button-default-bgColor-rest: #262c36;
508
512
  --button-default-bgColor-hover: #2a313c;
@@ -542,7 +546,7 @@
542
546
  --button-outline-fgColor-rest: #5cacff;
543
547
  --button-outline-fgColor-hover: #71b7ff;
544
548
  --button-outline-fgColor-active: #ffffff;
545
- --button-outline-fgColor-disabled: #73b8ff80;
549
+ --button-outline-fgColor-disabled: #74b9ff80;
546
550
  --button-outline-bgColor-rest: #f0f6fc;
547
551
  --button-outline-bgColor-hover: #2a313c;
548
552
  --button-outline-bgColor-active: #2672f3;
@@ -568,14 +572,14 @@
568
572
  --button-inactive-bgColor: #262c36;
569
573
  --button-star-iconColor: #f7c843;
570
574
  --buttonCounter-default-bgColor-rest: #2f3742;
571
- --buttonCounter-invisible-bgColor-rest: #2f3742;
575
+ --buttonCounter-invisible-bgColor-rest: #212830;
572
576
  --buttonCounter-primary-bgColor-rest: #01040926;
573
577
  --buttonCounter-outline-bgColor-rest: #194fb133;
574
578
  --buttonCounter-outline-bgColor-hover: #194fb133;
575
579
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
576
580
  --buttonCounter-outline-fgColor-rest: #5cacff;
577
581
  --buttonCounter-outline-fgColor-hover: #71b7ff;
578
- --buttonCounter-outline-fgColor-disabled: #73b8ff80;
582
+ --buttonCounter-outline-fgColor-disabled: #74b9ff80;
579
583
  --buttonCounter-danger-bgColor-hover: #01040926;
580
584
  --buttonCounter-danger-bgColor-disabled: #ad01160d;
581
585
  --buttonCounter-danger-bgColor-rest: #01040926;
@@ -584,7 +588,7 @@
584
588
  --buttonCounter-danger-fgColor-disabled: #ff949280;
585
589
  --reactionButton-selected-bgColor-rest: #5cacff33;
586
590
  --reactionButton-selected-bgColor-hover: #5dadff5c;
587
- --reactionButton-selected-fgColor-rest: #73b8ff;
591
+ --reactionButton-selected-fgColor-rest: #74b9ff;
588
592
  --reactionButton-selected-fgColor-hover: #91cbff;
589
593
  --focus-outlineColor: #409eff;
590
594
  --menu-bgColor-active: #151b23;
@@ -725,18 +729,18 @@
725
729
  --fgColor-white: #ffffff;
726
730
  --fgColor-black: #010409;
727
731
  --fgColor-disabled: #9198a199;
728
- --fgColor-link: #73b8ff;
729
- --fgColor-neutral: #b7bdc8;
730
- --fgColor-accent: #73b8ff;
731
- --fgColor-success: #28d751;
732
- --fgColor-open: #28d751;
732
+ --fgColor-link: #74b9ff;
733
+ --fgColor-neutral: #d1d7e0;
734
+ --fgColor-accent: #74b9ff;
735
+ --fgColor-success: #2bd853;
736
+ --fgColor-open: #2bd853;
733
737
  --fgColor-attention: #f0b72f;
734
738
  --fgColor-severe: #fe9a2d;
735
739
  --fgColor-danger: #ff9492;
736
740
  --fgColor-closed: #ff9492;
737
- --fgColor-done: #cb9eff;
738
- --fgColor-upsell: #cb9eff;
739
- --fgColor-sponsors: #ff8dc7;
741
+ --fgColor-done: #d3abff;
742
+ --fgColor-upsell: #d3abff;
743
+ --fgColor-sponsors: #ff90c8;
740
744
  --bgColor-default: #010409;
741
745
  --bgColor-muted: #151b23;
742
746
  --bgColor-inset: #010409;
@@ -746,27 +750,27 @@
746
750
  --bgColor-black: #010409;
747
751
  --bgColor-disabled: #262c36;
748
752
  --bgColor-transparent: #00000000;
749
- --bgColor-neutral-muted: #2f3742b3;
753
+ --bgColor-neutral-muted: #212830;
750
754
  --bgColor-neutral-emphasis: #3d444d;
751
- --bgColor-accent-muted: #409eff1a;
755
+ --bgColor-accent-muted: #5cacff1a;
752
756
  --bgColor-accent-emphasis: #194fb1;
753
- --bgColor-success-muted: #0ac74024;
757
+ --bgColor-success-muted: #0ac74026;
754
758
  --bgColor-success-emphasis: #006222;
755
- --bgColor-open-muted: #0ac74024;
759
+ --bgColor-open-muted: #0ac74026;
756
760
  --bgColor-open-emphasis: #006222;
757
761
  --bgColor-attention-muted: #edaa2726;
758
762
  --bgColor-attention-emphasis: #7b4900;
759
- --bgColor-severe-muted: #f48b2516;
763
+ --bgColor-severe-muted: #f48b251a;
760
764
  --bgColor-severe-emphasis: #8f3c00;
761
- --bgColor-danger-muted: #ff808017;
765
+ --bgColor-danger-muted: #ff80801a;
762
766
  --bgColor-danger-emphasis: #ad0116;
763
- --bgColor-closed-muted: #ff808017;
767
+ --bgColor-closed-muted: #ff80801a;
764
768
  --bgColor-closed-emphasis: #ad0116;
765
- --bgColor-done-muted: #b87fff17;
769
+ --bgColor-done-muted: #bf8fff26;
766
770
  --bgColor-done-emphasis: #6921d7;
767
- --bgColor-upsell-muted: #b87fff17;
771
+ --bgColor-upsell-muted: #bf8fff26;
768
772
  --bgColor-upsell-emphasis: #6921d7;
769
- --bgColor-sponsors-muted: #ef6eb117;
773
+ --bgColor-sponsors-muted: #f87cbd1a;
770
774
  --bgColor-sponsors-emphasis: #9c1d6a;
771
775
  --borderColor-default: #b7bdc8;
772
776
  --borderColor-muted: #b7bdc8;
@@ -788,11 +792,11 @@
788
792
  --borderColor-severe-emphasis: #e7811d;
789
793
  --borderColor-danger-muted: #ff8080;
790
794
  --borderColor-danger-emphasis: #ff6a69;
791
- --borderColor-closed-muted: #ff808066;
795
+ --borderColor-closed-muted: #ff8080;
792
796
  --borderColor-closed-emphasis: #ff6a69;
793
797
  --borderColor-done-muted: #bf8fff;
794
798
  --borderColor-done-emphasis: #b87fff;
795
- --borderColor-upsell-muted: #bf8fff66;
799
+ --borderColor-upsell-muted: #bf8fff;
796
800
  --borderColor-upsell-emphasis: #b87fff;
797
801
  --borderColor-sponsors-muted: #f87cbd;
798
802
  --borderColor-sponsors-emphasis: #ef6eb1;
@@ -861,18 +865,20 @@
861
865
  --base-color-inset: #010409;
862
866
  --base-color-white: #ffffff;
863
867
  --base-color-transparent: #00000000;
864
- --base-color-neutral-0: #0d1117;
865
- --base-color-neutral-1: #151b23;
866
- --base-color-neutral-2: #212830;
867
- --base-color-neutral-3: #262c36;
868
- --base-color-neutral-4: #2a313c;
869
- --base-color-neutral-5: #2f3742;
870
- --base-color-neutral-6: #3d444d;
871
- --base-color-neutral-7: #656c76;
872
- --base-color-neutral-8: #9198a1;
873
- --base-color-neutral-9: #b7bdc8;
874
- --base-color-neutral-10: #d1d7e0;
875
- --base-color-neutral-11: #f0f6fc;
868
+ --base-color-neutral-0: #010409;
869
+ --base-color-neutral-1: #0d1117;
870
+ --base-color-neutral-2: #151b23;
871
+ --base-color-neutral-3: #212830;
872
+ --base-color-neutral-4: #262c36;
873
+ --base-color-neutral-5: #2a313c;
874
+ --base-color-neutral-6: #2f3742;
875
+ --base-color-neutral-7: #3d444d;
876
+ --base-color-neutral-8: #656c76;
877
+ --base-color-neutral-9: #9198a1;
878
+ --base-color-neutral-10: #b7bdc8;
879
+ --base-color-neutral-11: #d1d7e0;
880
+ --base-color-neutral-12: #f0f6fc;
881
+ --base-color-neutral-13: #ffffff;
876
882
  --base-color-blue-0: #caeaff;
877
883
  --base-color-blue-1: #addcff;
878
884
  --base-color-blue-2: #91cbff;
@@ -1168,7 +1174,7 @@
1168
1174
  --codeMirror-lineNumber-fgColor: #b7bdc8;
1169
1175
  --codeMirror-cursor-fgColor: #ffffff;
1170
1176
  --codeMirror-selection-bgColor: #5cacff66;
1171
- --codeMirror-activeline-bgColor: #2f3742b3;
1177
+ --codeMirror-activeline-bgColor: #212830;
1172
1178
  --codeMirror-matchingBracket-fgColor: #ffffff;
1173
1179
  --codeMirror-lines-bgColor: #010409;
1174
1180
  --codeMirror-syntax-fgColor-comment: #656c76;
@@ -1358,6 +1364,8 @@
1358
1364
  --controlKnob-borderColor-disabled: #262c36;
1359
1365
  --controlKnob-borderColor-checked: #194fb1;
1360
1366
  --counter-borderColor: #b7bdc8;
1367
+ --counter-bgColor-muted: #212830;
1368
+ --counter-bgColor-emphasis: #3d444d;
1361
1369
  --button-default-fgColor-rest: #ffffff;
1362
1370
  --button-default-bgColor-rest: #262c36;
1363
1371
  --button-default-bgColor-hover: #2a313c;
@@ -1397,7 +1405,7 @@
1397
1405
  --button-outline-fgColor-rest: #5cacff;
1398
1406
  --button-outline-fgColor-hover: #71b7ff;
1399
1407
  --button-outline-fgColor-active: #ffffff;
1400
- --button-outline-fgColor-disabled: #73b8ff80;
1408
+ --button-outline-fgColor-disabled: #74b9ff80;
1401
1409
  --button-outline-bgColor-rest: #f0f6fc;
1402
1410
  --button-outline-bgColor-hover: #2a313c;
1403
1411
  --button-outline-bgColor-active: #2672f3;
@@ -1423,14 +1431,14 @@
1423
1431
  --button-inactive-bgColor: #262c36;
1424
1432
  --button-star-iconColor: #f7c843;
1425
1433
  --buttonCounter-default-bgColor-rest: #2f3742;
1426
- --buttonCounter-invisible-bgColor-rest: #2f3742;
1434
+ --buttonCounter-invisible-bgColor-rest: #212830;
1427
1435
  --buttonCounter-primary-bgColor-rest: #01040926;
1428
1436
  --buttonCounter-outline-bgColor-rest: #194fb133;
1429
1437
  --buttonCounter-outline-bgColor-hover: #194fb133;
1430
1438
  --buttonCounter-outline-bgColor-disabled: #194fb10d;
1431
1439
  --buttonCounter-outline-fgColor-rest: #5cacff;
1432
1440
  --buttonCounter-outline-fgColor-hover: #71b7ff;
1433
- --buttonCounter-outline-fgColor-disabled: #73b8ff80;
1441
+ --buttonCounter-outline-fgColor-disabled: #74b9ff80;
1434
1442
  --buttonCounter-danger-bgColor-hover: #01040926;
1435
1443
  --buttonCounter-danger-bgColor-disabled: #ad01160d;
1436
1444
  --buttonCounter-danger-bgColor-rest: #01040926;
@@ -1439,7 +1447,7 @@
1439
1447
  --buttonCounter-danger-fgColor-disabled: #ff949280;
1440
1448
  --reactionButton-selected-bgColor-rest: #5cacff33;
1441
1449
  --reactionButton-selected-bgColor-hover: #5dadff5c;
1442
- --reactionButton-selected-fgColor-rest: #73b8ff;
1450
+ --reactionButton-selected-fgColor-rest: #74b9ff;
1443
1451
  --reactionButton-selected-fgColor-hover: #91cbff;
1444
1452
  --focus-outlineColor: #409eff;
1445
1453
  --menu-bgColor-active: #151b23;
@@ -1580,18 +1588,18 @@
1580
1588
  --fgColor-white: #ffffff;
1581
1589
  --fgColor-black: #010409;
1582
1590
  --fgColor-disabled: #9198a199;
1583
- --fgColor-link: #73b8ff;
1584
- --fgColor-neutral: #b7bdc8;
1585
- --fgColor-accent: #73b8ff;
1586
- --fgColor-success: #28d751;
1587
- --fgColor-open: #28d751;
1591
+ --fgColor-link: #74b9ff;
1592
+ --fgColor-neutral: #d1d7e0;
1593
+ --fgColor-accent: #74b9ff;
1594
+ --fgColor-success: #2bd853;
1595
+ --fgColor-open: #2bd853;
1588
1596
  --fgColor-attention: #f0b72f;
1589
1597
  --fgColor-severe: #fe9a2d;
1590
1598
  --fgColor-danger: #ff9492;
1591
1599
  --fgColor-closed: #ff9492;
1592
- --fgColor-done: #cb9eff;
1593
- --fgColor-upsell: #cb9eff;
1594
- --fgColor-sponsors: #ff8dc7;
1600
+ --fgColor-done: #d3abff;
1601
+ --fgColor-upsell: #d3abff;
1602
+ --fgColor-sponsors: #ff90c8;
1595
1603
  --bgColor-default: #010409;
1596
1604
  --bgColor-muted: #151b23;
1597
1605
  --bgColor-inset: #010409;
@@ -1601,27 +1609,27 @@
1601
1609
  --bgColor-black: #010409;
1602
1610
  --bgColor-disabled: #262c36;
1603
1611
  --bgColor-transparent: #00000000;
1604
- --bgColor-neutral-muted: #2f3742b3;
1612
+ --bgColor-neutral-muted: #212830;
1605
1613
  --bgColor-neutral-emphasis: #3d444d;
1606
- --bgColor-accent-muted: #409eff1a;
1614
+ --bgColor-accent-muted: #5cacff1a;
1607
1615
  --bgColor-accent-emphasis: #194fb1;
1608
- --bgColor-success-muted: #0ac74024;
1616
+ --bgColor-success-muted: #0ac74026;
1609
1617
  --bgColor-success-emphasis: #006222;
1610
- --bgColor-open-muted: #0ac74024;
1618
+ --bgColor-open-muted: #0ac74026;
1611
1619
  --bgColor-open-emphasis: #006222;
1612
1620
  --bgColor-attention-muted: #edaa2726;
1613
1621
  --bgColor-attention-emphasis: #7b4900;
1614
- --bgColor-severe-muted: #f48b2516;
1622
+ --bgColor-severe-muted: #f48b251a;
1615
1623
  --bgColor-severe-emphasis: #8f3c00;
1616
- --bgColor-danger-muted: #ff808017;
1624
+ --bgColor-danger-muted: #ff80801a;
1617
1625
  --bgColor-danger-emphasis: #ad0116;
1618
- --bgColor-closed-muted: #ff808017;
1626
+ --bgColor-closed-muted: #ff80801a;
1619
1627
  --bgColor-closed-emphasis: #ad0116;
1620
- --bgColor-done-muted: #b87fff17;
1628
+ --bgColor-done-muted: #bf8fff26;
1621
1629
  --bgColor-done-emphasis: #6921d7;
1622
- --bgColor-upsell-muted: #b87fff17;
1630
+ --bgColor-upsell-muted: #bf8fff26;
1623
1631
  --bgColor-upsell-emphasis: #6921d7;
1624
- --bgColor-sponsors-muted: #ef6eb117;
1632
+ --bgColor-sponsors-muted: #f87cbd1a;
1625
1633
  --bgColor-sponsors-emphasis: #9c1d6a;
1626
1634
  --borderColor-default: #b7bdc8;
1627
1635
  --borderColor-muted: #b7bdc8;
@@ -1643,11 +1651,11 @@
1643
1651
  --borderColor-severe-emphasis: #e7811d;
1644
1652
  --borderColor-danger-muted: #ff8080;
1645
1653
  --borderColor-danger-emphasis: #ff6a69;
1646
- --borderColor-closed-muted: #ff808066;
1654
+ --borderColor-closed-muted: #ff8080;
1647
1655
  --borderColor-closed-emphasis: #ff6a69;
1648
1656
  --borderColor-done-muted: #bf8fff;
1649
1657
  --borderColor-done-emphasis: #b87fff;
1650
- --borderColor-upsell-muted: #bf8fff66;
1658
+ --borderColor-upsell-muted: #bf8fff;
1651
1659
  --borderColor-upsell-emphasis: #b87fff;
1652
1660
  --borderColor-sponsors-muted: #f87cbd;
1653
1661
  --borderColor-sponsors-emphasis: #ef6eb1;