@primer/primitives 8.2.4-rc.d955f312 → 8.2.4-rc.ea4beb50

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 (74) hide show
  1. package/README.md +17 -18
  2. package/dist/css/functional/size/border.css +1 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +18 -12
  4. package/dist/css/functional/themes/dark-dimmed.css +20 -14
  5. package/dist/css/functional/themes/dark-high-contrast.css +258 -252
  6. package/dist/css/functional/themes/dark-tritanopia.css +20 -14
  7. package/dist/css/functional/themes/dark.css +20 -14
  8. package/dist/css/functional/themes/light-colorblind.css +30 -24
  9. package/dist/css/functional/themes/light-high-contrast.css +154 -148
  10. package/dist/css/functional/themes/light-tritanopia.css +30 -24
  11. package/dist/css/functional/themes/light.css +18 -12
  12. package/dist/css/primitives.css +1 -0
  13. package/dist/docs/functional/size/border.json +31 -0
  14. package/dist/docs/functional/themes/dark-colorblind.json +236 -149
  15. package/dist/docs/functional/themes/dark-dimmed.json +247 -158
  16. package/dist/docs/functional/themes/dark-high-contrast.json +555 -458
  17. package/dist/docs/functional/themes/dark-tritanopia.json +240 -153
  18. package/dist/docs/functional/themes/dark.json +247 -158
  19. package/dist/docs/functional/themes/light-colorblind.json +254 -173
  20. package/dist/docs/functional/themes/light-high-contrast.json +452 -361
  21. package/dist/docs/functional/themes/light-tritanopia.json +252 -171
  22. package/dist/docs/functional/themes/light.json +246 -157
  23. package/dist/fallbacks/functional/size/border.json +1 -0
  24. package/dist/figma/dimension/dimension.json +14 -0
  25. package/dist/figma/themes/dark-colorblind.json +246 -198
  26. package/dist/figma/themes/dark-dimmed.json +249 -200
  27. package/dist/figma/themes/dark-high-contrast.json +675 -625
  28. package/dist/figma/themes/dark-tritanopia.json +248 -200
  29. package/dist/figma/themes/dark.json +249 -200
  30. package/dist/figma/themes/light-colorblind.json +265 -218
  31. package/dist/figma/themes/light-high-contrast.json +457 -407
  32. package/dist/figma/themes/light-tritanopia.json +264 -217
  33. package/dist/figma/themes/light.json +187 -138
  34. package/dist/internalCss/dark-colorblind.css +18 -12
  35. package/dist/internalCss/dark-dimmed.css +20 -14
  36. package/dist/internalCss/dark-high-contrast.css +258 -252
  37. package/dist/internalCss/dark-tritanopia.css +20 -14
  38. package/dist/internalCss/dark.css +20 -14
  39. package/dist/internalCss/light-colorblind.css +30 -24
  40. package/dist/internalCss/light-high-contrast.css +154 -148
  41. package/dist/internalCss/light-tritanopia.css +30 -24
  42. package/dist/internalCss/light.css +18 -12
  43. package/dist/styleLint/functional/size/border.json +31 -0
  44. package/dist/styleLint/functional/themes/dark-colorblind.json +236 -149
  45. package/dist/styleLint/functional/themes/dark-dimmed.json +247 -158
  46. package/dist/styleLint/functional/themes/dark-high-contrast.json +555 -458
  47. package/dist/styleLint/functional/themes/dark-tritanopia.json +240 -153
  48. package/dist/styleLint/functional/themes/dark.json +247 -158
  49. package/dist/styleLint/functional/themes/light-colorblind.json +254 -173
  50. package/dist/styleLint/functional/themes/light-high-contrast.json +452 -361
  51. package/dist/styleLint/functional/themes/light-tritanopia.json +252 -171
  52. package/dist/styleLint/functional/themes/light.json +246 -157
  53. package/package.json +38 -35
  54. package/src/formats/cssAdvanced.ts +3 -3
  55. package/src/formats/cssCustomMedia.ts +2 -2
  56. package/src/formats/javascriptCommonJs.ts +2 -2
  57. package/src/formats/javascriptEsm.ts +2 -2
  58. package/src/formats/jsonFigma.ts +2 -2
  59. package/src/formats/jsonNestedPrefixed.ts +2 -2
  60. package/src/formats/jsonOneDimensional.ts +2 -2
  61. package/src/formats/jsonPostCssFallback.ts +2 -2
  62. package/src/formats/typescriptExportDefinition.ts +2 -2
  63. package/src/schemas/designToken.ts +1 -1
  64. package/src/schemas/validTokenType.ts +1 -1
  65. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +528 -2
  66. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
  67. package/src/tokens/functional/color/dark/patterns-dark.json5 +26 -0
  68. package/src/tokens/functional/color/dark/primitives-dark.json5 +78 -65
  69. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +400 -0
  70. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  71. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  72. package/src/tokens/functional/color/light/patterns-light.json5 +26 -0
  73. package/src/tokens/functional/color/light/primitives-light.json5 +77 -64
  74. package/src/tokens/functional/size/border.json +13 -0
@@ -348,100 +348,100 @@
348
348
  --data-gray-color: #808fa3;
349
349
  --data-gray-color-muted: #e8ecf2;
350
350
  --display-blue-bgColor-muted: #d1f0ff;
351
- --display-blue-bgColor-emphasis: #006edb;
352
- --display-blue-fgColor: #005fcc;
351
+ --display-blue-bgColor-emphasis: #004db3;
352
+ --display-blue-fgColor: #003d99;
353
353
  --display-blue-borderColor-muted: #ade1ff;
354
- --display-blue-borderColor-emphasis: #006edb;
354
+ --display-blue-borderColor-emphasis: #005fcc;
355
355
  --display-green-bgColor-muted: #caf7ca;
356
- --display-green-bgColor-emphasis: #2c8141;
357
- --display-green-fgColor: #2b6e3f;
356
+ --display-green-bgColor-emphasis: #285c3b;
357
+ --display-green-fgColor: #254b34;
358
358
  --display-green-borderColor-muted: #9ceda0;
359
- --display-green-borderColor-emphasis: #2c8141;
359
+ --display-green-borderColor-emphasis: #2b6e3f;
360
360
  --display-orange-bgColor-muted: #ffe7d1;
361
- --display-orange-bgColor-emphasis: #b8500f;
362
- --display-orange-fgColor: #a24610;
361
+ --display-orange-bgColor-emphasis: #8d3c11;
362
+ --display-orange-fgColor: #70300f;
363
363
  --display-orange-borderColor-muted: #fecfaa;
364
- --display-orange-borderColor-emphasis: #b8500f;
364
+ --display-orange-borderColor-emphasis: #a24610;
365
365
  --display-purple-bgColor-muted: #f1e5ff;
366
- --display-purple-bgColor-emphasis: #894ceb;
367
- --display-purple-fgColor: #783ae4;
366
+ --display-purple-bgColor-emphasis: #6223d7;
367
+ --display-purple-fgColor: #4f21ab;
368
368
  --display-purple-borderColor-muted: #e6d2fe;
369
- --display-purple-borderColor-emphasis: #894ceb;
369
+ --display-purple-borderColor-emphasis: #783ae4;
370
370
  --display-plum-bgColor-muted: #f8e5ff;
371
- --display-plum-bgColor-emphasis: #a830e8;
372
- --display-plum-fgColor: #961edc;
371
+ --display-plum-bgColor-emphasis: #7d1eb8;
372
+ --display-plum-fgColor: #651d96;
373
373
  --display-plum-borderColor-muted: #f0cdfe;
374
- --display-plum-borderColor-emphasis: #a830e8;
374
+ --display-plum-borderColor-emphasis: #961edc;
375
375
  --display-red-bgColor-muted: #ffe2e0;
376
- --display-red-bgColor-emphasis: #df0c24;
377
- --display-red-fgColor: #c50d28;
376
+ --display-red-bgColor-emphasis: #a60c29;
377
+ --display-red-fgColor: #880c27;
378
378
  --display-red-borderColor-muted: #fecdcd;
379
- --display-red-borderColor-emphasis: #df0c24;
379
+ --display-red-borderColor-emphasis: #c50d28;
380
380
  --display-coral-bgColor-muted: #ffe5db;
381
- --display-coral-bgColor-emphasis: #d43511;
382
- --display-coral-fgColor: #ba2e12;
381
+ --display-coral-bgColor-emphasis: #9b2712;
382
+ --display-coral-fgColor: #7e2011;
383
383
  --display-coral-borderColor-muted: #fecebe;
384
- --display-coral-borderColor-emphasis: #d43511;
384
+ --display-coral-borderColor-emphasis: #ba2e12;
385
385
  --display-yellow-bgColor-muted: #ffec9e;
386
- --display-yellow-bgColor-emphasis: #946a00;
387
- --display-yellow-fgColor: #805900;
386
+ --display-yellow-bgColor-emphasis: #704d00;
387
+ --display-yellow-fgColor: #5c3d00;
388
388
  --display-yellow-borderColor-muted: #ffd642;
389
- --display-yellow-borderColor-emphasis: #946a00;
389
+ --display-yellow-borderColor-emphasis: #805900;
390
390
  --display-gray-bgColor-muted: #e8ecf2;
391
- --display-gray-bgColor-emphasis: #647182;
392
- --display-gray-fgColor: #5c6570;
391
+ --display-gray-bgColor-emphasis: #4e535a;
392
+ --display-gray-fgColor: #424448;
393
393
  --display-gray-borderColor-muted: #d2dae4;
394
- --display-gray-borderColor-emphasis: #647182;
394
+ --display-gray-borderColor-emphasis: #5c6570;
395
395
  --display-auburn-bgColor-muted: #f2e9e9;
396
- --display-auburn-bgColor-emphasis: #9d615c;
397
- --display-auburn-fgColor: #8a5551;
396
+ --display-auburn-bgColor-emphasis: #744744;
397
+ --display-auburn-fgColor: #5d3937;
398
398
  --display-auburn-borderColor-muted: #e6d6d5;
399
- --display-auburn-borderColor-emphasis: #9d615c;
399
+ --display-auburn-borderColor-emphasis: #8a5551;
400
400
  --display-brown-bgColor-muted: #eeeae2;
401
- --display-brown-bgColor-emphasis: #856d4c;
402
- --display-brown-fgColor: #755f43;
401
+ --display-brown-bgColor-emphasis: #64513a;
402
+ --display-brown-fgColor: #51412f;
403
403
  --display-brown-borderColor-muted: #dfd7c8;
404
- --display-brown-borderColor-emphasis: #856d4c;
404
+ --display-brown-borderColor-emphasis: #755f43;
405
405
  --display-lemon-bgColor-muted: #f7eea1;
406
- --display-lemon-bgColor-emphasis: #866e04;
407
- --display-lemon-fgColor: #786002;
406
+ --display-lemon-bgColor-emphasis: #654f01;
407
+ --display-lemon-fgColor: #523f00;
408
408
  --display-lemon-borderColor-muted: #f0db3d;
409
- --display-lemon-borderColor-emphasis: #866e04;
409
+ --display-lemon-borderColor-emphasis: #786002;
410
410
  --display-olive-bgColor-muted: #f0f0ad;
411
- --display-olive-bgColor-emphasis: #64762d;
412
- --display-olive-fgColor: #56682c;
411
+ --display-olive-bgColor-emphasis: #495a2b;
412
+ --display-olive-fgColor: #3b4927;
413
413
  --display-olive-borderColor-muted: #dbe170;
414
- --display-olive-borderColor-emphasis: #64762d;
414
+ --display-olive-borderColor-emphasis: #56682c;
415
415
  --display-lime-bgColor-muted: #e3f2b5;
416
- --display-lime-bgColor-emphasis: #527a29;
417
- --display-lime-fgColor: #476c28;
416
+ --display-lime-bgColor-emphasis: #3a5b25;
417
+ --display-lime-fgColor: #2f4a21;
418
418
  --display-lime-borderColor-muted: #c7e580;
419
- --display-lime-borderColor-emphasis: #527a29;
419
+ --display-lime-borderColor-emphasis: #476c28;
420
420
  --display-pine-bgColor-muted: #bff8db;
421
- --display-pine-bgColor-emphasis: #167e53;
422
- --display-pine-fgColor: #156f4b;
421
+ --display-pine-bgColor-emphasis: #135d41;
422
+ --display-pine-fgColor: #114b36;
423
423
  --display-pine-borderColor-muted: #80efb9;
424
- --display-pine-borderColor-emphasis: #167e53;
424
+ --display-pine-borderColor-emphasis: #156f4b;
425
425
  --display-teal-bgColor-muted: #c7f5ef;
426
- --display-teal-bgColor-emphasis: #127e81;
427
- --display-teal-fgColor: #106e75;
426
+ --display-teal-bgColor-emphasis: #0d5b63;
427
+ --display-teal-fgColor: #0a4852;
428
428
  --display-teal-borderColor-muted: #89ebe1;
429
- --display-teal-borderColor-emphasis: #127e81;
429
+ --display-teal-borderColor-emphasis: #106e75;
430
430
  --display-cyan-bgColor-muted: #bdf4ff;
431
- --display-cyan-bgColor-emphasis: #007b94;
432
- --display-cyan-fgColor: #006a80;
431
+ --display-cyan-bgColor-emphasis: #00596b;
432
+ --display-cyan-fgColor: #004857;
433
433
  --display-cyan-borderColor-muted: #7ae9ff;
434
- --display-cyan-borderColor-emphasis: #007b94;
434
+ --display-cyan-borderColor-emphasis: #006a80;
435
435
  --display-indigo-bgColor-muted: #e5e9ff;
436
- --display-indigo-bgColor-emphasis: #5a61e7;
437
- --display-indigo-fgColor: #494edf;
436
+ --display-indigo-bgColor-emphasis: #393cd5;
437
+ --display-indigo-fgColor: #2d2db4;
438
438
  --display-indigo-borderColor-muted: #d2d7fe;
439
- --display-indigo-borderColor-emphasis: #5a61e7;
439
+ --display-indigo-borderColor-emphasis: #494edf;
440
440
  --display-pink-bgColor-muted: #ffe5f1;
441
- --display-pink-bgColor-emphasis: #ce2c85;
442
- --display-pink-fgColor: #b12f79;
441
+ --display-pink-bgColor-emphasis: #8e2e66;
442
+ --display-pink-fgColor: #6e2b53;
443
443
  --display-pink-borderColor-muted: #fdc9e2;
444
- --display-pink-borderColor-emphasis: #ce2c85;
444
+ --display-pink-borderColor-emphasis: #b12f79;
445
445
  --avatar-bgColor: #ffffff;
446
446
  --avatar-borderColor: #010409e6;
447
447
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -453,7 +453,7 @@
453
453
  --control-bgColor-disabled: #ced5dcb3;
454
454
  --control-bgColor-selected: #acb6c0;
455
455
  --control-fgColor-rest: #0e1116;
456
- --control-fgColor-placeholder: #616a75;
456
+ --control-fgColor-placeholder: #464e58;
457
457
  --control-fgColor-disabled: #66707b;
458
458
  --control-borderColor-rest: #20252c;
459
459
  --control-borderColor-emphasis: #20252c;
@@ -491,7 +491,7 @@
491
491
  --controlTrack-bgColor-disabled: #66707b;
492
492
  --controlTrack-fgColor-rest: #010409;
493
493
  --controlTrack-fgColor-disabled: #ffffff;
494
- --controlTrack-borderColor-rest: #ffffff00;
494
+ --controlTrack-borderColor-rest: #66707b;
495
495
  --controlTrack-borderColor-disabled: #66707b;
496
496
  --controlKnob-bgColor-rest: #ffffff;
497
497
  --controlKnob-bgColor-disabled: #ced5dcb3;
@@ -564,8 +564,8 @@
564
564
  --button-inactive-fgColor: #4b535d;
565
565
  --button-inactive-bgColor: #e7ecf0;
566
566
  --button-star-iconColor: #d5a824;
567
- --buttonCounter-default-bgColor-rest: #66707b33;
568
- --buttonCounter-invisible-bgColor-rest: #66707b33;
567
+ --buttonCounter-default-bgColor-rest: #4b535d33;
568
+ --buttonCounter-invisible-bgColor-rest: #4b535d33;
569
569
  --buttonCounter-primary-bgColor-rest: #00230b33;
570
570
  --buttonCounter-outline-bgColor-rest: #0349b41a;
571
571
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -714,24 +714,27 @@
714
714
  --label-coral-fgColor-rest: #ba2e12;
715
715
  --label-coral-fgColor-hover: #9b2712;
716
716
  --label-coral-fgColor-active: #7e2011;
717
+ --tooltip-bgColor: #0e1116;
718
+ --tooltip-fgColor: #ffffff;
717
719
  --fgColor-default: #010409;
718
720
  --fgColor-muted: #0e1116;
719
721
  --fgColor-onEmphasis: #ffffff;
722
+ --fgColor-onInverse: #ffffff;
720
723
  --fgColor-white: #ffffff;
721
724
  --fgColor-black: #010409;
722
725
  --fgColor-disabled: #66707b;
723
726
  --fgColor-link: #023b95;
724
- --fgColor-neutral: #66707b;
727
+ --fgColor-neutral: #343b43;
725
728
  --fgColor-accent: #023b95;
726
- --fgColor-success: #055d20;
727
- --fgColor-attention: #744500;
728
- --fgColor-severe: #873800;
729
+ --fgColor-success: #024c1a;
730
+ --fgColor-open: #024c1a;
731
+ --fgColor-attention: #603700;
732
+ --fgColor-severe: #702c00;
729
733
  --fgColor-danger: #8a071e;
730
- --fgColor-open: #055d20;
731
734
  --fgColor-closed: #8a071e;
732
- --fgColor-done: #622cbc;
733
- --fgColor-upsell: #622cbc;
734
- --fgColor-sponsors: #971368;
735
+ --fgColor-done: #512598;
736
+ --fgColor-upsell: #512598;
737
+ --fgColor-sponsors: #7d0c57;
735
738
  --bgColor-default: #ffffff;
736
739
  --bgColor-muted: #e7ecf0;
737
740
  --bgColor-inset: #ffffff;
@@ -742,19 +745,19 @@
742
745
  --bgColor-disabled: #ced5dcb3;
743
746
  --bgColor-transparent: #ffffff00;
744
747
  --bgColor-neutral-muted: #e7ecf0;
745
- --bgColor-neutral-emphasis: #66707b;
748
+ --bgColor-neutral-emphasis: #4b535d;
746
749
  --bgColor-accent-muted: #dff7ff;
747
750
  --bgColor-accent-emphasis: #0349b4;
748
751
  --bgColor-success-muted: #d2fedb;
749
752
  --bgColor-success-emphasis: #055d20;
753
+ --bgColor-open-muted: #d2fedb;
754
+ --bgColor-open-emphasis: #055d20;
750
755
  --bgColor-attention-muted: #fcf7be;
751
756
  --bgColor-attention-emphasis: #744500;
752
757
  --bgColor-severe-muted: #fff2d5;
753
758
  --bgColor-severe-emphasis: #873800;
754
759
  --bgColor-danger-muted: #fff0ee;
755
760
  --bgColor-danger-emphasis: #a0111f;
756
- --bgColor-open-muted: #d2fedb;
757
- --bgColor-open-emphasis: #055d20;
758
761
  --bgColor-closed-muted: #fff0ee;
759
762
  --bgColor-closed-emphasis: #a0111f;
760
763
  --bgColor-done-muted: #faf0fe;
@@ -775,14 +778,14 @@
775
778
  --borderColor-accent-emphasis: #0349b4;
776
779
  --borderColor-success-muted: #26a148;
777
780
  --borderColor-success-emphasis: #055d20;
781
+ --borderColor-open-muted: #26a148;
782
+ --borderColor-open-emphasis: #055d20;
778
783
  --borderColor-attention-muted: #b58407;
779
784
  --borderColor-attention-emphasis: #744500;
780
785
  --borderColor-severe-muted: #dc6d1a;
781
786
  --borderColor-severe-emphasis: #873800;
782
787
  --borderColor-danger-muted: #ee5a5d;
783
788
  --borderColor-danger-emphasis: #a0111f;
784
- --borderColor-open-muted: #26a148;
785
- --borderColor-open-emphasis: #055d20;
786
789
  --borderColor-closed-muted: #ee5a5d66;
787
790
  --borderColor-closed-emphasis: #a0111f;
788
791
  --borderColor-done-muted: #a371f7;
@@ -1197,100 +1200,100 @@
1197
1200
  --data-gray-color: #808fa3;
1198
1201
  --data-gray-color-muted: #e8ecf2;
1199
1202
  --display-blue-bgColor-muted: #d1f0ff;
1200
- --display-blue-bgColor-emphasis: #006edb;
1201
- --display-blue-fgColor: #005fcc;
1203
+ --display-blue-bgColor-emphasis: #004db3;
1204
+ --display-blue-fgColor: #003d99;
1202
1205
  --display-blue-borderColor-muted: #ade1ff;
1203
- --display-blue-borderColor-emphasis: #006edb;
1206
+ --display-blue-borderColor-emphasis: #005fcc;
1204
1207
  --display-green-bgColor-muted: #caf7ca;
1205
- --display-green-bgColor-emphasis: #2c8141;
1206
- --display-green-fgColor: #2b6e3f;
1208
+ --display-green-bgColor-emphasis: #285c3b;
1209
+ --display-green-fgColor: #254b34;
1207
1210
  --display-green-borderColor-muted: #9ceda0;
1208
- --display-green-borderColor-emphasis: #2c8141;
1211
+ --display-green-borderColor-emphasis: #2b6e3f;
1209
1212
  --display-orange-bgColor-muted: #ffe7d1;
1210
- --display-orange-bgColor-emphasis: #b8500f;
1211
- --display-orange-fgColor: #a24610;
1213
+ --display-orange-bgColor-emphasis: #8d3c11;
1214
+ --display-orange-fgColor: #70300f;
1212
1215
  --display-orange-borderColor-muted: #fecfaa;
1213
- --display-orange-borderColor-emphasis: #b8500f;
1216
+ --display-orange-borderColor-emphasis: #a24610;
1214
1217
  --display-purple-bgColor-muted: #f1e5ff;
1215
- --display-purple-bgColor-emphasis: #894ceb;
1216
- --display-purple-fgColor: #783ae4;
1218
+ --display-purple-bgColor-emphasis: #6223d7;
1219
+ --display-purple-fgColor: #4f21ab;
1217
1220
  --display-purple-borderColor-muted: #e6d2fe;
1218
- --display-purple-borderColor-emphasis: #894ceb;
1221
+ --display-purple-borderColor-emphasis: #783ae4;
1219
1222
  --display-plum-bgColor-muted: #f8e5ff;
1220
- --display-plum-bgColor-emphasis: #a830e8;
1221
- --display-plum-fgColor: #961edc;
1223
+ --display-plum-bgColor-emphasis: #7d1eb8;
1224
+ --display-plum-fgColor: #651d96;
1222
1225
  --display-plum-borderColor-muted: #f0cdfe;
1223
- --display-plum-borderColor-emphasis: #a830e8;
1226
+ --display-plum-borderColor-emphasis: #961edc;
1224
1227
  --display-red-bgColor-muted: #ffe2e0;
1225
- --display-red-bgColor-emphasis: #df0c24;
1226
- --display-red-fgColor: #c50d28;
1228
+ --display-red-bgColor-emphasis: #a60c29;
1229
+ --display-red-fgColor: #880c27;
1227
1230
  --display-red-borderColor-muted: #fecdcd;
1228
- --display-red-borderColor-emphasis: #df0c24;
1231
+ --display-red-borderColor-emphasis: #c50d28;
1229
1232
  --display-coral-bgColor-muted: #ffe5db;
1230
- --display-coral-bgColor-emphasis: #d43511;
1231
- --display-coral-fgColor: #ba2e12;
1233
+ --display-coral-bgColor-emphasis: #9b2712;
1234
+ --display-coral-fgColor: #7e2011;
1232
1235
  --display-coral-borderColor-muted: #fecebe;
1233
- --display-coral-borderColor-emphasis: #d43511;
1236
+ --display-coral-borderColor-emphasis: #ba2e12;
1234
1237
  --display-yellow-bgColor-muted: #ffec9e;
1235
- --display-yellow-bgColor-emphasis: #946a00;
1236
- --display-yellow-fgColor: #805900;
1238
+ --display-yellow-bgColor-emphasis: #704d00;
1239
+ --display-yellow-fgColor: #5c3d00;
1237
1240
  --display-yellow-borderColor-muted: #ffd642;
1238
- --display-yellow-borderColor-emphasis: #946a00;
1241
+ --display-yellow-borderColor-emphasis: #805900;
1239
1242
  --display-gray-bgColor-muted: #e8ecf2;
1240
- --display-gray-bgColor-emphasis: #647182;
1241
- --display-gray-fgColor: #5c6570;
1243
+ --display-gray-bgColor-emphasis: #4e535a;
1244
+ --display-gray-fgColor: #424448;
1242
1245
  --display-gray-borderColor-muted: #d2dae4;
1243
- --display-gray-borderColor-emphasis: #647182;
1246
+ --display-gray-borderColor-emphasis: #5c6570;
1244
1247
  --display-auburn-bgColor-muted: #f2e9e9;
1245
- --display-auburn-bgColor-emphasis: #9d615c;
1246
- --display-auburn-fgColor: #8a5551;
1248
+ --display-auburn-bgColor-emphasis: #744744;
1249
+ --display-auburn-fgColor: #5d3937;
1247
1250
  --display-auburn-borderColor-muted: #e6d6d5;
1248
- --display-auburn-borderColor-emphasis: #9d615c;
1251
+ --display-auburn-borderColor-emphasis: #8a5551;
1249
1252
  --display-brown-bgColor-muted: #eeeae2;
1250
- --display-brown-bgColor-emphasis: #856d4c;
1251
- --display-brown-fgColor: #755f43;
1253
+ --display-brown-bgColor-emphasis: #64513a;
1254
+ --display-brown-fgColor: #51412f;
1252
1255
  --display-brown-borderColor-muted: #dfd7c8;
1253
- --display-brown-borderColor-emphasis: #856d4c;
1256
+ --display-brown-borderColor-emphasis: #755f43;
1254
1257
  --display-lemon-bgColor-muted: #f7eea1;
1255
- --display-lemon-bgColor-emphasis: #866e04;
1256
- --display-lemon-fgColor: #786002;
1258
+ --display-lemon-bgColor-emphasis: #654f01;
1259
+ --display-lemon-fgColor: #523f00;
1257
1260
  --display-lemon-borderColor-muted: #f0db3d;
1258
- --display-lemon-borderColor-emphasis: #866e04;
1261
+ --display-lemon-borderColor-emphasis: #786002;
1259
1262
  --display-olive-bgColor-muted: #f0f0ad;
1260
- --display-olive-bgColor-emphasis: #64762d;
1261
- --display-olive-fgColor: #56682c;
1263
+ --display-olive-bgColor-emphasis: #495a2b;
1264
+ --display-olive-fgColor: #3b4927;
1262
1265
  --display-olive-borderColor-muted: #dbe170;
1263
- --display-olive-borderColor-emphasis: #64762d;
1266
+ --display-olive-borderColor-emphasis: #56682c;
1264
1267
  --display-lime-bgColor-muted: #e3f2b5;
1265
- --display-lime-bgColor-emphasis: #527a29;
1266
- --display-lime-fgColor: #476c28;
1268
+ --display-lime-bgColor-emphasis: #3a5b25;
1269
+ --display-lime-fgColor: #2f4a21;
1267
1270
  --display-lime-borderColor-muted: #c7e580;
1268
- --display-lime-borderColor-emphasis: #527a29;
1271
+ --display-lime-borderColor-emphasis: #476c28;
1269
1272
  --display-pine-bgColor-muted: #bff8db;
1270
- --display-pine-bgColor-emphasis: #167e53;
1271
- --display-pine-fgColor: #156f4b;
1273
+ --display-pine-bgColor-emphasis: #135d41;
1274
+ --display-pine-fgColor: #114b36;
1272
1275
  --display-pine-borderColor-muted: #80efb9;
1273
- --display-pine-borderColor-emphasis: #167e53;
1276
+ --display-pine-borderColor-emphasis: #156f4b;
1274
1277
  --display-teal-bgColor-muted: #c7f5ef;
1275
- --display-teal-bgColor-emphasis: #127e81;
1276
- --display-teal-fgColor: #106e75;
1278
+ --display-teal-bgColor-emphasis: #0d5b63;
1279
+ --display-teal-fgColor: #0a4852;
1277
1280
  --display-teal-borderColor-muted: #89ebe1;
1278
- --display-teal-borderColor-emphasis: #127e81;
1281
+ --display-teal-borderColor-emphasis: #106e75;
1279
1282
  --display-cyan-bgColor-muted: #bdf4ff;
1280
- --display-cyan-bgColor-emphasis: #007b94;
1281
- --display-cyan-fgColor: #006a80;
1283
+ --display-cyan-bgColor-emphasis: #00596b;
1284
+ --display-cyan-fgColor: #004857;
1282
1285
  --display-cyan-borderColor-muted: #7ae9ff;
1283
- --display-cyan-borderColor-emphasis: #007b94;
1286
+ --display-cyan-borderColor-emphasis: #006a80;
1284
1287
  --display-indigo-bgColor-muted: #e5e9ff;
1285
- --display-indigo-bgColor-emphasis: #5a61e7;
1286
- --display-indigo-fgColor: #494edf;
1288
+ --display-indigo-bgColor-emphasis: #393cd5;
1289
+ --display-indigo-fgColor: #2d2db4;
1287
1290
  --display-indigo-borderColor-muted: #d2d7fe;
1288
- --display-indigo-borderColor-emphasis: #5a61e7;
1291
+ --display-indigo-borderColor-emphasis: #494edf;
1289
1292
  --display-pink-bgColor-muted: #ffe5f1;
1290
- --display-pink-bgColor-emphasis: #ce2c85;
1291
- --display-pink-fgColor: #b12f79;
1293
+ --display-pink-bgColor-emphasis: #8e2e66;
1294
+ --display-pink-fgColor: #6e2b53;
1292
1295
  --display-pink-borderColor-muted: #fdc9e2;
1293
- --display-pink-borderColor-emphasis: #ce2c85;
1296
+ --display-pink-borderColor-emphasis: #b12f79;
1294
1297
  --avatar-bgColor: #ffffff;
1295
1298
  --avatar-borderColor: #010409e6;
1296
1299
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -1302,7 +1305,7 @@
1302
1305
  --control-bgColor-disabled: #ced5dcb3;
1303
1306
  --control-bgColor-selected: #acb6c0;
1304
1307
  --control-fgColor-rest: #0e1116;
1305
- --control-fgColor-placeholder: #616a75;
1308
+ --control-fgColor-placeholder: #464e58;
1306
1309
  --control-fgColor-disabled: #66707b;
1307
1310
  --control-borderColor-rest: #20252c;
1308
1311
  --control-borderColor-emphasis: #20252c;
@@ -1340,7 +1343,7 @@
1340
1343
  --controlTrack-bgColor-disabled: #66707b;
1341
1344
  --controlTrack-fgColor-rest: #010409;
1342
1345
  --controlTrack-fgColor-disabled: #ffffff;
1343
- --controlTrack-borderColor-rest: #ffffff00;
1346
+ --controlTrack-borderColor-rest: #66707b;
1344
1347
  --controlTrack-borderColor-disabled: #66707b;
1345
1348
  --controlKnob-bgColor-rest: #ffffff;
1346
1349
  --controlKnob-bgColor-disabled: #ced5dcb3;
@@ -1413,8 +1416,8 @@
1413
1416
  --button-inactive-fgColor: #4b535d;
1414
1417
  --button-inactive-bgColor: #e7ecf0;
1415
1418
  --button-star-iconColor: #d5a824;
1416
- --buttonCounter-default-bgColor-rest: #66707b33;
1417
- --buttonCounter-invisible-bgColor-rest: #66707b33;
1419
+ --buttonCounter-default-bgColor-rest: #4b535d33;
1420
+ --buttonCounter-invisible-bgColor-rest: #4b535d33;
1418
1421
  --buttonCounter-primary-bgColor-rest: #00230b33;
1419
1422
  --buttonCounter-outline-bgColor-rest: #0349b41a;
1420
1423
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -1563,24 +1566,27 @@
1563
1566
  --label-coral-fgColor-rest: #ba2e12;
1564
1567
  --label-coral-fgColor-hover: #9b2712;
1565
1568
  --label-coral-fgColor-active: #7e2011;
1569
+ --tooltip-bgColor: #0e1116;
1570
+ --tooltip-fgColor: #ffffff;
1566
1571
  --fgColor-default: #010409;
1567
1572
  --fgColor-muted: #0e1116;
1568
1573
  --fgColor-onEmphasis: #ffffff;
1574
+ --fgColor-onInverse: #ffffff;
1569
1575
  --fgColor-white: #ffffff;
1570
1576
  --fgColor-black: #010409;
1571
1577
  --fgColor-disabled: #66707b;
1572
1578
  --fgColor-link: #023b95;
1573
- --fgColor-neutral: #66707b;
1579
+ --fgColor-neutral: #343b43;
1574
1580
  --fgColor-accent: #023b95;
1575
- --fgColor-success: #055d20;
1576
- --fgColor-attention: #744500;
1577
- --fgColor-severe: #873800;
1581
+ --fgColor-success: #024c1a;
1582
+ --fgColor-open: #024c1a;
1583
+ --fgColor-attention: #603700;
1584
+ --fgColor-severe: #702c00;
1578
1585
  --fgColor-danger: #8a071e;
1579
- --fgColor-open: #055d20;
1580
1586
  --fgColor-closed: #8a071e;
1581
- --fgColor-done: #622cbc;
1582
- --fgColor-upsell: #622cbc;
1583
- --fgColor-sponsors: #971368;
1587
+ --fgColor-done: #512598;
1588
+ --fgColor-upsell: #512598;
1589
+ --fgColor-sponsors: #7d0c57;
1584
1590
  --bgColor-default: #ffffff;
1585
1591
  --bgColor-muted: #e7ecf0;
1586
1592
  --bgColor-inset: #ffffff;
@@ -1591,19 +1597,19 @@
1591
1597
  --bgColor-disabled: #ced5dcb3;
1592
1598
  --bgColor-transparent: #ffffff00;
1593
1599
  --bgColor-neutral-muted: #e7ecf0;
1594
- --bgColor-neutral-emphasis: #66707b;
1600
+ --bgColor-neutral-emphasis: #4b535d;
1595
1601
  --bgColor-accent-muted: #dff7ff;
1596
1602
  --bgColor-accent-emphasis: #0349b4;
1597
1603
  --bgColor-success-muted: #d2fedb;
1598
1604
  --bgColor-success-emphasis: #055d20;
1605
+ --bgColor-open-muted: #d2fedb;
1606
+ --bgColor-open-emphasis: #055d20;
1599
1607
  --bgColor-attention-muted: #fcf7be;
1600
1608
  --bgColor-attention-emphasis: #744500;
1601
1609
  --bgColor-severe-muted: #fff2d5;
1602
1610
  --bgColor-severe-emphasis: #873800;
1603
1611
  --bgColor-danger-muted: #fff0ee;
1604
1612
  --bgColor-danger-emphasis: #a0111f;
1605
- --bgColor-open-muted: #d2fedb;
1606
- --bgColor-open-emphasis: #055d20;
1607
1613
  --bgColor-closed-muted: #fff0ee;
1608
1614
  --bgColor-closed-emphasis: #a0111f;
1609
1615
  --bgColor-done-muted: #faf0fe;
@@ -1624,14 +1630,14 @@
1624
1630
  --borderColor-accent-emphasis: #0349b4;
1625
1631
  --borderColor-success-muted: #26a148;
1626
1632
  --borderColor-success-emphasis: #055d20;
1633
+ --borderColor-open-muted: #26a148;
1634
+ --borderColor-open-emphasis: #055d20;
1627
1635
  --borderColor-attention-muted: #b58407;
1628
1636
  --borderColor-attention-emphasis: #744500;
1629
1637
  --borderColor-severe-muted: #dc6d1a;
1630
1638
  --borderColor-severe-emphasis: #873800;
1631
1639
  --borderColor-danger-muted: #ee5a5d;
1632
1640
  --borderColor-danger-emphasis: #a0111f;
1633
- --borderColor-open-muted: #26a148;
1634
- --borderColor-open-emphasis: #055d20;
1635
1641
  --borderColor-closed-muted: #ee5a5d66;
1636
1642
  --borderColor-closed-emphasis: #a0111f;
1637
1643
  --borderColor-done-muted: #a371f7;