@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
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -63,100 +63,100 @@
63
63
  --data-gray-color: #808fa3;
64
64
  --data-gray-color-muted: #e8ecf2;
65
65
  --display-blue-bgColor-muted: #d1f0ff;
66
- --display-blue-bgColor-emphasis: #006edb;
67
- --display-blue-fgColor: #005fcc;
66
+ --display-blue-bgColor-emphasis: #004db3;
67
+ --display-blue-fgColor: #003d99;
68
68
  --display-blue-borderColor-muted: #ade1ff;
69
- --display-blue-borderColor-emphasis: #006edb;
69
+ --display-blue-borderColor-emphasis: #005fcc;
70
70
  --display-green-bgColor-muted: #caf7ca;
71
- --display-green-bgColor-emphasis: #2c8141;
72
- --display-green-fgColor: #2b6e3f;
71
+ --display-green-bgColor-emphasis: #285c3b;
72
+ --display-green-fgColor: #254b34;
73
73
  --display-green-borderColor-muted: #9ceda0;
74
- --display-green-borderColor-emphasis: #2c8141;
74
+ --display-green-borderColor-emphasis: #2b6e3f;
75
75
  --display-orange-bgColor-muted: #ffe7d1;
76
- --display-orange-bgColor-emphasis: #b8500f;
77
- --display-orange-fgColor: #a24610;
76
+ --display-orange-bgColor-emphasis: #8d3c11;
77
+ --display-orange-fgColor: #70300f;
78
78
  --display-orange-borderColor-muted: #fecfaa;
79
- --display-orange-borderColor-emphasis: #b8500f;
79
+ --display-orange-borderColor-emphasis: #a24610;
80
80
  --display-purple-bgColor-muted: #f1e5ff;
81
- --display-purple-bgColor-emphasis: #894ceb;
82
- --display-purple-fgColor: #783ae4;
81
+ --display-purple-bgColor-emphasis: #6223d7;
82
+ --display-purple-fgColor: #4f21ab;
83
83
  --display-purple-borderColor-muted: #e6d2fe;
84
- --display-purple-borderColor-emphasis: #894ceb;
84
+ --display-purple-borderColor-emphasis: #783ae4;
85
85
  --display-plum-bgColor-muted: #f8e5ff;
86
- --display-plum-bgColor-emphasis: #a830e8;
87
- --display-plum-fgColor: #961edc;
86
+ --display-plum-bgColor-emphasis: #7d1eb8;
87
+ --display-plum-fgColor: #651d96;
88
88
  --display-plum-borderColor-muted: #f0cdfe;
89
- --display-plum-borderColor-emphasis: #a830e8;
89
+ --display-plum-borderColor-emphasis: #961edc;
90
90
  --display-red-bgColor-muted: #ffe2e0;
91
- --display-red-bgColor-emphasis: #df0c24;
92
- --display-red-fgColor: #c50d28;
91
+ --display-red-bgColor-emphasis: #a60c29;
92
+ --display-red-fgColor: #880c27;
93
93
  --display-red-borderColor-muted: #fecdcd;
94
- --display-red-borderColor-emphasis: #df0c24;
94
+ --display-red-borderColor-emphasis: #c50d28;
95
95
  --display-coral-bgColor-muted: #ffe5db;
96
- --display-coral-bgColor-emphasis: #d43511;
97
- --display-coral-fgColor: #ba2e12;
96
+ --display-coral-bgColor-emphasis: #9b2712;
97
+ --display-coral-fgColor: #7e2011;
98
98
  --display-coral-borderColor-muted: #fecebe;
99
- --display-coral-borderColor-emphasis: #d43511;
99
+ --display-coral-borderColor-emphasis: #ba2e12;
100
100
  --display-yellow-bgColor-muted: #ffec9e;
101
- --display-yellow-bgColor-emphasis: #946a00;
102
- --display-yellow-fgColor: #805900;
101
+ --display-yellow-bgColor-emphasis: #704d00;
102
+ --display-yellow-fgColor: #5c3d00;
103
103
  --display-yellow-borderColor-muted: #ffd642;
104
- --display-yellow-borderColor-emphasis: #946a00;
104
+ --display-yellow-borderColor-emphasis: #805900;
105
105
  --display-gray-bgColor-muted: #e8ecf2;
106
- --display-gray-bgColor-emphasis: #647182;
107
- --display-gray-fgColor: #5c6570;
106
+ --display-gray-bgColor-emphasis: #4e535a;
107
+ --display-gray-fgColor: #424448;
108
108
  --display-gray-borderColor-muted: #d2dae4;
109
- --display-gray-borderColor-emphasis: #647182;
109
+ --display-gray-borderColor-emphasis: #5c6570;
110
110
  --display-auburn-bgColor-muted: #f2e9e9;
111
- --display-auburn-bgColor-emphasis: #9d615c;
112
- --display-auburn-fgColor: #8a5551;
111
+ --display-auburn-bgColor-emphasis: #744744;
112
+ --display-auburn-fgColor: #5d3937;
113
113
  --display-auburn-borderColor-muted: #e6d6d5;
114
- --display-auburn-borderColor-emphasis: #9d615c;
114
+ --display-auburn-borderColor-emphasis: #8a5551;
115
115
  --display-brown-bgColor-muted: #eeeae2;
116
- --display-brown-bgColor-emphasis: #856d4c;
117
- --display-brown-fgColor: #755f43;
116
+ --display-brown-bgColor-emphasis: #64513a;
117
+ --display-brown-fgColor: #51412f;
118
118
  --display-brown-borderColor-muted: #dfd7c8;
119
- --display-brown-borderColor-emphasis: #856d4c;
119
+ --display-brown-borderColor-emphasis: #755f43;
120
120
  --display-lemon-bgColor-muted: #f7eea1;
121
- --display-lemon-bgColor-emphasis: #866e04;
122
- --display-lemon-fgColor: #786002;
121
+ --display-lemon-bgColor-emphasis: #654f01;
122
+ --display-lemon-fgColor: #523f00;
123
123
  --display-lemon-borderColor-muted: #f0db3d;
124
- --display-lemon-borderColor-emphasis: #866e04;
124
+ --display-lemon-borderColor-emphasis: #786002;
125
125
  --display-olive-bgColor-muted: #f0f0ad;
126
- --display-olive-bgColor-emphasis: #64762d;
127
- --display-olive-fgColor: #56682c;
126
+ --display-olive-bgColor-emphasis: #495a2b;
127
+ --display-olive-fgColor: #3b4927;
128
128
  --display-olive-borderColor-muted: #dbe170;
129
- --display-olive-borderColor-emphasis: #64762d;
129
+ --display-olive-borderColor-emphasis: #56682c;
130
130
  --display-lime-bgColor-muted: #e3f2b5;
131
- --display-lime-bgColor-emphasis: #527a29;
132
- --display-lime-fgColor: #476c28;
131
+ --display-lime-bgColor-emphasis: #3a5b25;
132
+ --display-lime-fgColor: #2f4a21;
133
133
  --display-lime-borderColor-muted: #c7e580;
134
- --display-lime-borderColor-emphasis: #527a29;
134
+ --display-lime-borderColor-emphasis: #476c28;
135
135
  --display-pine-bgColor-muted: #bff8db;
136
- --display-pine-bgColor-emphasis: #167e53;
137
- --display-pine-fgColor: #156f4b;
136
+ --display-pine-bgColor-emphasis: #135d41;
137
+ --display-pine-fgColor: #114b36;
138
138
  --display-pine-borderColor-muted: #80efb9;
139
- --display-pine-borderColor-emphasis: #167e53;
139
+ --display-pine-borderColor-emphasis: #156f4b;
140
140
  --display-teal-bgColor-muted: #c7f5ef;
141
- --display-teal-bgColor-emphasis: #127e81;
142
- --display-teal-fgColor: #106e75;
141
+ --display-teal-bgColor-emphasis: #0d5b63;
142
+ --display-teal-fgColor: #0a4852;
143
143
  --display-teal-borderColor-muted: #89ebe1;
144
- --display-teal-borderColor-emphasis: #127e81;
144
+ --display-teal-borderColor-emphasis: #106e75;
145
145
  --display-cyan-bgColor-muted: #bdf4ff;
146
- --display-cyan-bgColor-emphasis: #007b94;
147
- --display-cyan-fgColor: #006a80;
146
+ --display-cyan-bgColor-emphasis: #00596b;
147
+ --display-cyan-fgColor: #004857;
148
148
  --display-cyan-borderColor-muted: #7ae9ff;
149
- --display-cyan-borderColor-emphasis: #007b94;
149
+ --display-cyan-borderColor-emphasis: #006a80;
150
150
  --display-indigo-bgColor-muted: #e5e9ff;
151
- --display-indigo-bgColor-emphasis: #5a61e7;
152
- --display-indigo-fgColor: #494edf;
151
+ --display-indigo-bgColor-emphasis: #393cd5;
152
+ --display-indigo-fgColor: #2d2db4;
153
153
  --display-indigo-borderColor-muted: #d2d7fe;
154
- --display-indigo-borderColor-emphasis: #5a61e7;
154
+ --display-indigo-borderColor-emphasis: #494edf;
155
155
  --display-pink-bgColor-muted: #ffe5f1;
156
- --display-pink-bgColor-emphasis: #ce2c85;
157
- --display-pink-fgColor: #b12f79;
156
+ --display-pink-bgColor-emphasis: #8e2e66;
157
+ --display-pink-fgColor: #6e2b53;
158
158
  --display-pink-borderColor-muted: #fdc9e2;
159
- --display-pink-borderColor-emphasis: #ce2c85;
159
+ --display-pink-borderColor-emphasis: #b12f79;
160
160
  --avatar-bgColor: #ffffff;
161
161
  --avatar-borderColor: #010409e6;
162
162
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -168,7 +168,7 @@
168
168
  --control-bgColor-disabled: #ced5dcb3;
169
169
  --control-bgColor-selected: #acb6c0;
170
170
  --control-fgColor-rest: #0e1116;
171
- --control-fgColor-placeholder: #616a75;
171
+ --control-fgColor-placeholder: #464e58;
172
172
  --control-fgColor-disabled: #66707b;
173
173
  --control-borderColor-rest: #20252c;
174
174
  --control-borderColor-emphasis: #20252c;
@@ -206,7 +206,7 @@
206
206
  --controlTrack-bgColor-disabled: #66707b;
207
207
  --controlTrack-fgColor-rest: #010409;
208
208
  --controlTrack-fgColor-disabled: #ffffff;
209
- --controlTrack-borderColor-rest: #ffffff00;
209
+ --controlTrack-borderColor-rest: #66707b;
210
210
  --controlTrack-borderColor-disabled: #66707b;
211
211
  --controlKnob-bgColor-rest: #ffffff;
212
212
  --controlKnob-bgColor-disabled: #ced5dcb3;
@@ -279,8 +279,8 @@
279
279
  --button-inactive-fgColor: #4b535d;
280
280
  --button-inactive-bgColor: #e7ecf0;
281
281
  --button-star-iconColor: #d5a824;
282
- --buttonCounter-default-bgColor-rest: #66707b33;
283
- --buttonCounter-invisible-bgColor-rest: #66707b33;
282
+ --buttonCounter-default-bgColor-rest: #4b535d33;
283
+ --buttonCounter-invisible-bgColor-rest: #4b535d33;
284
284
  --buttonCounter-primary-bgColor-rest: #00230b33;
285
285
  --buttonCounter-outline-bgColor-rest: #0349b41a;
286
286
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -429,24 +429,27 @@
429
429
  --label-coral-fgColor-rest: #ba2e12;
430
430
  --label-coral-fgColor-hover: #9b2712;
431
431
  --label-coral-fgColor-active: #7e2011;
432
+ --tooltip-bgColor: #0e1116;
433
+ --tooltip-fgColor: #ffffff;
432
434
  --fgColor-default: #010409;
433
435
  --fgColor-muted: #0e1116;
434
436
  --fgColor-onEmphasis: #ffffff;
437
+ --fgColor-onInverse: #ffffff;
435
438
  --fgColor-white: #ffffff;
436
439
  --fgColor-black: #010409;
437
440
  --fgColor-disabled: #66707b;
438
441
  --fgColor-link: #023b95;
439
- --fgColor-neutral: #66707b;
442
+ --fgColor-neutral: #343b43;
440
443
  --fgColor-accent: #023b95;
441
- --fgColor-success: #055d20;
442
- --fgColor-attention: #744500;
443
- --fgColor-severe: #873800;
444
+ --fgColor-success: #024c1a;
445
+ --fgColor-open: #024c1a;
446
+ --fgColor-attention: #603700;
447
+ --fgColor-severe: #702c00;
444
448
  --fgColor-danger: #8a071e;
445
- --fgColor-open: #055d20;
446
449
  --fgColor-closed: #8a071e;
447
- --fgColor-done: #622cbc;
448
- --fgColor-upsell: #622cbc;
449
- --fgColor-sponsors: #971368;
450
+ --fgColor-done: #512598;
451
+ --fgColor-upsell: #512598;
452
+ --fgColor-sponsors: #7d0c57;
450
453
  --bgColor-default: #ffffff;
451
454
  --bgColor-muted: #e7ecf0;
452
455
  --bgColor-inset: #ffffff;
@@ -457,19 +460,19 @@
457
460
  --bgColor-disabled: #ced5dcb3;
458
461
  --bgColor-transparent: #ffffff00;
459
462
  --bgColor-neutral-muted: #e7ecf0;
460
- --bgColor-neutral-emphasis: #66707b;
463
+ --bgColor-neutral-emphasis: #4b535d;
461
464
  --bgColor-accent-muted: #dff7ff;
462
465
  --bgColor-accent-emphasis: #0349b4;
463
466
  --bgColor-success-muted: #d2fedb;
464
467
  --bgColor-success-emphasis: #055d20;
468
+ --bgColor-open-muted: #d2fedb;
469
+ --bgColor-open-emphasis: #055d20;
465
470
  --bgColor-attention-muted: #fcf7be;
466
471
  --bgColor-attention-emphasis: #744500;
467
472
  --bgColor-severe-muted: #fff2d5;
468
473
  --bgColor-severe-emphasis: #873800;
469
474
  --bgColor-danger-muted: #fff0ee;
470
475
  --bgColor-danger-emphasis: #a0111f;
471
- --bgColor-open-muted: #d2fedb;
472
- --bgColor-open-emphasis: #055d20;
473
476
  --bgColor-closed-muted: #fff0ee;
474
477
  --bgColor-closed-emphasis: #a0111f;
475
478
  --bgColor-done-muted: #faf0fe;
@@ -490,14 +493,14 @@
490
493
  --borderColor-accent-emphasis: #0349b4;
491
494
  --borderColor-success-muted: #26a148;
492
495
  --borderColor-success-emphasis: #055d20;
496
+ --borderColor-open-muted: #26a148;
497
+ --borderColor-open-emphasis: #055d20;
493
498
  --borderColor-attention-muted: #b58407;
494
499
  --borderColor-attention-emphasis: #744500;
495
500
  --borderColor-severe-muted: #dc6d1a;
496
501
  --borderColor-severe-emphasis: #873800;
497
502
  --borderColor-danger-muted: #ee5a5d;
498
503
  --borderColor-danger-emphasis: #a0111f;
499
- --borderColor-open-muted: #26a148;
500
- --borderColor-open-emphasis: #055d20;
501
504
  --borderColor-closed-muted: #ee5a5d66;
502
505
  --borderColor-closed-emphasis: #a0111f;
503
506
  --borderColor-done-muted: #a371f7;
@@ -627,100 +630,100 @@
627
630
  --data-gray-color: #808fa3;
628
631
  --data-gray-color-muted: #e8ecf2;
629
632
  --display-blue-bgColor-muted: #d1f0ff;
630
- --display-blue-bgColor-emphasis: #006edb;
631
- --display-blue-fgColor: #005fcc;
633
+ --display-blue-bgColor-emphasis: #004db3;
634
+ --display-blue-fgColor: #003d99;
632
635
  --display-blue-borderColor-muted: #ade1ff;
633
- --display-blue-borderColor-emphasis: #006edb;
636
+ --display-blue-borderColor-emphasis: #005fcc;
634
637
  --display-green-bgColor-muted: #caf7ca;
635
- --display-green-bgColor-emphasis: #2c8141;
636
- --display-green-fgColor: #2b6e3f;
638
+ --display-green-bgColor-emphasis: #285c3b;
639
+ --display-green-fgColor: #254b34;
637
640
  --display-green-borderColor-muted: #9ceda0;
638
- --display-green-borderColor-emphasis: #2c8141;
641
+ --display-green-borderColor-emphasis: #2b6e3f;
639
642
  --display-orange-bgColor-muted: #ffe7d1;
640
- --display-orange-bgColor-emphasis: #b8500f;
641
- --display-orange-fgColor: #a24610;
643
+ --display-orange-bgColor-emphasis: #8d3c11;
644
+ --display-orange-fgColor: #70300f;
642
645
  --display-orange-borderColor-muted: #fecfaa;
643
- --display-orange-borderColor-emphasis: #b8500f;
646
+ --display-orange-borderColor-emphasis: #a24610;
644
647
  --display-purple-bgColor-muted: #f1e5ff;
645
- --display-purple-bgColor-emphasis: #894ceb;
646
- --display-purple-fgColor: #783ae4;
648
+ --display-purple-bgColor-emphasis: #6223d7;
649
+ --display-purple-fgColor: #4f21ab;
647
650
  --display-purple-borderColor-muted: #e6d2fe;
648
- --display-purple-borderColor-emphasis: #894ceb;
651
+ --display-purple-borderColor-emphasis: #783ae4;
649
652
  --display-plum-bgColor-muted: #f8e5ff;
650
- --display-plum-bgColor-emphasis: #a830e8;
651
- --display-plum-fgColor: #961edc;
653
+ --display-plum-bgColor-emphasis: #7d1eb8;
654
+ --display-plum-fgColor: #651d96;
652
655
  --display-plum-borderColor-muted: #f0cdfe;
653
- --display-plum-borderColor-emphasis: #a830e8;
656
+ --display-plum-borderColor-emphasis: #961edc;
654
657
  --display-red-bgColor-muted: #ffe2e0;
655
- --display-red-bgColor-emphasis: #df0c24;
656
- --display-red-fgColor: #c50d28;
658
+ --display-red-bgColor-emphasis: #a60c29;
659
+ --display-red-fgColor: #880c27;
657
660
  --display-red-borderColor-muted: #fecdcd;
658
- --display-red-borderColor-emphasis: #df0c24;
661
+ --display-red-borderColor-emphasis: #c50d28;
659
662
  --display-coral-bgColor-muted: #ffe5db;
660
- --display-coral-bgColor-emphasis: #d43511;
661
- --display-coral-fgColor: #ba2e12;
663
+ --display-coral-bgColor-emphasis: #9b2712;
664
+ --display-coral-fgColor: #7e2011;
662
665
  --display-coral-borderColor-muted: #fecebe;
663
- --display-coral-borderColor-emphasis: #d43511;
666
+ --display-coral-borderColor-emphasis: #ba2e12;
664
667
  --display-yellow-bgColor-muted: #ffec9e;
665
- --display-yellow-bgColor-emphasis: #946a00;
666
- --display-yellow-fgColor: #805900;
668
+ --display-yellow-bgColor-emphasis: #704d00;
669
+ --display-yellow-fgColor: #5c3d00;
667
670
  --display-yellow-borderColor-muted: #ffd642;
668
- --display-yellow-borderColor-emphasis: #946a00;
671
+ --display-yellow-borderColor-emphasis: #805900;
669
672
  --display-gray-bgColor-muted: #e8ecf2;
670
- --display-gray-bgColor-emphasis: #647182;
671
- --display-gray-fgColor: #5c6570;
673
+ --display-gray-bgColor-emphasis: #4e535a;
674
+ --display-gray-fgColor: #424448;
672
675
  --display-gray-borderColor-muted: #d2dae4;
673
- --display-gray-borderColor-emphasis: #647182;
676
+ --display-gray-borderColor-emphasis: #5c6570;
674
677
  --display-auburn-bgColor-muted: #f2e9e9;
675
- --display-auburn-bgColor-emphasis: #9d615c;
676
- --display-auburn-fgColor: #8a5551;
678
+ --display-auburn-bgColor-emphasis: #744744;
679
+ --display-auburn-fgColor: #5d3937;
677
680
  --display-auburn-borderColor-muted: #e6d6d5;
678
- --display-auburn-borderColor-emphasis: #9d615c;
681
+ --display-auburn-borderColor-emphasis: #8a5551;
679
682
  --display-brown-bgColor-muted: #eeeae2;
680
- --display-brown-bgColor-emphasis: #856d4c;
681
- --display-brown-fgColor: #755f43;
683
+ --display-brown-bgColor-emphasis: #64513a;
684
+ --display-brown-fgColor: #51412f;
682
685
  --display-brown-borderColor-muted: #dfd7c8;
683
- --display-brown-borderColor-emphasis: #856d4c;
686
+ --display-brown-borderColor-emphasis: #755f43;
684
687
  --display-lemon-bgColor-muted: #f7eea1;
685
- --display-lemon-bgColor-emphasis: #866e04;
686
- --display-lemon-fgColor: #786002;
688
+ --display-lemon-bgColor-emphasis: #654f01;
689
+ --display-lemon-fgColor: #523f00;
687
690
  --display-lemon-borderColor-muted: #f0db3d;
688
- --display-lemon-borderColor-emphasis: #866e04;
691
+ --display-lemon-borderColor-emphasis: #786002;
689
692
  --display-olive-bgColor-muted: #f0f0ad;
690
- --display-olive-bgColor-emphasis: #64762d;
691
- --display-olive-fgColor: #56682c;
693
+ --display-olive-bgColor-emphasis: #495a2b;
694
+ --display-olive-fgColor: #3b4927;
692
695
  --display-olive-borderColor-muted: #dbe170;
693
- --display-olive-borderColor-emphasis: #64762d;
696
+ --display-olive-borderColor-emphasis: #56682c;
694
697
  --display-lime-bgColor-muted: #e3f2b5;
695
- --display-lime-bgColor-emphasis: #527a29;
696
- --display-lime-fgColor: #476c28;
698
+ --display-lime-bgColor-emphasis: #3a5b25;
699
+ --display-lime-fgColor: #2f4a21;
697
700
  --display-lime-borderColor-muted: #c7e580;
698
- --display-lime-borderColor-emphasis: #527a29;
701
+ --display-lime-borderColor-emphasis: #476c28;
699
702
  --display-pine-bgColor-muted: #bff8db;
700
- --display-pine-bgColor-emphasis: #167e53;
701
- --display-pine-fgColor: #156f4b;
703
+ --display-pine-bgColor-emphasis: #135d41;
704
+ --display-pine-fgColor: #114b36;
702
705
  --display-pine-borderColor-muted: #80efb9;
703
- --display-pine-borderColor-emphasis: #167e53;
706
+ --display-pine-borderColor-emphasis: #156f4b;
704
707
  --display-teal-bgColor-muted: #c7f5ef;
705
- --display-teal-bgColor-emphasis: #127e81;
706
- --display-teal-fgColor: #106e75;
708
+ --display-teal-bgColor-emphasis: #0d5b63;
709
+ --display-teal-fgColor: #0a4852;
707
710
  --display-teal-borderColor-muted: #89ebe1;
708
- --display-teal-borderColor-emphasis: #127e81;
711
+ --display-teal-borderColor-emphasis: #106e75;
709
712
  --display-cyan-bgColor-muted: #bdf4ff;
710
- --display-cyan-bgColor-emphasis: #007b94;
711
- --display-cyan-fgColor: #006a80;
713
+ --display-cyan-bgColor-emphasis: #00596b;
714
+ --display-cyan-fgColor: #004857;
712
715
  --display-cyan-borderColor-muted: #7ae9ff;
713
- --display-cyan-borderColor-emphasis: #007b94;
716
+ --display-cyan-borderColor-emphasis: #006a80;
714
717
  --display-indigo-bgColor-muted: #e5e9ff;
715
- --display-indigo-bgColor-emphasis: #5a61e7;
716
- --display-indigo-fgColor: #494edf;
718
+ --display-indigo-bgColor-emphasis: #393cd5;
719
+ --display-indigo-fgColor: #2d2db4;
717
720
  --display-indigo-borderColor-muted: #d2d7fe;
718
- --display-indigo-borderColor-emphasis: #5a61e7;
721
+ --display-indigo-borderColor-emphasis: #494edf;
719
722
  --display-pink-bgColor-muted: #ffe5f1;
720
- --display-pink-bgColor-emphasis: #ce2c85;
721
- --display-pink-fgColor: #b12f79;
723
+ --display-pink-bgColor-emphasis: #8e2e66;
724
+ --display-pink-fgColor: #6e2b53;
722
725
  --display-pink-borderColor-muted: #fdc9e2;
723
- --display-pink-borderColor-emphasis: #ce2c85;
726
+ --display-pink-borderColor-emphasis: #b12f79;
724
727
  --avatar-bgColor: #ffffff;
725
728
  --avatar-borderColor: #010409e6;
726
729
  --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
@@ -732,7 +735,7 @@
732
735
  --control-bgColor-disabled: #ced5dcb3;
733
736
  --control-bgColor-selected: #acb6c0;
734
737
  --control-fgColor-rest: #0e1116;
735
- --control-fgColor-placeholder: #616a75;
738
+ --control-fgColor-placeholder: #464e58;
736
739
  --control-fgColor-disabled: #66707b;
737
740
  --control-borderColor-rest: #20252c;
738
741
  --control-borderColor-emphasis: #20252c;
@@ -770,7 +773,7 @@
770
773
  --controlTrack-bgColor-disabled: #66707b;
771
774
  --controlTrack-fgColor-rest: #010409;
772
775
  --controlTrack-fgColor-disabled: #ffffff;
773
- --controlTrack-borderColor-rest: #ffffff00;
776
+ --controlTrack-borderColor-rest: #66707b;
774
777
  --controlTrack-borderColor-disabled: #66707b;
775
778
  --controlKnob-bgColor-rest: #ffffff;
776
779
  --controlKnob-bgColor-disabled: #ced5dcb3;
@@ -843,8 +846,8 @@
843
846
  --button-inactive-fgColor: #4b535d;
844
847
  --button-inactive-bgColor: #e7ecf0;
845
848
  --button-star-iconColor: #d5a824;
846
- --buttonCounter-default-bgColor-rest: #66707b33;
847
- --buttonCounter-invisible-bgColor-rest: #66707b33;
849
+ --buttonCounter-default-bgColor-rest: #4b535d33;
850
+ --buttonCounter-invisible-bgColor-rest: #4b535d33;
848
851
  --buttonCounter-primary-bgColor-rest: #00230b33;
849
852
  --buttonCounter-outline-bgColor-rest: #0349b41a;
850
853
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -993,24 +996,27 @@
993
996
  --label-coral-fgColor-rest: #ba2e12;
994
997
  --label-coral-fgColor-hover: #9b2712;
995
998
  --label-coral-fgColor-active: #7e2011;
999
+ --tooltip-bgColor: #0e1116;
1000
+ --tooltip-fgColor: #ffffff;
996
1001
  --fgColor-default: #010409;
997
1002
  --fgColor-muted: #0e1116;
998
1003
  --fgColor-onEmphasis: #ffffff;
1004
+ --fgColor-onInverse: #ffffff;
999
1005
  --fgColor-white: #ffffff;
1000
1006
  --fgColor-black: #010409;
1001
1007
  --fgColor-disabled: #66707b;
1002
1008
  --fgColor-link: #023b95;
1003
- --fgColor-neutral: #66707b;
1009
+ --fgColor-neutral: #343b43;
1004
1010
  --fgColor-accent: #023b95;
1005
- --fgColor-success: #055d20;
1006
- --fgColor-attention: #744500;
1007
- --fgColor-severe: #873800;
1011
+ --fgColor-success: #024c1a;
1012
+ --fgColor-open: #024c1a;
1013
+ --fgColor-attention: #603700;
1014
+ --fgColor-severe: #702c00;
1008
1015
  --fgColor-danger: #8a071e;
1009
- --fgColor-open: #055d20;
1010
1016
  --fgColor-closed: #8a071e;
1011
- --fgColor-done: #622cbc;
1012
- --fgColor-upsell: #622cbc;
1013
- --fgColor-sponsors: #971368;
1017
+ --fgColor-done: #512598;
1018
+ --fgColor-upsell: #512598;
1019
+ --fgColor-sponsors: #7d0c57;
1014
1020
  --bgColor-default: #ffffff;
1015
1021
  --bgColor-muted: #e7ecf0;
1016
1022
  --bgColor-inset: #ffffff;
@@ -1021,19 +1027,19 @@
1021
1027
  --bgColor-disabled: #ced5dcb3;
1022
1028
  --bgColor-transparent: #ffffff00;
1023
1029
  --bgColor-neutral-muted: #e7ecf0;
1024
- --bgColor-neutral-emphasis: #66707b;
1030
+ --bgColor-neutral-emphasis: #4b535d;
1025
1031
  --bgColor-accent-muted: #dff7ff;
1026
1032
  --bgColor-accent-emphasis: #0349b4;
1027
1033
  --bgColor-success-muted: #d2fedb;
1028
1034
  --bgColor-success-emphasis: #055d20;
1035
+ --bgColor-open-muted: #d2fedb;
1036
+ --bgColor-open-emphasis: #055d20;
1029
1037
  --bgColor-attention-muted: #fcf7be;
1030
1038
  --bgColor-attention-emphasis: #744500;
1031
1039
  --bgColor-severe-muted: #fff2d5;
1032
1040
  --bgColor-severe-emphasis: #873800;
1033
1041
  --bgColor-danger-muted: #fff0ee;
1034
1042
  --bgColor-danger-emphasis: #a0111f;
1035
- --bgColor-open-muted: #d2fedb;
1036
- --bgColor-open-emphasis: #055d20;
1037
1043
  --bgColor-closed-muted: #fff0ee;
1038
1044
  --bgColor-closed-emphasis: #a0111f;
1039
1045
  --bgColor-done-muted: #faf0fe;
@@ -1054,14 +1060,14 @@
1054
1060
  --borderColor-accent-emphasis: #0349b4;
1055
1061
  --borderColor-success-muted: #26a148;
1056
1062
  --borderColor-success-emphasis: #055d20;
1063
+ --borderColor-open-muted: #26a148;
1064
+ --borderColor-open-emphasis: #055d20;
1057
1065
  --borderColor-attention-muted: #b58407;
1058
1066
  --borderColor-attention-emphasis: #744500;
1059
1067
  --borderColor-severe-muted: #dc6d1a;
1060
1068
  --borderColor-severe-emphasis: #873800;
1061
1069
  --borderColor-danger-muted: #ee5a5d;
1062
1070
  --borderColor-danger-emphasis: #a0111f;
1063
- --borderColor-open-muted: #26a148;
1064
- --borderColor-open-emphasis: #055d20;
1065
1071
  --borderColor-closed-muted: #ee5a5d66;
1066
1072
  --borderColor-closed-emphasis: #a0111f;
1067
1073
  --borderColor-done-muted: #a371f7;