@mdxeditor/editor 4.1.0 → 4.2.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 (35) hide show
  1. package/dist/MDXEditor.js +1 -1
  2. package/dist/index.d.ts +17 -0
  3. package/dist/index.js +8 -7
  4. package/dist/plugins/codeblock/CodeBlockNode.js +1 -4
  5. package/dist/plugins/codeblock/index.js +1 -1
  6. package/dist/plugins/codemirror/CodeMirrorEditor.js +1 -1
  7. package/dist/plugins/core/GenericHTMLNode.js +2 -5
  8. package/dist/plugins/core/NestedLexicalEditor.js +2 -2
  9. package/dist/plugins/core/index.js +2 -2
  10. package/dist/plugins/diff-source/SourceEditor.js +1 -1
  11. package/dist/plugins/directives/DirectiveNode.js +1 -4
  12. package/dist/plugins/frontmatter/FrontmatterNode.js +4 -4
  13. package/dist/plugins/frontmatter/index.js +1 -1
  14. package/dist/plugins/headings/index.js +2 -1
  15. package/dist/plugins/image/ImageDialog.js +1 -2
  16. package/dist/plugins/image/ImageEditor.js +1 -2
  17. package/dist/plugins/image/ImageNode.js +1 -4
  18. package/dist/plugins/image/index.js +4 -6
  19. package/dist/plugins/jsx/LexicalJsxNode.js +1 -4
  20. package/dist/plugins/jsx/LexicalMdxExpressionNode.js +1 -4
  21. package/dist/plugins/link-dialog/LinkDialog.js +9 -4
  22. package/dist/plugins/link-dialog/index.js +149 -41
  23. package/dist/plugins/lists/index.js +3 -3
  24. package/dist/plugins/markdown-shortcut/index.js +1 -1
  25. package/dist/plugins/search/index.js +24 -47
  26. package/dist/plugins/table/TableEditor.js +1 -1
  27. package/dist/plugins/table/TableNode.js +1 -4
  28. package/dist/plugins/toolbar/components/CreateLink.js +3 -0
  29. package/dist/plugins/toolbar/components/KitchenSinkToolbar.js +1 -1
  30. package/dist/plugins/toolbar/primitives/toolbar.js +1 -1
  31. package/dist/style.css +1503 -1448
  32. package/dist/styles/ui.module.css.js +94 -94
  33. package/dist/utils/lexicalHelpers.js +29 -17
  34. package/package.json +2 -2
  35. package/dist/styles/globals.css.js +0 -1
package/dist/style.css CHANGED
@@ -31,7 +31,6 @@
31
31
  }
32
32
  }
33
33
  }
34
-
35
34
  .dark, .dark-theme {
36
35
  --blue-1: #0d1520;
37
36
  --blue-2: #111927;
@@ -65,7 +64,6 @@
65
64
  }
66
65
  }
67
66
  }
68
-
69
67
  :root, .light, .light-theme {
70
68
  --slate-1: #fcfcfd;
71
69
  --slate-2: #f9f9fb;
@@ -99,7 +97,6 @@
99
97
  }
100
98
  }
101
99
  }
102
-
103
100
  .dark, .dark-theme {
104
101
  --slate-1: #111113;
105
102
  --slate-2: #18191b;
@@ -133,7 +130,6 @@
133
130
  }
134
131
  }
135
132
  }
136
-
137
133
  :root, .light, .light-theme {
138
134
  --grass-1: #fbfefb;
139
135
  --grass-2: #f5fbf5;
@@ -167,7 +163,6 @@
167
163
  }
168
164
  }
169
165
  }
170
-
171
166
  :root, .light, .light-theme {
172
167
  --cyan-1: #fafdfe;
173
168
  --cyan-2: #f2fafb;
@@ -201,7 +196,6 @@
201
196
  }
202
197
  }
203
198
  }
204
-
205
199
  :root, .light, .light-theme {
206
200
  --amber-1: #fefdfb;
207
201
  --amber-2: #fefbe9;
@@ -235,7 +229,6 @@
235
229
  }
236
230
  }
237
231
  }
238
-
239
232
  :root, .light, .light-theme {
240
233
  --red-1: #fffcfc;
241
234
  --red-2: #fff7f7;
@@ -337,588 +330,652 @@
337
330
  .mdxeditor hr.selected[data-lexical-decorator=true] {
338
331
  outline: 2px solid highlight;
339
332
  }
340
- ._editorRoot_f3hmk_53 {
341
- --accentBase: var(--blue-1);
342
- --accentBgSubtle: var(--blue-2);
343
- --accentBg: var(--blue-3);
344
- --accentBgHover: var(--blue-4);
345
- --accentBgActive: var(--blue-5);
346
- --accentLine: var(--blue-6);
347
- --accentBorder: var(--blue-7);
348
- --accentBorderHover: var(--blue-8);
349
- --accentSolid: var(--blue-9);
350
- --accentSolidHover: var(--blue-10);
351
- --accentText: var(--blue-11);
352
- --accentTextContrast: var(--blue-12);
353
-
354
- --basePageBg: white;
355
- --baseBase: var(--slate-1);
356
- --baseBgSubtle: var(--slate-2);
357
- --baseBg: var(--slate-3);
358
- --baseBgHover: var(--slate-4);
359
- --baseBgActive: var(--slate-5);
360
- --baseLine: var(--slate-6);
361
- --baseBorder: var(--slate-7);
362
- --baseBorderHover: var(--slate-8);
363
- --baseSolid: var(--slate-9);
364
- --baseSolidHover: var(--slate-10);
365
- --baseText: var(--slate-11);
366
- --baseTextContrast: var(--slate-12);
367
-
368
- --admonitionTipBg: var(--cyan-4);
369
- --admonitionTipBorder: var(--cyan-8);
370
-
371
- --admonitionInfoBg: var(--grass-4);
372
- --admonitionInfoBorder: var(--grass-8);
373
-
374
- --admonitionCautionBg: var(--amber-4);
375
- --admonitionCautionBorder: var(--amber-8);
376
-
377
- --admonitionDangerBg: var(--red-4);
378
- --admonitionDangerBorder: var(--red-8);
379
-
380
- --admonitionNoteBg: var(--slate-4);
381
- --admonitionNoteBorder: var(--slate-8);
382
-
383
- --error-color: var(--red-10);
384
-
385
- --spacing-0: 0px;
386
- --spacing-px: 1px;
387
- --spacing-0_5: 0.125rem;
388
- --spacing-1: 0.25rem;
389
- --spacing-1_5: 0.375rem;
390
- --spacing-2: 0.5rem;
391
- --spacing-2_5: 0.625rem;
392
- --spacing-3: 0.75rem;
393
- --spacing-3_5: 0.875rem;
394
- --spacing-4: 1rem;
395
- --spacing-5: 1.25rem;
396
- --spacing-6: 1.5rem;
397
- --spacing-7: 1.75rem;
398
- --spacing-8: 2rem;
399
- --spacing-9: 2.25rem;
400
- --spacing-10: 2.5rem;
401
- --spacing-11: 2.75rem;
402
- --spacing-12: 3rem;
403
- --spacing-14: 3.5rem;
404
- --spacing-16: 4rem;
405
- --spacing-20: 5rem;
406
- --spacing-24: 6rem;
407
- --spacing-28: 7rem;
408
- --spacing-32: 8rem;
409
- --spacing-36: 9rem;
410
- --spacing-40: 10rem;
411
- --spacing-44: 11rem;
412
- --spacing-48: 12rem;
413
- --spacing-52: 13rem;
414
- --spacing-56: 14rem;
415
- --spacing-60: 15rem;
416
- --spacing-64: 16rem;
417
- --spacing-72: 18rem;
418
- --spacing-80: 20rem;
419
- --spacing-96: 24rem;
420
-
421
- --radius-none: 0px;
422
- --radius-small: var(--spacing-0_5);
423
- --radius-base: var(--spacing-1);
424
- --radius-medium: var(--spacing-1_5);
425
- --radius-large: var(--spacing-2);
426
- --radius-extra-large: var(--spacing-3);
427
- --radius-full: 9999px;
428
-
429
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
430
- --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
431
- sans-serif;
432
-
433
- --text-base: 1rem;
434
- --text-sm: 0.875rem;
435
- --text-xs: 0.75rem;
436
- --text-xxs: 0.6rem;
437
-
438
- font-family: var(--font-body);
439
- color: var(--baseText);
440
- }
441
-
442
- ._editorWrapper_f3hmk_155 {
333
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
334
+ --blue-1: #fbfdff;
335
+ --blue-2: #f4faff;
336
+ --blue-3: #e6f4fe;
337
+ --blue-4: #d5efff;
338
+ --blue-5: #c2e5ff;
339
+ --blue-6: #acd8fc;
340
+ --blue-7: #8ec8f6;
341
+ --blue-8: #5eb1ef;
342
+ --blue-9: #0090ff;
343
+ --blue-10: #0588f0;
344
+ --blue-11: #0d74ce;
345
+ --blue-12: #113264;
443
346
  }
444
347
 
445
- ._nestedListItem_f3hmk_158 {
446
- list-style: none;
348
+ @supports (color: color(display-p3 1 1 1)) {
349
+ @media (color-gamut: p3) {
350
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
351
+ --blue-1: color(display-p3 0.986 0.992 0.999);
352
+ --blue-2: color(display-p3 0.96 0.979 0.998);
353
+ --blue-3: color(display-p3 0.912 0.956 0.991);
354
+ --blue-4: color(display-p3 0.853 0.932 1);
355
+ --blue-5: color(display-p3 0.788 0.894 0.998);
356
+ --blue-6: color(display-p3 0.709 0.843 0.976);
357
+ --blue-7: color(display-p3 0.606 0.777 0.947);
358
+ --blue-8: color(display-p3 0.451 0.688 0.917);
359
+ --blue-9: color(display-p3 0.247 0.556 0.969);
360
+ --blue-10: color(display-p3 0.234 0.523 0.912);
361
+ --blue-11: color(display-p3 0.15 0.44 0.84);
362
+ --blue-12: color(display-p3 0.102 0.193 0.379);
363
+ }
364
+ }
447
365
  }
448
-
449
- ._toolbarRoot_f3hmk_162 {
450
- z-index: 2;
451
- display: flex;
452
- flex-direction: row;
453
- gap: var(--spacing-1);
454
- border-radius: var(--radius-medium);
455
- padding: var(--spacing-1_5);
456
- align-items: center;
457
- overflow-x: auto;
458
- position: sticky;
459
- top: 0;
460
- background-color: var(--baseBg);
461
- width: inherit;
366
+ ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
367
+ --blue-1: #0d1520;
368
+ --blue-2: #111927;
369
+ --blue-3: #0d2847;
370
+ --blue-4: #003362;
371
+ --blue-5: #004074;
372
+ --blue-6: #104d87;
373
+ --blue-7: #205d9e;
374
+ --blue-8: #2870bd;
375
+ --blue-9: #0090ff;
376
+ --blue-10: #3b9eff;
377
+ --blue-11: #70b8ff;
378
+ --blue-12: #c2e6ff;
462
379
  }
463
380
 
464
- ._toolbarRoot_f3hmk_162 div[role='separator'] {
465
- margin: var(--spacing-2) var(--spacing-1);
466
- border-left: 1px solid var(--baseBorder);
467
- border-right: 1px solid var(--baseBase);
468
- height: var(--spacing-4);
469
- }
470
-
471
- ._toolbarRoot_f3hmk_162 svg {
472
- color: var(--baseTextContrast);
473
- display: block;
381
+ @supports (color: color(display-p3 1 1 1)) {
382
+ @media (color-gamut: p3) {
383
+ ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
384
+ --blue-1: color(display-p3 0.057 0.081 0.122);
385
+ --blue-2: color(display-p3 0.072 0.098 0.147);
386
+ --blue-3: color(display-p3 0.078 0.154 0.27);
387
+ --blue-4: color(display-p3 0.033 0.197 0.37);
388
+ --blue-5: color(display-p3 0.08 0.245 0.441);
389
+ --blue-6: color(display-p3 0.14 0.298 0.511);
390
+ --blue-7: color(display-p3 0.195 0.361 0.6);
391
+ --blue-8: color(display-p3 0.239 0.434 0.72);
392
+ --blue-9: color(display-p3 0.247 0.556 0.969);
393
+ --blue-10: color(display-p3 0.344 0.612 0.973);
394
+ --blue-11: color(display-p3 0.49 0.72 1);
395
+ --blue-12: color(display-p3 0.788 0.898 0.99);
396
+ }
474
397
  }
475
-
476
- ._readOnlyToolbarRoot_f3hmk_189 {
477
- pointer-events: none;
478
- background: var(--baseBase);
479
398
  }
480
-
481
- ._readOnlyToolbarRoot_f3hmk_189 > div {
482
- opacity: 0.5;
483
- }
484
-
485
- ._toolbarModeSwitch_f3hmk_198 {
486
- opacity: 1 !important;
487
- margin-left: auto;
488
- align-self: stretch;
489
- align-items: stretch;
490
- display: flex;
491
- border: 1px solid var(--baseBg);
492
- border-radius: var(--radius-medium);
493
- font-size: var(--text-xs);
399
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
400
+ --slate-1: #fcfcfd;
401
+ --slate-2: #f9f9fb;
402
+ --slate-3: #f0f0f3;
403
+ --slate-4: #e8e8ec;
404
+ --slate-5: #e0e1e6;
405
+ --slate-6: #d9d9e0;
406
+ --slate-7: #cdced6;
407
+ --slate-8: #b9bbc6;
408
+ --slate-9: #8b8d98;
409
+ --slate-10: #80838d;
410
+ --slate-11: #60646c;
411
+ --slate-12: #1c2024;
494
412
  }
495
413
 
496
- ._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208 {
497
- padding-inline-end: var(--spacing-4);
498
- padding-inline-start: var(--spacing-4);
499
- }
500
-
501
- ._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208:active,
502
- ._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208[data-state='on'] {
503
- background-color: var(--baseBorder);
414
+ @supports (color: color(display-p3 1 1 1)) {
415
+ @media (color-gamut: p3) {
416
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
417
+ --slate-1: color(display-p3 0.988 0.988 0.992);
418
+ --slate-2: color(display-p3 0.976 0.976 0.984);
419
+ --slate-3: color(display-p3 0.94 0.941 0.953);
420
+ --slate-4: color(display-p3 0.908 0.909 0.925);
421
+ --slate-5: color(display-p3 0.88 0.881 0.901);
422
+ --slate-6: color(display-p3 0.85 0.852 0.876);
423
+ --slate-7: color(display-p3 0.805 0.808 0.838);
424
+ --slate-8: color(display-p3 0.727 0.733 0.773);
425
+ --slate-9: color(display-p3 0.547 0.553 0.592);
426
+ --slate-10: color(display-p3 0.503 0.512 0.549);
427
+ --slate-11: color(display-p3 0.379 0.392 0.421);
428
+ --slate-12: color(display-p3 0.113 0.125 0.14);
504
429
  }
505
-
506
- ._toolbarGroupOfGroups_f3hmk_219 {
507
- display: flex;
508
- margin: 0 var(--spacing-1);
430
+ }
431
+ }
432
+ ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
433
+ --slate-1: #111113;
434
+ --slate-2: #18191b;
435
+ --slate-3: #212225;
436
+ --slate-4: #272a2d;
437
+ --slate-5: #2e3135;
438
+ --slate-6: #363a3f;
439
+ --slate-7: #43484e;
440
+ --slate-8: #5a6169;
441
+ --slate-9: #696e77;
442
+ --slate-10: #777b84;
443
+ --slate-11: #b0b4ba;
444
+ --slate-12: #edeef0;
509
445
  }
510
446
 
511
- ._toolbarToggleSingleGroup_f3hmk_224:first-of-type ._toolbarToggleItem_f3hmk_208:only-child,
512
- ._toolbarToggleSingleGroup_f3hmk_224:only-child ._toolbarToggleItem_f3hmk_208:first-child,
513
- ._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208:first-child {
514
- border-top-left-radius: var(--radius-base);
515
- border-bottom-left-radius: var(--radius-base);
516
- }
517
-
518
- ._toolbarToggleSingleGroup_f3hmk_224:last-of-type ._toolbarToggleItem_f3hmk_208:only-child,
519
- ._toolbarToggleSingleGroup_f3hmk_224:only-child ._toolbarToggleItem_f3hmk_208:last-child,
520
- ._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208:last-child {
521
- border-top-right-radius: var(--radius-base);
522
- border-bottom-right-radius: var(--radius-base);
447
+ @supports (color: color(display-p3 1 1 1)) {
448
+ @media (color-gamut: p3) {
449
+ ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
450
+ --slate-1: color(display-p3 0.067 0.067 0.074);
451
+ --slate-2: color(display-p3 0.095 0.098 0.105);
452
+ --slate-3: color(display-p3 0.13 0.135 0.145);
453
+ --slate-4: color(display-p3 0.156 0.163 0.176);
454
+ --slate-5: color(display-p3 0.183 0.191 0.206);
455
+ --slate-6: color(display-p3 0.215 0.226 0.244);
456
+ --slate-7: color(display-p3 0.265 0.28 0.302);
457
+ --slate-8: color(display-p3 0.357 0.381 0.409);
458
+ --slate-9: color(display-p3 0.415 0.431 0.463);
459
+ --slate-10: color(display-p3 0.469 0.483 0.514);
460
+ --slate-11: color(display-p3 0.692 0.704 0.728);
461
+ --slate-12: color(display-p3 0.93 0.933 0.94);
462
+ }
463
+ }
523
464
  }
524
-
525
- ._toolbarToggleItem_f3hmk_208,
526
- ._toolbarButton_f3hmk_239 {
527
- border: 0;
528
- background-color: transparent;
529
- font-size: inherit;
530
- -webkit-appearance: none;
531
- -moz-appearance: none;
532
- appearance: none;
533
- all: unset;
534
- box-sizing: border-box;
535
- cursor: default;
536
- padding: var(--spacing-0_5);
465
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
466
+ --grass-1: #fbfefb;
467
+ --grass-2: #f5fbf5;
468
+ --grass-3: #e9f6e9;
469
+ --grass-4: #daf1db;
470
+ --grass-5: #c9e8ca;
471
+ --grass-6: #b2ddb5;
472
+ --grass-7: #94ce9a;
473
+ --grass-8: #65ba74;
474
+ --grass-9: #46a758;
475
+ --grass-10: #3e9b4f;
476
+ --grass-11: #2a7e3b;
477
+ --grass-12: #203c25;
537
478
  }
538
479
 
539
- @media (hover: hover) {
540
- ._toolbarToggleItem_f3hmk_208:hover, ._toolbarButton_f3hmk_239:hover {
541
- background-color: var(--baseBgActive);
480
+ @supports (color: color(display-p3 1 1 1)) {
481
+ @media (color-gamut: p3) {
482
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
483
+ --grass-1: color(display-p3 0.986 0.996 0.985);
484
+ --grass-2: color(display-p3 0.966 0.983 0.964);
485
+ --grass-3: color(display-p3 0.923 0.965 0.917);
486
+ --grass-4: color(display-p3 0.872 0.94 0.865);
487
+ --grass-5: color(display-p3 0.811 0.908 0.802);
488
+ --grass-6: color(display-p3 0.733 0.864 0.724);
489
+ --grass-7: color(display-p3 0.628 0.803 0.622);
490
+ --grass-8: color(display-p3 0.477 0.72 0.482);
491
+ --grass-9: color(display-p3 0.38 0.647 0.378);
492
+ --grass-10: color(display-p3 0.344 0.598 0.342);
493
+ --grass-11: color(display-p3 0.263 0.488 0.261);
494
+ --grass-12: color(display-p3 0.151 0.233 0.153);
542
495
  }
543
496
  }
497
+ }
498
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
499
+ --cyan-1: #fafdfe;
500
+ --cyan-2: #f2fafb;
501
+ --cyan-3: #def7f9;
502
+ --cyan-4: #caf1f6;
503
+ --cyan-5: #b5e9f0;
504
+ --cyan-6: #9ddde7;
505
+ --cyan-7: #7dcedc;
506
+ --cyan-8: #3db9cf;
507
+ --cyan-9: #00a2c7;
508
+ --cyan-10: #0797b9;
509
+ --cyan-11: #107d98;
510
+ --cyan-12: #0d3c48;
511
+ }
544
512
 
545
- ._toolbarToggleItem_f3hmk_208:active svg, ._toolbarButton_f3hmk_239:active svg {
546
- transform: translate(1px, 1px);
547
- }
548
-
549
- ._toolbarToggleItem_f3hmk_208[data-state='on'],
550
- ._toolbarButton_f3hmk_239[data-state='on'],
551
- ._toolbarToggleItem_f3hmk_208:active,
552
- ._toolbarButton_f3hmk_239:active {
553
- color: var(--baseTextContrast);
554
- background-color: var(--baseBgActive);
513
+ @supports (color: color(display-p3 1 1 1)) {
514
+ @media (color-gamut: p3) {
515
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
516
+ --cyan-1: color(display-p3 0.982 0.992 0.996);
517
+ --cyan-2: color(display-p3 0.955 0.981 0.984);
518
+ --cyan-3: color(display-p3 0.888 0.965 0.975);
519
+ --cyan-4: color(display-p3 0.821 0.941 0.959);
520
+ --cyan-5: color(display-p3 0.751 0.907 0.935);
521
+ --cyan-6: color(display-p3 0.671 0.862 0.9);
522
+ --cyan-7: color(display-p3 0.564 0.8 0.854);
523
+ --cyan-8: color(display-p3 0.388 0.715 0.798);
524
+ --cyan-9: color(display-p3 0.282 0.627 0.765);
525
+ --cyan-10: color(display-p3 0.264 0.583 0.71);
526
+ --cyan-11: color(display-p3 0.08 0.48 0.63);
527
+ --cyan-12: color(display-p3 0.108 0.232 0.277);
528
+ }
555
529
  }
530
+ }
531
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
532
+ --amber-1: #fefdfb;
533
+ --amber-2: #fefbe9;
534
+ --amber-3: #fff7c2;
535
+ --amber-4: #ffee9c;
536
+ --amber-5: #fbe577;
537
+ --amber-6: #f3d673;
538
+ --amber-7: #e9c162;
539
+ --amber-8: #e2a336;
540
+ --amber-9: #ffc53d;
541
+ --amber-10: #ffba18;
542
+ --amber-11: #ab6400;
543
+ --amber-12: #4f3422;
544
+ }
556
545
 
557
- ._toolbarToggleItem_f3hmk_208[data-disabled], ._toolbarButton_f3hmk_239[data-disabled] {
558
- pointer-events: none;
546
+ @supports (color: color(display-p3 1 1 1)) {
547
+ @media (color-gamut: p3) {
548
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
549
+ --amber-1: color(display-p3 0.995 0.992 0.985);
550
+ --amber-2: color(display-p3 0.994 0.986 0.921);
551
+ --amber-3: color(display-p3 0.994 0.969 0.782);
552
+ --amber-4: color(display-p3 0.989 0.937 0.65);
553
+ --amber-5: color(display-p3 0.97 0.902 0.527);
554
+ --amber-6: color(display-p3 0.936 0.844 0.506);
555
+ --amber-7: color(display-p3 0.89 0.762 0.443);
556
+ --amber-8: color(display-p3 0.85 0.65 0.3);
557
+ --amber-9: color(display-p3 1 0.77 0.26);
558
+ --amber-10: color(display-p3 0.959 0.741 0.274);
559
+ --amber-11: color(display-p3 0.64 0.4 0);
560
+ --amber-12: color(display-p3 0.294 0.208 0.145);
561
+ }
559
562
  }
563
+ }
564
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
565
+ --red-1: #fffcfc;
566
+ --red-2: #fff7f7;
567
+ --red-3: #feebec;
568
+ --red-4: #ffdbdc;
569
+ --red-5: #ffcdce;
570
+ --red-6: #fdbdbe;
571
+ --red-7: #f4a9aa;
572
+ --red-8: #eb8e90;
573
+ --red-9: #e5484d;
574
+ --red-10: #dc3e42;
575
+ --red-11: #ce2c31;
576
+ --red-12: #641723;
577
+ }
560
578
 
561
- ._toolbarToggleItem_f3hmk_208[data-disabled] svg, ._toolbarButton_f3hmk_239[data-disabled] svg {
562
- color: var(--baseBorderHover);
579
+ @supports (color: color(display-p3 1 1 1)) {
580
+ @media (color-gamut: p3) {
581
+ :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
582
+ --red-1: color(display-p3 0.998 0.989 0.988);
583
+ --red-2: color(display-p3 0.995 0.971 0.971);
584
+ --red-3: color(display-p3 0.985 0.925 0.925);
585
+ --red-4: color(display-p3 0.999 0.866 0.866);
586
+ --red-5: color(display-p3 0.984 0.812 0.811);
587
+ --red-6: color(display-p3 0.955 0.751 0.749);
588
+ --red-7: color(display-p3 0.915 0.675 0.672);
589
+ --red-8: color(display-p3 0.872 0.575 0.572);
590
+ --red-9: color(display-p3 0.83 0.329 0.324);
591
+ --red-10: color(display-p3 0.798 0.294 0.285);
592
+ --red-11: color(display-p3 0.744 0.234 0.222);
593
+ --red-12: color(display-p3 0.36 0.115 0.143);
563
594
  }
595
+ }
596
+ }
564
597
 
565
- ._toolbarButton_f3hmk_239 {
566
- border-radius: var(--radius-base);
598
+ ._bold_6j9u9_10 {
599
+ font-weight: bold;
567
600
  }
568
601
 
569
- ._toolbarButton_f3hmk_239 + ._toolbarButton_f3hmk_239 {
570
- margin-left: var(--spacing-1);
602
+ ._italic_6j9u9_14 {
603
+ font-style: italic;
571
604
  }
572
605
 
573
- ._activeToolbarButton_f3hmk_275 {
574
- color: var(--accentText);
606
+ ._underline_6j9u9_18 {
607
+ text-decoration: underline;
575
608
  }
576
609
 
577
- ._toolbarToggleSingleGroup_f3hmk_224 {
578
- display: flex;
579
- align-items: center;
580
- white-space: nowrap;
610
+ ._bold_6j9u9_10 {
611
+ font-weight: 700;
581
612
  }
582
613
 
583
- ._toolbarNodeKindSelectContainer_f3hmk_285,
584
- ._toolbarButtonDropdownContainer_f3hmk_286,
585
- ._toolbarCodeBlockLanguageSelectContent_f3hmk_287,
586
- ._selectContainer_f3hmk_288 {
587
- filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
588
- z-index: 3;
589
- width: var(--spacing-36);
590
- border-bottom-left-radius: var(--radius-base);
591
- border-bottom-right-radius: var(--radius-base);
592
- background-color: var(--basePageBg);
593
- font-size: var(--text-sm);
614
+ ._italic_6j9u9_14 {
615
+ font-style: italic;
594
616
  }
595
617
 
596
- ._toolbarButtonDropdownContainer_f3hmk_286 {
597
- border-top-right-radius: var(--radius-base);
618
+ ._underline_6j9u9_18 {
619
+ text-decoration: underline
598
620
  }
599
621
 
600
- ._toolbarButtonDropdownContainer_f3hmk_286 ._selectItem_f3hmk_301:first-child {
601
- border-top-right-radius: var(--radius-base);
602
- }
622
+ ._strikethrough_6j9u9_34 {
623
+ text-decoration: line-through
624
+ }
603
625
 
604
- ._toolbarNodeKindSelectTrigger_f3hmk_306,
605
- ._toolbarButtonSelectTrigger_f3hmk_307,
606
- ._selectTrigger_f3hmk_308 {
607
- border: 0;
608
- background-color: transparent;
609
- display: flex;
610
- color: inherit;
611
- align-items: center;
612
- width: var(--spacing-36);
613
- padding: var(--spacing-0_5) var(--spacing-1);
614
- padding-inline-start: var(--spacing-2);
615
- border-radius: var(--radius-medium);
616
- white-space: nowrap;
617
- flex-wrap: nowrap;
618
- font-size: var(--text-sm);
619
- background-color: var(--basePageBg);
620
- margin: 0 var(--spacing-1);
626
+ ._underlineStrikethrough_6j9u9_38 {
627
+ text-decoration: underline line-through
621
628
  }
622
629
 
623
- ._toolbarNodeKindSelectTrigger_f3hmk_306[data-state='open'], ._toolbarButtonSelectTrigger_f3hmk_307[data-state='open'], ._selectTrigger_f3hmk_308[data-state='open'] {
624
- filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
625
- border-bottom-right-radius: var(--radius-none);
626
- border-bottom-left-radius: var(--radius-none);
627
- }
630
+ ._subscript_6j9u9_42 {
631
+ font-size: .8em;
632
+ vertical-align: sub !important
633
+ }
628
634
 
629
- ._selectTrigger_f3hmk_308[data-placeholder] > span:first-child {
630
- color: var(--baseBorderHover);
635
+ ._superscript_6j9u9_47 {
636
+ font-size: .8em;
637
+ vertical-align: super
631
638
  }
632
639
 
633
- ._toolbarButtonSelectTrigger_f3hmk_307 {
634
- width: auto;
635
- padding-inline-start: var(--spacing-2);
636
- padding-inline-end: var(--spacing-1);
637
- padding-block: var(--spacing-0_5);
640
+ ._code_6j9u9_52 {
641
+ background-color: var(--baseBg);
642
+ padding: 1px .25rem;
643
+ font-family: var(--font-mono);
644
+ font-size: 94%
638
645
  }
639
646
 
640
- ._toolbarCodeBlockLanguageSelectTrigger_f3hmk_342,
641
- ._toolbarCodeBlockLanguageSelectContent_f3hmk_287 {
642
- width: var(--spacing-48);
647
+ ._quote_6j9u9_59 {
648
+ border-inline-start: 3px solid var(--baseBorder);
649
+ padding-inline-start: var(--spacing-4);
650
+ margin-inline-start: 0;
651
+ color: var(--baseText);
643
652
  }
644
653
 
645
- ._toolbarNodeKindSelectItem_f3hmk_347,
646
- ._selectItem_f3hmk_301 {
647
- cursor: default;
648
- display: flex;
649
- padding: var(--spacing-2);
654
+ ._nestedListItem_6j9u9_66 {
655
+ list-style: none;
656
+ list-style-type: none;
650
657
  }
651
658
 
652
- ._toolbarNodeKindSelectItem_f3hmk_347[data-highlighted], ._selectItem_f3hmk_301[data-highlighted] {
653
- background-color: var(--baseBg);
654
- }
659
+ ._nestedListItem_6j9u9_66:before,
660
+ ._nestedListItem_6j9u9_66:after {
661
+ display: none;
662
+ }
655
663
 
656
- ._toolbarNodeKindSelectItem_f3hmk_347[data-state='checked'], ._selectItem_f3hmk_301[data-state='checked'] {
657
- color: var(--baseTextContrast);
658
- background-color: var(--baseBg);
659
- }
664
+ ._listitem_6j9u9_76 {
665
+ margin: var(--spacing-2) 0;
666
+ }
660
667
 
661
- ._toolbarNodeKindSelectItem_f3hmk_347[data-highlighted], ._selectItem_f3hmk_301[data-highlighted] {
662
- outline: none;
663
- }
664
-
665
- ._toolbarNodeKindSelectItem_f3hmk_347:last-child, ._selectItem_f3hmk_301:last-child {
666
- border-bottom-left-radius: var(--radius-base);
667
- border-bottom-right-radius: var(--radius-base);
668
- }
668
+ ._listItemChecked_6j9u9_80,
669
+ ._listItemUnchecked_6j9u9_81 {
670
+ position: relative;
671
+ margin-left: 0;
672
+ margin-right: 0;
673
+ margin-inline-start: -1rem;
674
+ padding-left: var(--spacing-6);
675
+ padding-right: var(--spacing-6);
676
+ list-style-type: none;
677
+ outline: none;
678
+ }
669
679
 
670
- ._toolbarNodeKindSelectDropdownArrow_f3hmk_372,
671
- ._selectDropdownArrow_f3hmk_373 {
672
- margin-left: auto;
673
- display: flex;
674
- align-items: center;
680
+ ._listItemChecked_6j9u9_80 {
681
+ text-decoration: line-through;
675
682
  }
676
683
 
677
- ._contentEditable_f3hmk_379 {
678
- box-sizing: border-box;
679
- width: 100%;
680
- color: var(--baseTextContrast);
684
+ ._listItemUnchecked_6j9u9_81:before,
685
+ ._listItemChecked_6j9u9_80:before {
686
+ content: '';
687
+ width: var(--spacing-4);
688
+ height: var(--spacing-4);
689
+ top: 0;
690
+ left: 0;
691
+ cursor: pointer;
692
+ display: block;
693
+ background-size: cover;
694
+ position: absolute;
695
+ }
681
696
 
682
- padding: var(--spacing-3);
697
+ ._listItemUnchecked_6j9u9_81[dir='rtl']:before,
698
+ ._listItemChecked_6j9u9_80[dir='rtl']:before {
699
+ left: auto;
700
+ right: 0;
683
701
  }
684
702
 
685
- ._contentEditable_f3hmk_379:focus {
686
- outline: none;
687
- }
703
+ ._listItemUnchecked_6j9u9_81:focus:before,
704
+ ._listItemChecked_6j9u9_80:focus:before {
705
+ box-shadow: 0 0 0 2px var(--accentBgActive);
706
+ border-radius: var(--radius-small);
707
+ }
688
708
 
689
- ._codeMirrorWrapper_f3hmk_391 {
690
- margin-bottom: var(--spacing-5);
691
- border: 1px solid var(--baseLine);
692
- border-radius: var(--radius-medium);
693
- overflow: hidden;
694
- padding: 0.8rem;
695
- position: relative;
709
+ ._listItemUnchecked_6j9u9_81:before {
710
+ border: 1px solid var(--baseBorder);
711
+ border-radius: var(--radius-small);
696
712
  }
697
713
 
698
- ._sandPackWrapper_f3hmk_400 {
699
- margin-bottom: var(--spacing-5);
700
- border: 1px solid var(--baseLine);
701
- border-radius: var(--radius-medium);
702
- overflow: hidden;
703
- position: relative;
714
+ ._listItemChecked_6j9u9_80:before {
715
+ border: 1px solid var(--accentBorder);
716
+ border-radius: var(--radius-small);
717
+ background-color: var(--accentSolid);
718
+ background-repeat: no-repeat;
704
719
  }
705
720
 
706
- ._codeMirrorToolbar_f3hmk_408 {
721
+ ._listItemChecked_6j9u9_80:after {
722
+ content: '';
723
+ cursor: pointer;
724
+ border-color: var(--baseBase);
725
+ border-style: solid;
707
726
  position: absolute;
708
- right: 0;
709
- top: 0;
710
- display: flex;
711
- gap: var(--spacing-1);
712
- padding: var(--spacing-1);
713
- z-index: 1;
714
- background-color: var(--baseBase);
715
- border-bottom-left-radius: var(--radius-base);
727
+ display: block;
728
+ top: var(--spacing-0_5);
729
+ width: var(--spacing-1);
730
+ left: var(--spacing-1_5);
731
+ right: var(--spacing-1_5);
732
+ height: var(--spacing-2);
733
+ transform: rotate(45deg);
734
+ border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
716
735
  }
717
736
 
718
- ._frontmatterWrapper_f3hmk_412 {
719
- border-radius: var(--radius-medium);
720
- padding: var(--spacing-3);
721
- background-color: var(--baseBgSubtle);
737
+ ._nestedListItem_6j9u9_66 {
738
+ list-style-type: none;
722
739
  }
723
740
 
724
- ._frontmatterWrapper_f3hmk_412[data-expanded='true'] {
725
- margin-bottom: var(--spacing-10);
726
- }
727
-
728
- ._frontmatterToggleButton_f3hmk_422 {
729
- border: 0;
730
- background-color: transparent;
731
- font-size: inherit;
732
- -webkit-appearance: none;
733
- -moz-appearance: none;
734
- appearance: none;
735
- all: unset;
736
- box-sizing: border-box;
737
- cursor: default;
738
- display: flex;
739
- align-items: center;
740
- gap: var(--spacing-1);
741
- font-size: var(--text-sm);
741
+ ._nestedListItem_6j9u9_66:before,
742
+ ._nestedListItem_6j9u9_66:after {
743
+ display: none;
742
744
  }
743
745
 
744
- ._propertyPanelTitle_f3hmk_430 {
745
- font-size: var(--text-xs);
746
- font-weight: 400;
747
- margin: 0;
748
- padding-top: var(--spacing-2);
749
- padding-left: var(--spacing-2);
746
+ ._admonitionDanger_6j9u9_158,
747
+ ._admonitionInfo_6j9u9_159,
748
+ ._admonitionNote_6j9u9_160,
749
+ ._admonitionTip_6j9u9_161,
750
+ ._admonitionCaution_6j9u9_162 {
751
+ padding: var(--spacing-2);
752
+ margin-top: var(--spacing-2);
753
+ margin-bottom: var(--spacing-2);
754
+ border-left: 3px solid var(--admonitionBorder);
755
+ background-color: var(--admonitionBg);
750
756
  }
751
757
 
752
- ._propertyEditorTable_f3hmk_438 {
753
- table-layout: fixed;
754
- border-spacing: var(--spacing-2);
758
+ ._admonitionInfo_6j9u9_159 {
759
+ --admonitionBorder: var(--admonitionInfoBorder);
760
+ --admonitionBg: var(--admonitionInfoBg);
755
761
  }
756
762
 
757
- ._propertyEditorTable_f3hmk_438 th {
758
- text-align: left;
759
- font-size: var(--text-sm);
760
- padding: var(--spacing-2) var(--spacing-3);
761
- }
762
-
763
- ._propertyEditorTable_f3hmk_438 col:nth-child(1) {
764
- width: 30%;
765
- }
766
-
767
- ._propertyEditorTable_f3hmk_438 col:nth-child(2) {
768
- width: 70%;
769
- }
770
-
771
- ._propertyEditorTable_f3hmk_438 td:last-child ._iconButton_f3hmk_456 {
772
- margin-left: var(--spacing-4);
773
- margin-right: var(--spacing-4);
774
- }
775
-
776
- ._propertyEditorTable_f3hmk_438 ._readOnlyColumnCell_f3hmk_461 {
777
- padding-left: 0;
778
- }
779
-
780
- ._propertyEditorLabelCell_f3hmk_466 {
781
- font-weight: 400;
763
+ ._admonitionTip_6j9u9_161 {
764
+ --admonitionBorder: var(--admonitionTipBorder);
765
+ --admonitionBg: var(--admonitionTipBg);
782
766
  }
783
767
 
784
- ._readOnlyColumnCell_f3hmk_461 {
785
- padding-left: 0;
768
+ ._admonitionCaution_6j9u9_162 {
769
+ --admonitionBorder: var(--admonitionCautionBorder);
770
+ --admonitionBg: var(--admonitionCautionBg);
786
771
  }
787
772
 
788
- ._buttonsFooter_f3hmk_474 {
789
- display: flex;
790
- justify-content: flex-end;
791
- gap: var(--spacing-2);
773
+ ._admonitionDanger_6j9u9_158 {
774
+ --admonitionBorder: var(--admonitionDangerBorder);
775
+ --admonitionBg: var(--admonitionDangerBg);
792
776
  }
793
777
 
794
- ._propertyEditorInput_f3hmk_480 {
795
- border: 0;
796
- background-color: transparent;
797
- font-size: inherit;
798
- -webkit-appearance: none;
799
- -moz-appearance: none;
800
- appearance: none;
801
- all: unset;
802
- box-sizing: border-box;
803
- cursor: default;
804
- width: 100%;
805
- padding: var(--spacing-2) var(--spacing-3);
806
- border-radius: var(--radius-base);
807
- border: 1px solid var(--baseBorder);
808
- background-color: var(--baseBase);
809
- font-size: var(--text-sm);
778
+ ._admonitionNote_6j9u9_160 {
779
+ --admonitionBorder: var(--admonitionNoteBorder);
780
+ --admonitionBg: var(--admonitionNoteBg);
810
781
  }
811
782
 
812
- ._iconButton_f3hmk_456 {
813
- border: 0;
814
- background-color: transparent;
815
- font-size: inherit;
816
- -webkit-appearance: none;
817
- -moz-appearance: none;
818
- appearance: none;
819
- all: unset;
820
- box-sizing: border-box;
821
- cursor: default;
822
- color: var(--baseText);
783
+ ._mdxExpression_6j9u9_195 {
784
+ font-family: var(--font-mono);
785
+ font-size: 84%;
786
+ color: var(--accentText);
823
787
  }
824
788
 
825
- @media (hover: hover) {
826
- ._iconButton_f3hmk_456:hover {
827
- color: var(--baseTextContrast);
828
- }
789
+ ._mdxExpression_6j9u9_195 input:focus-visible {
790
+ outline: none;
829
791
  }
792
+ ._editorRoot_er3ed_53 {
793
+ --accentBase: var(--blue-1);
794
+ --accentBgSubtle: var(--blue-2);
795
+ --accentBg: var(--blue-3);
796
+ --accentBgHover: var(--blue-4);
797
+ --accentBgActive: var(--blue-5);
798
+ --accentLine: var(--blue-6);
799
+ --accentBorder: var(--blue-7);
800
+ --accentBorderHover: var(--blue-8);
801
+ --accentSolid: var(--blue-9);
802
+ --accentSolidHover: var(--blue-10);
803
+ --accentText: var(--blue-11);
804
+ --accentTextContrast: var(--blue-12);
830
805
 
831
- ._iconButton_f3hmk_456:disabled,
832
- ._iconButton_f3hmk_456:disabled:hover {
833
- color: var(--baseLine);
834
- }
806
+ --basePageBg: white;
807
+ --baseBase: var(--slate-1);
808
+ --baseBgSubtle: var(--slate-2);
809
+ --baseBg: var(--slate-3);
810
+ --baseBgHover: var(--slate-4);
811
+ --baseBgActive: var(--slate-5);
812
+ --baseLine: var(--slate-6);
813
+ --baseBorder: var(--slate-7);
814
+ --baseBorderHover: var(--slate-8);
815
+ --baseSolid: var(--slate-9);
816
+ --baseSolidHover: var(--slate-10);
817
+ --baseText: var(--slate-11);
818
+ --baseTextContrast: var(--slate-12);
835
819
 
836
- ._primaryButton_f3hmk_506,
837
- ._secondaryButton_f3hmk_507 {
838
- border: 0;
839
- background-color: transparent;
840
- font-size: inherit;
841
- -webkit-appearance: none;
842
- -moz-appearance: none;
843
- appearance: none;
844
- all: unset;
845
- box-sizing: border-box;
846
- cursor: default;
847
- padding: var(--spacing-2) var(--spacing-3);
848
- border: 1px solid var(--accentBorder);
849
- background-color: var(--accentSolidHover);
850
- color: var(--baseBase);
851
- font-size: var(--text-xs);
852
- border-radius: var(--radius-medium);
853
- }
820
+ --admonitionTipBg: var(--cyan-4);
821
+ --admonitionTipBorder: var(--cyan-8);
854
822
 
855
- ._primaryButton_f3hmk_506:disabled, ._secondaryButton_f3hmk_507:disabled {
856
- background: var(--accentLine);
857
- border-color: var(--accentBg);
858
- }
823
+ --admonitionInfoBg: var(--grass-4);
824
+ --admonitionInfoBorder: var(--grass-8);
859
825
 
860
- ._smallButton_f3hmk_522 {
861
- font-size: var(--text-xs);
862
- padding: var(--spacing-1) var(--spacing-2);
863
- border-radius: var(--radius-base);
864
- }
826
+ --admonitionCautionBg: var(--amber-4);
827
+ --admonitionCautionBorder: var(--amber-8);
865
828
 
866
- ._secondaryButton_f3hmk_507 {
867
- border: 1px solid var(--baseBorder);
868
- background-color: var(--baseSolidHover);
869
- color: var(--baseBase);
870
- }
829
+ --admonitionDangerBg: var(--red-4);
830
+ --admonitionDangerBorder: var(--red-8);
871
831
 
872
- ._dialogForm_f3hmk_534 {
873
- display: flex;
874
- flex-direction: row;
875
- gap: var(--spacing-2);
832
+ --admonitionNoteBg: var(--slate-4);
833
+ --admonitionNoteBorder: var(--slate-8);
834
+
835
+ --error-color: var(--red-10);
836
+
837
+ --spacing-0: 0px;
838
+ --spacing-px: 1px;
839
+ --spacing-0_5: 0.125rem;
840
+ --spacing-1: 0.25rem;
841
+ --spacing-1_5: 0.375rem;
842
+ --spacing-2: 0.5rem;
843
+ --spacing-2_5: 0.625rem;
844
+ --spacing-3: 0.75rem;
845
+ --spacing-3_5: 0.875rem;
846
+ --spacing-4: 1rem;
847
+ --spacing-5: 1.25rem;
848
+ --spacing-6: 1.5rem;
849
+ --spacing-7: 1.75rem;
850
+ --spacing-8: 2rem;
851
+ --spacing-9: 2.25rem;
852
+ --spacing-10: 2.5rem;
853
+ --spacing-11: 2.75rem;
854
+ --spacing-12: 3rem;
855
+ --spacing-14: 3.5rem;
856
+ --spacing-16: 4rem;
857
+ --spacing-20: 5rem;
858
+ --spacing-24: 6rem;
859
+ --spacing-28: 7rem;
860
+ --spacing-32: 8rem;
861
+ --spacing-36: 9rem;
862
+ --spacing-40: 10rem;
863
+ --spacing-44: 11rem;
864
+ --spacing-48: 12rem;
865
+ --spacing-52: 13rem;
866
+ --spacing-56: 14rem;
867
+ --spacing-60: 15rem;
868
+ --spacing-64: 16rem;
869
+ --spacing-72: 18rem;
870
+ --spacing-80: 20rem;
871
+ --spacing-96: 24rem;
872
+
873
+ --radius-none: 0px;
874
+ --radius-small: var(--spacing-0_5);
875
+ --radius-base: var(--spacing-1);
876
+ --radius-medium: var(--spacing-1_5);
877
+ --radius-large: var(--spacing-2);
878
+ --radius-extra-large: var(--spacing-3);
879
+ --radius-full: 9999px;
880
+
881
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
882
+ --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
883
+ sans-serif;
884
+
885
+ --text-base: 1rem;
886
+ --text-sm: 0.875rem;
887
+ --text-xs: 0.75rem;
888
+ --text-xxs: 0.6rem;
889
+
890
+ font-family: var(--font-body);
891
+ color: var(--baseText);
876
892
  }
877
893
 
878
- ._linkDialogEditForm_f3hmk_540 {
879
- display: flex;
880
- flex-direction: column;
881
- align-items: stretch;
882
- gap: var(--spacing-2);
883
- padding: 0;
894
+ ._editorWrapper_er3ed_155 {
884
895
  }
885
896
 
886
- ._linkDialogInputContainer_f3hmk_548 {
887
- display: flex;
888
- flex-direction: column;
889
- align-items: stretch;
897
+ ._nestedListItem_er3ed_158 {
898
+ list-style: none;
890
899
  }
891
900
 
892
- ._linkDialogInputWrapper_f3hmk_554 {
901
+ ._toolbarRoot_er3ed_162 {
902
+ z-index: 2;
893
903
  display: flex;
904
+ flex-direction: row;
905
+ gap: var(--spacing-1);
906
+ border-radius: var(--radius-medium);
907
+ padding: var(--spacing-1_5);
894
908
  align-items: center;
895
- background-color: var(--baseBase);
909
+ overflow-x: auto;
910
+ position: sticky;
911
+ top: 0;
912
+ background-color: var(--baseBg);
913
+ width: inherit;
914
+ }
896
915
 
897
- border-radius: var(--radius-base);
898
- border: 1px solid var(--baseBorder);
916
+ ._toolbarRoot_er3ed_162 div[role='separator'] {
917
+ margin: var(--spacing-2) var(--spacing-1);
918
+ border-left: 1px solid var(--baseBorder);
919
+ border-right: 1px solid var(--baseBase);
920
+ height: var(--spacing-4);
921
+ }
922
+
923
+ ._toolbarRoot_er3ed_162 svg {
924
+ color: var(--baseTextContrast);
925
+ display: block;
926
+ }
927
+
928
+ ._readOnlyToolbarRoot_er3ed_189 {
929
+ pointer-events: none;
930
+ background: var(--baseBase);
899
931
  }
900
932
 
901
- ._linkDialogInputWrapper_f3hmk_554[data-visible-dropdown='true'] {
902
- border-bottom-left-radius: var(--radius-none);
903
- border-bottom-right-radius: var(--radius-none);
904
- border-bottom-width: 0;
933
+ ._readOnlyToolbarRoot_er3ed_189 > div {
934
+ opacity: 0.5;
905
935
  }
906
936
 
907
- ._linkDialogInputWrapper_f3hmk_554 > button {
908
- border: 0;
909
- background-color: transparent;
910
- font-size: inherit;
911
- -webkit-appearance: none;
912
- -moz-appearance: none;
913
- appearance: none;
914
- all: unset;
915
- box-sizing: border-box;
916
- cursor: default;
917
- padding-right: var(--spacing-2);
937
+ ._toolbarModeSwitch_er3ed_198 {
938
+ opacity: 1 !important;
939
+ margin-left: auto;
940
+ align-self: stretch;
941
+ align-items: stretch;
942
+ display: flex;
943
+ border: 1px solid var(--baseBg);
944
+ border-radius: var(--radius-medium);
945
+ font-size: var(--text-xs);
946
+ }
947
+
948
+ ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208 {
949
+ padding-inline-end: var(--spacing-4);
950
+ padding-inline-start: var(--spacing-4);
918
951
  }
919
952
 
920
- ._linkDialogInput_f3hmk_548,
921
- ._dialogInput_f3hmk_575 {
953
+ ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:active,
954
+ ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208[data-state='on'] {
955
+ background-color: var(--baseBorder);
956
+ }
957
+
958
+ ._toolbarGroupOfGroups_er3ed_219 {
959
+ display: flex;
960
+ margin: 0 var(--spacing-1);
961
+ }
962
+
963
+ ._toolbarToggleSingleGroup_er3ed_224:first-of-type ._toolbarToggleItem_er3ed_208:only-child,
964
+ ._toolbarToggleSingleGroup_er3ed_224:only-child ._toolbarToggleItem_er3ed_208:first-child,
965
+ ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:first-child {
966
+ border-top-left-radius: var(--radius-base);
967
+ border-bottom-left-radius: var(--radius-base);
968
+ }
969
+
970
+ ._toolbarToggleSingleGroup_er3ed_224:last-of-type ._toolbarToggleItem_er3ed_208:only-child,
971
+ ._toolbarToggleSingleGroup_er3ed_224:only-child ._toolbarToggleItem_er3ed_208:last-child,
972
+ ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:last-child {
973
+ border-top-right-radius: var(--radius-base);
974
+ border-bottom-right-radius: var(--radius-base);
975
+ }
976
+
977
+ ._toolbarToggleItem_er3ed_208,
978
+ ._toolbarButton_er3ed_239 {
922
979
  border: 0;
923
980
  background-color: transparent;
924
981
  font-size: inherit;
@@ -928,136 +985,199 @@
928
985
  all: unset;
929
986
  box-sizing: border-box;
930
987
  cursor: default;
931
- width: 20rem;
932
- padding: var(--spacing-2) var(--spacing-3);
933
- font-size: var(--text-sm);
988
+ padding: var(--spacing-0_5);
934
989
  }
935
990
 
936
- ._linkDialogInput_f3hmk_548::-moz-placeholder, ._dialogInput_f3hmk_575::-moz-placeholder {
937
- color: var(--baseBorder);
991
+ @media (hover: hover) {
992
+ ._toolbarToggleItem_er3ed_208:hover, ._toolbarButton_er3ed_239:hover {
993
+ background-color: var(--baseBgActive);
994
+ }
938
995
  }
939
996
 
940
- ._linkDialogInput_f3hmk_548::placeholder, ._dialogInput_f3hmk_575::placeholder {
941
- color: var(--baseBorder);
997
+ ._toolbarToggleItem_er3ed_208:active svg, ._toolbarButton_er3ed_239:active svg {
998
+ transform: translate(1px, 1px);
942
999
  }
943
1000
 
944
- ._linkDialogAnchor_f3hmk_586 {
945
- position: fixed;
946
- background-color: highlight;
947
- z-index: -1;
948
- }
949
-
950
- ._linkDialogAnchor_f3hmk_586[data-visible='true'] {
951
- visibility: visible;
1001
+ ._toolbarToggleItem_er3ed_208[data-state='on'],
1002
+ ._toolbarButton_er3ed_239[data-state='on'],
1003
+ ._toolbarToggleItem_er3ed_208:active,
1004
+ ._toolbarButton_er3ed_239:active {
1005
+ color: var(--baseTextContrast);
1006
+ background-color: var(--baseBgActive);
952
1007
  }
953
1008
 
954
- ._linkDialogAnchor_f3hmk_586[data-visible='false'] {
955
- visibility: hidden;
1009
+ ._toolbarToggleItem_er3ed_208[data-disabled], ._toolbarButton_er3ed_239[data-disabled] {
1010
+ pointer-events: none;
956
1011
  }
957
1012
 
958
- ._linkDialogPopoverContent_f3hmk_600,
959
- ._tableColumnEditorPopoverContent_f3hmk_601,
960
- ._dialogContent_f3hmk_602 {
961
- filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1013
+ ._toolbarToggleItem_er3ed_208[data-disabled] svg, ._toolbarButton_er3ed_239[data-disabled] svg {
1014
+ color: var(--baseBorderHover);
1015
+ }
1016
+
1017
+ ._toolbarButton_er3ed_239 {
1018
+ border-radius: var(--radius-base);
1019
+ }
1020
+
1021
+ ._toolbarButton_er3ed_239 + ._toolbarButton_er3ed_239 {
1022
+ margin-left: var(--spacing-1);
1023
+ }
1024
+
1025
+ ._activeToolbarButton_er3ed_275 {
1026
+ color: var(--accentText);
1027
+ }
1028
+
1029
+ ._toolbarToggleSingleGroup_er3ed_224 {
962
1030
  display: flex;
963
1031
  align-items: center;
964
- gap: var(--spacing-0_5);
965
- border-radius: var(--radius-medium);
966
- border: 1px solid var(--baseBg);
967
- background-color: var(--basePageBg);
968
- padding: var(--spacing-1) var(--spacing-1);
969
- font-size: var(--text-sm);
1032
+ white-space: nowrap;
970
1033
  }
971
1034
 
972
- ._largeDialogContent_f3hmk_614 {
1035
+ ._toolbarNodeKindSelectContainer_er3ed_285,
1036
+ ._toolbarButtonDropdownContainer_er3ed_286,
1037
+ ._toolbarCodeBlockLanguageSelectContent_er3ed_287,
1038
+ ._selectContainer_er3ed_288 {
973
1039
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
974
- gap: var(--spacing-0_5);
975
- border-radius: var(--radius-medium);
976
- border: 1px solid var(--baseBorder);
977
- background-color: var(--baseBgSubtle);
978
- padding: var(--spacing-4);
1040
+ z-index: 3;
1041
+ width: var(--spacing-36);
1042
+ border-bottom-left-radius: var(--radius-base);
1043
+ border-bottom-right-radius: var(--radius-base);
1044
+ background-color: var(--basePageBg);
979
1045
  font-size: var(--text-sm);
980
1046
  }
981
1047
 
982
- ._dialogTitle_f3hmk_624 {
983
- font-size: var(--text-base);
984
- font-weight: 600;
985
- padding-left: var(--spacing-2);
1048
+ ._toolbarButtonDropdownContainer_er3ed_286 {
1049
+ border-top-right-radius: var(--radius-base);
986
1050
  }
987
1051
 
988
- ._dialogCloseButton_f3hmk_630 {
1052
+ ._toolbarButtonDropdownContainer_er3ed_286 ._selectItem_er3ed_301:first-child {
1053
+ border-top-right-radius: var(--radius-base);
1054
+ }
1055
+
1056
+ ._toolbarNodeKindSelectTrigger_er3ed_306,
1057
+ ._toolbarButtonSelectTrigger_er3ed_307,
1058
+ ._selectTrigger_er3ed_308 {
989
1059
  border: 0;
990
1060
  background-color: transparent;
991
- font-size: inherit;
992
- -webkit-appearance: none;
993
- -moz-appearance: none;
994
- appearance: none;
995
- all: unset;
996
- box-sizing: border-box;
997
- cursor: default;
998
- position: absolute;
999
- top: 10px;
1000
- right: 10px;
1001
- }
1002
-
1003
- ._popoverContent_f3hmk_637 {
1004
- filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1005
1061
  display: flex;
1062
+ color: inherit;
1006
1063
  align-items: center;
1007
- gap: var(--spacing-0_5);
1064
+ width: var(--spacing-36);
1065
+ padding: var(--spacing-0_5) var(--spacing-1);
1066
+ padding-inline-start: var(--spacing-2);
1008
1067
  border-radius: var(--radius-medium);
1009
- background-color: var(--baseBgSubtle);
1010
- padding: var(--spacing-2) var(--spacing-2);
1068
+ white-space: nowrap;
1069
+ flex-wrap: nowrap;
1011
1070
  font-size: var(--text-sm);
1012
- z-index: 1;
1071
+ background-color: var(--basePageBg);
1072
+ margin: 0 var(--spacing-1);
1013
1073
  }
1014
1074
 
1015
- ._popoverArrow_f3hmk_649 {
1016
- fill: var(--basePageBg);
1075
+ ._toolbarNodeKindSelectTrigger_er3ed_306[data-state='open'], ._toolbarButtonSelectTrigger_er3ed_307[data-state='open'], ._selectTrigger_er3ed_308[data-state='open'] {
1076
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1077
+ border-bottom-right-radius: var(--radius-none);
1078
+ border-bottom-left-radius: var(--radius-none);
1079
+ }
1080
+
1081
+ ._selectTrigger_er3ed_308[data-placeholder] > span:first-child {
1082
+ color: var(--baseBorderHover);
1017
1083
  }
1018
1084
 
1019
- ._linkDialogPreviewAnchor_f3hmk_653 {
1020
- margin-right: var(--spacing-1);
1021
- display: flex;
1022
- align-items: center;
1023
- color: var(--accentText);
1024
- text-decoration: none;
1085
+ ._toolbarButtonSelectTrigger_er3ed_307 {
1086
+ width: auto;
1087
+ padding-inline-start: var(--spacing-2);
1088
+ padding-inline-end: var(--spacing-1);
1089
+ padding-block: var(--spacing-0_5);
1090
+ }
1025
1091
 
1026
- border: 1px solid transparent;
1092
+ ._toolbarCodeBlockLanguageSelectTrigger_er3ed_342,
1093
+ ._toolbarCodeBlockLanguageSelectContent_er3ed_287 {
1094
+ width: var(--spacing-48);
1027
1095
  }
1028
1096
 
1029
- @media (hover: hover) {
1030
- ._linkDialogPreviewAnchor_f3hmk_653:hover {
1031
- color: var(--accentSolidHover);
1032
- }
1033
- }
1097
+ ._toolbarNodeKindSelectItem_er3ed_347,
1098
+ ._selectItem_er3ed_301 {
1099
+ cursor: default;
1100
+ display: flex;
1101
+ padding: var(--spacing-2);
1102
+ }
1034
1103
 
1035
- ._linkDialogPreviewAnchor_f3hmk_653 span {
1036
- max-width: 14rem;
1037
- overflow-x: hidden;
1038
- text-overflow: ellipsis;
1039
- white-space: nowrap;
1104
+ ._toolbarNodeKindSelectItem_er3ed_347[data-highlighted], ._selectItem_er3ed_301[data-highlighted] {
1105
+ background-color: var(--baseBg);
1040
1106
  }
1041
1107
 
1042
- ._tooltipTrigger_f3hmk_676 {
1043
- align-self: center;
1108
+ ._toolbarNodeKindSelectItem_er3ed_347[data-state='checked'], ._selectItem_er3ed_301[data-state='checked'] {
1109
+ color: var(--baseTextContrast);
1110
+ background-color: var(--baseBg);
1111
+ }
1112
+
1113
+ ._toolbarNodeKindSelectItem_er3ed_347[data-highlighted], ._selectItem_er3ed_301[data-highlighted] {
1114
+ outline: none;
1115
+ }
1116
+
1117
+ ._toolbarNodeKindSelectItem_er3ed_347:last-child, ._selectItem_er3ed_301:last-child {
1118
+ border-bottom-left-radius: var(--radius-base);
1119
+ border-bottom-right-radius: var(--radius-base);
1120
+ }
1121
+
1122
+ ._toolbarNodeKindSelectDropdownArrow_er3ed_372,
1123
+ ._selectDropdownArrow_er3ed_373 {
1124
+ margin-left: auto;
1125
+ display: flex;
1126
+ align-items: center;
1044
1127
  }
1045
1128
 
1046
- ._tooltipContent_f3hmk_680 {
1047
- z-index: 2;
1129
+ ._contentEditable_er3ed_379 {
1130
+ box-sizing: border-box;
1131
+ width: 100%;
1132
+ color: var(--baseTextContrast);
1133
+
1134
+ padding: var(--spacing-3);
1135
+ }
1136
+
1137
+ ._contentEditable_er3ed_379:focus {
1138
+ outline: none;
1139
+ }
1140
+
1141
+ ._codeMirrorWrapper_er3ed_391 {
1142
+ margin-bottom: var(--spacing-5);
1143
+ border: 1px solid var(--baseLine);
1144
+ border-radius: var(--radius-medium);
1145
+ overflow: hidden;
1146
+ padding: 0.8rem;
1048
1147
  position: relative;
1148
+ }
1149
+
1150
+ ._sandPackWrapper_er3ed_400 {
1151
+ margin-bottom: var(--spacing-5);
1152
+ border: 1px solid var(--baseLine);
1049
1153
  border-radius: var(--radius-medium);
1050
- padding: var(--spacing-1) var(--spacing-2);
1051
- font-size: var(--text-xs);
1052
- background-color: var(--baseText);
1053
- color: var(--baseBase);
1154
+ overflow: hidden;
1155
+ position: relative;
1054
1156
  }
1055
1157
 
1056
- ._tooltipContent_f3hmk_680 svg {
1057
- fill: var(--baseText);
1158
+ ._codeMirrorToolbar_er3ed_408 {
1159
+ position: absolute;
1160
+ right: 0;
1161
+ top: 0;
1162
+ display: flex;
1163
+ gap: var(--spacing-1);
1164
+ padding: var(--spacing-1);
1165
+ z-index: 1;
1166
+ background-color: var(--baseBase);
1167
+ border-bottom-left-radius: var(--radius-base);
1168
+ }
1169
+
1170
+ ._frontmatterWrapper_er3ed_412 {
1171
+ border-radius: var(--radius-medium);
1172
+ padding: var(--spacing-3);
1173
+ background-color: var(--baseBgSubtle);
1174
+ }
1175
+
1176
+ ._frontmatterWrapper_er3ed_412[data-expanded='true'] {
1177
+ margin-bottom: var(--spacing-10);
1058
1178
  }
1059
1179
 
1060
- ._actionButton_f3hmk_694 {
1180
+ ._frontmatterToggleButton_er3ed_422 {
1061
1181
  border: 0;
1062
1182
  background-color: transparent;
1063
1183
  font-size: inherit;
@@ -1067,108 +1187,63 @@
1067
1187
  all: unset;
1068
1188
  box-sizing: border-box;
1069
1189
  cursor: default;
1070
- padding: var(--spacing-1);
1071
- color: var(--baseTextContrast);
1072
- padding: var(--spacing-1) var(--spacing-1);
1073
- border-radius: var(--radius-medium);
1074
- color: var(--baseTextContrast);
1190
+ display: flex;
1191
+ align-items: center;
1192
+ gap: var(--spacing-1);
1193
+ font-size: var(--text-sm);
1075
1194
  }
1076
1195
 
1077
- ._actionButton_f3hmk_694 svg {
1078
- display: block;
1079
- }
1080
-
1081
- @media (hover: hover) {
1082
- ._actionButton_f3hmk_694:hover {
1083
- background-color: var(--baseBg);
1084
- }
1085
- }
1086
-
1087
- ._actionButton_f3hmk_694:active svg {
1088
- transform: translate(1px, 1px);
1089
- }
1090
-
1091
- ._actionButton_f3hmk_694[data-state='on'],
1092
- ._actionButton_f3hmk_694:active {
1093
- background-color: var(--baseBg);
1094
- color: var(--baseTextContrast);
1095
- }
1096
-
1097
- ._primaryActionButton_f3hmk_701 {
1098
- background-color: var(--accentSolid);
1099
- color: var(--baseBase);
1196
+ ._propertyPanelTitle_er3ed_430 {
1197
+ font-size: var(--text-xs);
1198
+ font-weight: 400;
1199
+ margin: 0;
1200
+ padding-top: var(--spacing-2);
1201
+ padding-left: var(--spacing-2);
1100
1202
  }
1101
1203
 
1102
- @media (hover: hover) {
1103
- ._primaryActionButton_f3hmk_701:hover {
1104
- background-color: var(--accentSolidHover);
1105
- color: var(--baseBase);
1106
- }
1107
- }
1108
-
1109
- ._tableEditor_f3hmk_713 {
1204
+ ._propertyEditorTable_er3ed_438 {
1110
1205
  table-layout: fixed;
1111
- width: 100%;
1112
- height: 100%;
1113
- border-spacing: 0;
1114
- border-collapse: collapse;
1206
+ border-spacing: var(--spacing-2);
1115
1207
  }
1116
1208
 
1117
- ._tableEditor_f3hmk_713 thead > tr > th {
1118
- text-align: right;
1209
+ ._propertyEditorTable_er3ed_438 th {
1210
+ text-align: left;
1211
+ font-size: var(--text-sm);
1212
+ padding: var(--spacing-2) var(--spacing-3);
1119
1213
  }
1120
1214
 
1121
- ._tableEditor_f3hmk_713 > tbody > tr > td:not(._toolCell_f3hmk_724),
1122
- ._tableEditor_f3hmk_713 > tbody > tr > th:not(._toolCell_f3hmk_724):not([data-tool-cell='true']) {
1123
- border: 1px solid var(--baseBgActive);
1124
- padding: var(--spacing-1) var(--spacing-2);
1125
- white-space: normal;
1215
+ ._propertyEditorTable_er3ed_438 col:nth-child(1) {
1216
+ width: 30%;
1126
1217
  }
1127
1218
 
1128
- :is(._tableEditor_f3hmk_713 > tbody > tr > td:not(._toolCell_f3hmk_724),._tableEditor_f3hmk_713 > tbody > tr > th:not(._toolCell_f3hmk_724):not([data-tool-cell='true'])) > div {
1129
- outline: none;
1130
- }
1131
-
1132
- :is(._tableEditor_f3hmk_713 > tbody > tr > td:not(._toolCell_f3hmk_724),._tableEditor_f3hmk_713 > tbody > tr > th:not(._toolCell_f3hmk_724):not([data-tool-cell='true'])) > div > p {
1133
- margin: 0;
1134
- }
1135
-
1136
- [data-active='true']:is(._tableEditor_f3hmk_713 > tbody > tr > td:not(._toolCell_f3hmk_724),._tableEditor_f3hmk_713 > tbody > tr > th:not(._toolCell_f3hmk_724):not([data-tool-cell='true'])) {
1137
- outline: solid 1px var(--baseSolid);
1138
- }
1139
-
1140
- ._tableEditor_f3hmk_713 ._tableColumnEditorTrigger_f3hmk_743,
1141
- ._tableEditor_f3hmk_713 ._tableRowEditorTrigger_f3hmk_744,
1142
- ._tableEditor_f3hmk_713 ._addRowButton_f3hmk_745,
1143
- ._tableEditor_f3hmk_713 ._addColumnButton_f3hmk_746,
1144
- ._tableEditor_f3hmk_713 ._iconButton_f3hmk_456 {
1145
- opacity: 0.15;
1219
+ ._propertyEditorTable_er3ed_438 col:nth-child(2) {
1220
+ width: 70%;
1146
1221
  }
1147
1222
 
1148
- @media (hover: hover) {
1149
- ._tableEditor_f3hmk_713:hover ._tableColumnEditorTrigger_f3hmk_743,
1150
- ._tableEditor_f3hmk_713:hover ._tableRowEditorTrigger_f3hmk_744,
1151
- ._tableEditor_f3hmk_713:hover ._addRowButton_f3hmk_745,
1152
- ._tableEditor_f3hmk_713:hover ._addColumnButton_f3hmk_746,
1153
- ._tableEditor_f3hmk_713:hover ._iconButton_f3hmk_456 {
1154
- opacity: 0.3;
1155
- }
1223
+ ._propertyEditorTable_er3ed_438 td:last-child ._iconButton_er3ed_456 {
1224
+ margin-left: var(--spacing-4);
1225
+ margin-right: var(--spacing-4);
1226
+ }
1156
1227
 
1157
- ._tableEditor_f3hmk_713:hover ._tableColumnEditorTrigger_f3hmk_743:hover, ._tableEditor_f3hmk_713:hover ._tableRowEditorTrigger_f3hmk_744:hover, ._tableEditor_f3hmk_713:hover ._addRowButton_f3hmk_745:hover, ._tableEditor_f3hmk_713:hover ._addColumnButton_f3hmk_746:hover, ._tableEditor_f3hmk_713:hover ._iconButton_f3hmk_456:hover {
1158
- opacity: 1;
1159
- }
1228
+ ._propertyEditorTable_er3ed_438 ._readOnlyColumnCell_er3ed_461 {
1229
+ padding-left: 0;
1160
1230
  }
1161
1231
 
1162
- ._toolCell_f3hmk_724 {
1163
- text-align: right;
1232
+ ._propertyEditorLabelCell_er3ed_466 {
1233
+ font-weight: 400;
1164
1234
  }
1165
1235
 
1166
- ._toolCell_f3hmk_724 button {
1167
- margin: auto;
1168
- display: block;
1169
- }
1236
+ ._readOnlyColumnCell_er3ed_461 {
1237
+ padding-left: 0;
1238
+ }
1239
+
1240
+ ._buttonsFooter_er3ed_474 {
1241
+ display: flex;
1242
+ justify-content: flex-end;
1243
+ gap: var(--spacing-2);
1244
+ }
1170
1245
 
1171
- ._tableColumnEditorTrigger_f3hmk_743 {
1246
+ ._propertyEditorInput_er3ed_480 {
1172
1247
  border: 0;
1173
1248
  background-color: transparent;
1174
1249
  font-size: inherit;
@@ -1178,85 +1253,110 @@
1178
1253
  all: unset;
1179
1254
  box-sizing: border-box;
1180
1255
  cursor: default;
1181
- padding: var(--spacing-1);
1182
- color: var(--baseTextContrast);
1183
- padding: var(--spacing-1);
1184
- border-radius: var(--radius-full);
1185
- opacity: 0.2;
1256
+ width: 100%;
1257
+ padding: var(--spacing-2) var(--spacing-3);
1258
+ border-radius: var(--radius-base);
1259
+ border: 1px solid var(--baseBorder);
1260
+ background-color: var(--baseBase);
1261
+ font-size: var(--text-sm);
1186
1262
  }
1187
1263
 
1188
- ._tableColumnEditorTrigger_f3hmk_743 svg {
1189
- display: block;
1190
- }
1264
+ ._iconButton_er3ed_456 {
1265
+ border: 0;
1266
+ background-color: transparent;
1267
+ font-size: inherit;
1268
+ -webkit-appearance: none;
1269
+ -moz-appearance: none;
1270
+ appearance: none;
1271
+ all: unset;
1272
+ box-sizing: border-box;
1273
+ cursor: default;
1274
+ color: var(--baseText);
1275
+ }
1191
1276
 
1192
1277
  @media (hover: hover) {
1193
- ._tableColumnEditorTrigger_f3hmk_743:hover {
1194
- background-color: var(--baseBg);
1278
+ ._iconButton_er3ed_456:hover {
1279
+ color: var(--baseTextContrast);
1195
1280
  }
1196
1281
  }
1197
1282
 
1198
- ._tableColumnEditorTrigger_f3hmk_743:active svg {
1199
- transform: translate(1px, 1px);
1283
+ ._iconButton_er3ed_456:disabled,
1284
+ ._iconButton_er3ed_456:disabled:hover {
1285
+ color: var(--baseLine);
1200
1286
  }
1201
1287
 
1202
- ._tableColumnEditorTrigger_f3hmk_743[data-state='on'],
1203
- ._tableColumnEditorTrigger_f3hmk_743:active {
1204
- background-color: var(--baseBg);
1205
- color: var(--baseTextContrast);
1206
- }
1288
+ ._primaryButton_er3ed_506,
1289
+ ._secondaryButton_er3ed_507 {
1290
+ border: 0;
1291
+ background-color: transparent;
1292
+ font-size: inherit;
1293
+ -webkit-appearance: none;
1294
+ -moz-appearance: none;
1295
+ appearance: none;
1296
+ all: unset;
1297
+ box-sizing: border-box;
1298
+ cursor: default;
1299
+ padding: var(--spacing-2) var(--spacing-3);
1300
+ border: 1px solid var(--accentBorder);
1301
+ background-color: var(--accentSolidHover);
1302
+ color: var(--baseBase);
1303
+ font-size: var(--text-xs);
1304
+ border-radius: var(--radius-medium);
1305
+ }
1207
1306
 
1208
- ._tableColumnEditorTrigger_f3hmk_743[data-active='true'] {
1209
- opacity: 1 !important;
1307
+ ._primaryButton_er3ed_506:disabled, ._secondaryButton_er3ed_507:disabled {
1308
+ background: var(--accentLine);
1309
+ border-color: var(--accentBg);
1210
1310
  }
1211
1311
 
1212
- ._tableColumnEditorToolbar_f3hmk_788 {
1213
- display: flex;
1312
+ ._smallButton_er3ed_522 {
1313
+ font-size: var(--text-xs);
1314
+ padding: var(--spacing-1) var(--spacing-2);
1315
+ border-radius: var(--radius-base);
1214
1316
  }
1215
1317
 
1216
- ._tableColumnEditorToolbar_f3hmk_788 > button {
1217
- border: 0;
1218
- background-color: transparent;
1219
- font-size: inherit;
1220
- -webkit-appearance: none;
1221
- -moz-appearance: none;
1222
- appearance: none;
1223
- all: unset;
1224
- box-sizing: border-box;
1225
- cursor: default;
1226
- padding: var(--spacing-1);
1227
- color: var(--baseTextContrast);
1228
- }
1229
-
1230
- ._tableColumnEditorToolbar_f3hmk_788 > button svg {
1231
- display: block;
1232
- }
1318
+ ._secondaryButton_er3ed_507 {
1319
+ border: 1px solid var(--baseBorder);
1320
+ background-color: var(--baseSolidHover);
1321
+ color: var(--baseBase);
1322
+ }
1233
1323
 
1234
- @media (hover: hover) {
1235
- ._tableColumnEditorToolbar_f3hmk_788 > button:hover {
1236
- background-color: var(--baseBg);
1237
- }
1238
- }
1324
+ ._dialogForm_er3ed_534 {
1325
+ display: flex;
1326
+ flex-direction: row;
1327
+ gap: var(--spacing-2);
1328
+ }
1239
1329
 
1240
- ._tableColumnEditorToolbar_f3hmk_788 > button:active svg {
1241
- transform: translate(1px, 1px);
1242
- }
1330
+ ._linkDialogEditForm_er3ed_540 {
1331
+ display: flex;
1332
+ flex-direction: column;
1333
+ align-items: stretch;
1334
+ gap: var(--spacing-2);
1335
+ padding: 0;
1336
+ }
1243
1337
 
1244
- ._tableColumnEditorToolbar_f3hmk_788 > button[data-state='on'],
1245
- ._tableColumnEditorToolbar_f3hmk_788 > button:active {
1246
- background-color: var(--baseBg);
1247
- color: var(--baseTextContrast);
1248
- }
1338
+ ._linkDialogInputContainer_er3ed_548 {
1339
+ display: flex;
1340
+ flex-direction: column;
1341
+ align-items: stretch;
1342
+ }
1249
1343
 
1250
- ._tableColumnEditorToolbar_f3hmk_788 [role='separator'] {
1251
- margin-left: var(--spacing-1);
1252
- margin-right: var(--spacing-1);
1253
- }
1344
+ ._linkDialogInputWrapper_er3ed_554 {
1345
+ display: flex;
1346
+ align-items: center;
1347
+ background-color: var(--baseBase);
1254
1348
 
1255
- ._toggleGroupRoot_f3hmk_801 {
1256
- display: inline-flex;
1349
+ border-radius: var(--radius-base);
1350
+ border: 1px solid var(--baseBorder);
1257
1351
  }
1258
1352
 
1259
- ._toggleGroupRoot_f3hmk_801 button {
1353
+ ._linkDialogInputWrapper_er3ed_554[data-visible-dropdown='true'] {
1354
+ border-bottom-left-radius: var(--radius-none);
1355
+ border-bottom-right-radius: var(--radius-none);
1356
+ border-bottom-width: 0;
1357
+ }
1358
+
1359
+ ._linkDialogInputWrapper_er3ed_554 > button {
1260
1360
  border: 0;
1261
1361
  background-color: transparent;
1262
1362
  font-size: inherit;
@@ -1266,63 +1366,150 @@
1266
1366
  all: unset;
1267
1367
  box-sizing: border-box;
1268
1368
  cursor: default;
1269
- padding: var(--spacing-1);
1270
- color: var(--baseTextContrast);
1369
+ padding-right: var(--spacing-2);
1271
1370
  }
1272
1371
 
1273
- ._toggleGroupRoot_f3hmk_801 button svg {
1274
- display: block;
1372
+ ._linkDialogInput_er3ed_548,
1373
+ ._dialogInput_er3ed_575 {
1374
+ border: 0;
1375
+ background-color: transparent;
1376
+ font-size: inherit;
1377
+ -webkit-appearance: none;
1378
+ -moz-appearance: none;
1379
+ appearance: none;
1380
+ all: unset;
1381
+ box-sizing: border-box;
1382
+ cursor: default;
1383
+ width: 20rem;
1384
+ padding: var(--spacing-2) var(--spacing-3);
1385
+ font-size: var(--text-sm);
1386
+ }
1387
+
1388
+ ._linkDialogInput_er3ed_548::-moz-placeholder, ._dialogInput_er3ed_575::-moz-placeholder {
1389
+ color: var(--baseBorder);
1275
1390
  }
1276
1391
 
1277
- @media (hover: hover) {
1278
- ._toggleGroupRoot_f3hmk_801 button:hover {
1279
- background-color: var(--baseBg);
1280
- }
1392
+ ._linkDialogInput_er3ed_548::placeholder, ._dialogInput_er3ed_575::placeholder {
1393
+ color: var(--baseBorder);
1281
1394
  }
1282
1395
 
1283
- ._toggleGroupRoot_f3hmk_801 button:active svg {
1284
- transform: translate(1px, 1px);
1396
+ ._linkDialogAnchor_er3ed_586 {
1397
+ position: fixed;
1398
+ background-color: highlight;
1399
+ z-index: -1;
1400
+ }
1401
+
1402
+ ._linkDialogAnchor_er3ed_586[data-visible='true'] {
1403
+ visibility: visible;
1285
1404
  }
1286
1405
 
1287
- ._toggleGroupRoot_f3hmk_801 button[data-state='on'],
1288
- ._toggleGroupRoot_f3hmk_801 button:active {
1289
- background-color: var(--baseBg);
1290
- color: var(--baseTextContrast);
1406
+ ._linkDialogAnchor_er3ed_586[data-visible='false'] {
1407
+ visibility: hidden;
1291
1408
  }
1292
1409
 
1293
- ._toggleGroupRoot_f3hmk_801 button:first-child {
1294
- border-top-left-radius: var(--radius-base);
1295
- border-bottom-left-radius: var(--radius-base);
1296
- }
1410
+ ._linkDialogPopoverContent_er3ed_600,
1411
+ ._tableColumnEditorPopoverContent_er3ed_601,
1412
+ ._dialogContent_er3ed_602 {
1413
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1414
+ display: flex;
1415
+ align-items: center;
1416
+ gap: var(--spacing-0_5);
1417
+ border-radius: var(--radius-medium);
1418
+ border: 1px solid var(--baseBg);
1419
+ background-color: var(--basePageBg);
1420
+ padding: var(--spacing-1) var(--spacing-1);
1421
+ font-size: var(--text-sm);
1422
+ }
1297
1423
 
1298
- ._toggleGroupRoot_f3hmk_801 button:last-child {
1299
- border-top-right-radius: var(--radius-base);
1300
- border-bottom-right-radius: var(--radius-base);
1301
- }
1424
+ ._largeDialogContent_er3ed_614 {
1425
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1426
+ gap: var(--spacing-0_5);
1427
+ border-radius: var(--radius-medium);
1428
+ border: 1px solid var(--baseBorder);
1429
+ background-color: var(--baseBgSubtle);
1430
+ padding: var(--spacing-4);
1431
+ font-size: var(--text-sm);
1432
+ }
1302
1433
 
1303
- ._tableToolsColumn_f3hmk_819 {
1304
- width: 2rem;
1434
+ ._dialogTitle_er3ed_624 {
1435
+ font-size: var(--text-base);
1436
+ font-weight: 600;
1437
+ padding-left: var(--spacing-2);
1305
1438
  }
1306
1439
 
1307
- ._tableToolsColumn_f3hmk_819 button {
1308
- margin: auto;
1309
- display: block;
1310
- }
1440
+ ._dialogCloseButton_er3ed_630 {
1441
+ border: 0;
1442
+ background-color: transparent;
1443
+ font-size: inherit;
1444
+ -webkit-appearance: none;
1445
+ -moz-appearance: none;
1446
+ appearance: none;
1447
+ all: unset;
1448
+ box-sizing: border-box;
1449
+ cursor: default;
1450
+ position: absolute;
1451
+ top: 10px;
1452
+ right: 10px;
1453
+ }
1311
1454
 
1312
- ._leftAlignedCell_f3hmk_828 {
1313
- text-align: left;
1455
+ ._popoverContent_er3ed_637 {
1456
+ filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1457
+ display: flex;
1458
+ align-items: center;
1459
+ gap: var(--spacing-0_5);
1460
+ border-radius: var(--radius-medium);
1461
+ background-color: var(--baseBgSubtle);
1462
+ padding: var(--spacing-2) var(--spacing-2);
1463
+ font-size: var(--text-sm);
1464
+ z-index: 1;
1314
1465
  }
1315
1466
 
1316
- ._rightAlignedCell_f3hmk_832 {
1317
- text-align: right;
1467
+ ._popoverArrow_er3ed_649 {
1468
+ fill: var(--basePageBg);
1318
1469
  }
1319
1470
 
1320
- ._centeredCell_f3hmk_836 {
1321
- text-align: center;
1471
+ ._linkDialogPreviewAnchor_er3ed_653 {
1472
+ margin-right: var(--spacing-1);
1473
+ display: flex;
1474
+ align-items: center;
1475
+ color: var(--accentText);
1476
+ text-decoration: none;
1477
+
1478
+ border: 1px solid transparent;
1479
+ }
1480
+
1481
+ @media (hover: hover) {
1482
+ ._linkDialogPreviewAnchor_er3ed_653:hover {
1483
+ color: var(--accentSolidHover);
1484
+ }
1485
+ }
1486
+
1487
+ ._linkDialogPreviewAnchor_er3ed_653 span {
1488
+ max-width: 14rem;
1489
+ overflow-x: hidden;
1490
+ text-overflow: ellipsis;
1491
+ white-space: nowrap;
1492
+ }
1493
+
1494
+ ._tooltipTrigger_er3ed_676 {
1495
+ align-self: center;
1496
+ }
1497
+
1498
+ ._tooltipContent_er3ed_680 {
1499
+ z-index: 2;
1500
+ position: relative;
1501
+ border-radius: var(--radius-medium);
1502
+ padding: var(--spacing-1) var(--spacing-2);
1503
+ font-size: var(--text-xs);
1504
+ background-color: var(--baseText);
1505
+ color: var(--baseBase);
1322
1506
  }
1323
1507
 
1324
- ._addColumnButton_f3hmk_746,
1325
- ._addRowButton_f3hmk_745 {
1508
+ ._tooltipContent_er3ed_680 svg {
1509
+ fill: var(--baseText);
1510
+ }
1511
+
1512
+ ._actionButton_er3ed_694 {
1326
1513
  border: 0;
1327
1514
  background-color: transparent;
1328
1515
  font-size: inherit;
@@ -1334,176 +1521,441 @@
1334
1521
  cursor: default;
1335
1522
  padding: var(--spacing-1);
1336
1523
  color: var(--baseTextContrast);
1337
- background-color: var(--baseBase);
1338
-
1339
- display: flex;
1340
- align-items: center;
1524
+ padding: var(--spacing-1) var(--spacing-1);
1525
+ border-radius: var(--radius-medium);
1526
+ color: var(--baseTextContrast);
1341
1527
  }
1342
1528
 
1343
- ._addColumnButton_f3hmk_746 svg, ._addRowButton_f3hmk_745 svg {
1529
+ ._actionButton_er3ed_694 svg {
1344
1530
  display: block;
1345
1531
  }
1346
1532
 
1347
1533
  @media (hover: hover) {
1348
- ._addColumnButton_f3hmk_746:hover, ._addRowButton_f3hmk_745:hover {
1534
+ ._actionButton_er3ed_694:hover {
1349
1535
  background-color: var(--baseBg);
1350
1536
  }
1351
1537
  }
1352
1538
 
1353
- ._addColumnButton_f3hmk_746:active svg, ._addRowButton_f3hmk_745:active svg {
1539
+ ._actionButton_er3ed_694:active svg {
1354
1540
  transform: translate(1px, 1px);
1355
1541
  }
1356
1542
 
1357
- ._addColumnButton_f3hmk_746[data-state='on'],
1358
- ._addRowButton_f3hmk_745[data-state='on'],
1359
- ._addColumnButton_f3hmk_746:active,
1360
- ._addRowButton_f3hmk_745:active {
1543
+ ._actionButton_er3ed_694[data-state='on'],
1544
+ ._actionButton_er3ed_694:active {
1361
1545
  background-color: var(--baseBg);
1362
1546
  color: var(--baseTextContrast);
1363
1547
  }
1364
1548
 
1365
- ._addColumnButton_f3hmk_746 svg, ._addRowButton_f3hmk_745 svg {
1366
- margin: auto;
1549
+ ._primaryActionButton_er3ed_701 {
1550
+ background-color: var(--accentSolid);
1551
+ color: var(--baseBase);
1552
+ }
1553
+
1554
+ @media (hover: hover) {
1555
+ ._primaryActionButton_er3ed_701:hover {
1556
+ background-color: var(--accentSolidHover);
1557
+ color: var(--baseBase);
1558
+ }
1367
1559
  }
1368
1560
 
1369
- ._addRowButton_f3hmk_745 {
1561
+ ._tableEditor_er3ed_713 {
1562
+ table-layout: fixed;
1370
1563
  width: 100%;
1371
- margin-top: var(--spacing-px);
1372
- box-sizing: border-box;
1373
- border-bottom-right-radius: var(--radius-medium);
1374
- border-bottom-left-radius: var(--radius-medium);
1375
- }
1376
-
1377
- ._addColumnButton_f3hmk_746 {
1378
- margin-left: var(--spacing-px);
1379
1564
  height: 100%;
1380
- border-top-right-radius: var(--radius-medium);
1381
- border-bottom-right-radius: var(--radius-medium);
1565
+ border-spacing: 0;
1566
+ border-collapse: collapse;
1382
1567
  }
1383
1568
 
1384
- /** Dialog */
1385
- ._dialogOverlay_f3hmk_869 {
1386
- position: fixed;
1387
- inset: 0;
1388
- animation: _overlayShow_f3hmk_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1389
- background-color: var(--baseBase);
1390
- z-index: 51;
1391
- opacity: 0.5;
1392
- }
1569
+ ._tableEditor_er3ed_713 thead > tr > th {
1570
+ text-align: right;
1571
+ }
1393
1572
 
1394
- ._dialogContent_f3hmk_602,
1395
- ._largeDialogContent_f3hmk_614 {
1396
- position: fixed;
1397
- top: 50%;
1398
- left: 50%;
1399
- transform: translate(-50%, -50%);
1400
- animation: _contentShow_f3hmk_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1401
- z-index: 52;
1402
- }
1573
+ ._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724),
1574
+ ._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell='true']) {
1575
+ border: 1px solid var(--baseBgActive);
1576
+ padding: var(--spacing-1) var(--spacing-2);
1577
+ white-space: normal;
1578
+ }
1403
1579
 
1404
- ._dialogContent_f3hmk_602:focus,
1405
- ._largeDialogContent_f3hmk_614:focus {
1406
- outline: none;
1407
- }
1580
+ :is(._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724),._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell='true'])) > div {
1581
+ outline: none;
1582
+ }
1408
1583
 
1409
- @keyframes _overlayShow_f3hmk_1 {
1410
- from {
1411
- opacity: 0;
1412
- }
1584
+ :is(._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724),._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell='true'])) > div > p {
1585
+ margin: 0;
1586
+ }
1413
1587
 
1414
- to {
1415
- opacity: 0.5;
1416
- }
1417
- }
1588
+ [data-active='true']:is(._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724),._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell='true'])) {
1589
+ outline: solid 1px var(--baseSolid);
1590
+ }
1418
1591
 
1419
- @keyframes _contentShow_f3hmk_1 {
1420
- from {
1421
- opacity: 0;
1422
- transform: translate(-50%, -48%) scale(0.96);
1592
+ ._tableEditor_er3ed_713 ._tableColumnEditorTrigger_er3ed_743,
1593
+ ._tableEditor_er3ed_713 ._tableRowEditorTrigger_er3ed_744,
1594
+ ._tableEditor_er3ed_713 ._addRowButton_er3ed_745,
1595
+ ._tableEditor_er3ed_713 ._addColumnButton_er3ed_746,
1596
+ ._tableEditor_er3ed_713 ._iconButton_er3ed_456 {
1597
+ opacity: 0.15;
1423
1598
  }
1424
1599
 
1425
- to {
1426
- opacity: 1;
1427
- transform: translate(-50%, -50%) scale(1);
1428
- }
1429
- }
1600
+ @media (hover: hover) {
1601
+ ._tableEditor_er3ed_713:hover ._tableColumnEditorTrigger_er3ed_743,
1602
+ ._tableEditor_er3ed_713:hover ._tableRowEditorTrigger_er3ed_744,
1603
+ ._tableEditor_er3ed_713:hover ._addRowButton_er3ed_745,
1604
+ ._tableEditor_er3ed_713:hover ._addColumnButton_er3ed_746,
1605
+ ._tableEditor_er3ed_713:hover ._iconButton_er3ed_456 {
1606
+ opacity: 0.3;
1607
+ }
1430
1608
 
1431
- ._focusedImage_f3hmk_915 {
1432
- outline: highlight solid 2px;
1433
- }
1609
+ ._tableEditor_er3ed_713:hover ._tableColumnEditorTrigger_er3ed_743:hover, ._tableEditor_er3ed_713:hover ._tableRowEditorTrigger_er3ed_744:hover, ._tableEditor_er3ed_713:hover ._addRowButton_er3ed_745:hover, ._tableEditor_er3ed_713:hover ._addColumnButton_er3ed_746:hover, ._tableEditor_er3ed_713:hover ._iconButton_er3ed_456:hover {
1610
+ opacity: 1;
1611
+ }
1612
+ }
1434
1613
 
1435
- ._imageWrapper_f3hmk_919 {
1436
- display: inline-block;
1437
- position: relative;
1614
+ ._toolCell_er3ed_724 {
1615
+ text-align: right;
1438
1616
  }
1439
1617
 
1440
- ._imageWrapper_f3hmk_919[draggable='true'] {
1441
- cursor: move;
1442
- /* fallback if grab cursor is unsupported */
1443
- cursor: grab;
1444
- cursor: -webkit-grab;
1445
- }
1618
+ ._toolCell_er3ed_724 button {
1619
+ margin: auto;
1620
+ display: block;
1621
+ }
1446
1622
 
1447
- ._editImageToolbar_f3hmk_932 {
1448
- position: absolute;
1449
- right: 0;
1450
- top: 0;
1451
- display: flex;
1452
- gap: var(--spacing-1);
1623
+ ._tableColumnEditorTrigger_er3ed_743 {
1624
+ border: 0;
1625
+ background-color: transparent;
1626
+ font-size: inherit;
1627
+ -webkit-appearance: none;
1628
+ -moz-appearance: none;
1629
+ appearance: none;
1630
+ all: unset;
1631
+ box-sizing: border-box;
1632
+ cursor: default;
1453
1633
  padding: var(--spacing-1);
1454
- z-index: 1;
1455
- background-color: var(--baseBase);
1456
- border-bottom-left-radius: var(--radius-base);
1634
+ color: var(--baseTextContrast);
1635
+ padding: var(--spacing-1);
1636
+ border-radius: var(--radius-full);
1637
+ opacity: 0.2;
1457
1638
  }
1458
1639
 
1459
- ._editImageButton_f3hmk_936 svg {
1640
+ ._tableColumnEditorTrigger_er3ed_743 svg {
1460
1641
  display: block;
1461
1642
  }
1462
1643
 
1463
- ._inlineEditor_f3hmk_942 {
1464
- display: inline-flex;
1465
- border-radius: var(--radius-medium);
1466
- padding: var(--spacing-1);
1467
- gap: var(--spacing-2);
1468
- align-items: center;
1469
- background: var(--baseBg);
1470
- }
1471
-
1472
- ._blockEditor_f3hmk_951 {
1473
- display: flex;
1474
- justify-content: stretch;
1475
- border-radius: var(--radius-medium);
1476
- padding: var(--spacing-2);
1477
- gap: var(--spacing-2);
1478
- align-items: center;
1479
- background: var(--baseBg);
1480
- }
1644
+ @media (hover: hover) {
1645
+ ._tableColumnEditorTrigger_er3ed_743:hover {
1646
+ background-color: var(--baseBg);
1647
+ }
1648
+ }
1481
1649
 
1482
- ._blockEditor_f3hmk_951 ._nestedEditor_f3hmk_960 {
1483
- flex-grow: 1;
1650
+ ._tableColumnEditorTrigger_er3ed_743:active svg {
1651
+ transform: translate(1px, 1px);
1484
1652
  }
1485
1653
 
1486
- ._nestedEditor_f3hmk_960 {
1654
+ ._tableColumnEditorTrigger_er3ed_743[data-state='on'],
1655
+ ._tableColumnEditorTrigger_er3ed_743:active {
1656
+ background-color: var(--baseBg);
1657
+ color: var(--baseTextContrast);
1658
+ }
1659
+
1660
+ ._tableColumnEditorTrigger_er3ed_743[data-active='true'] {
1661
+ opacity: 1 !important;
1662
+ }
1663
+
1664
+ ._tableColumnEditorToolbar_er3ed_788 {
1665
+ display: flex;
1666
+ }
1667
+
1668
+ ._tableColumnEditorToolbar_er3ed_788 > button {
1669
+ border: 0;
1670
+ background-color: transparent;
1671
+ font-size: inherit;
1672
+ -webkit-appearance: none;
1673
+ -moz-appearance: none;
1674
+ appearance: none;
1675
+ all: unset;
1676
+ box-sizing: border-box;
1677
+ cursor: default;
1678
+ padding: var(--spacing-1);
1679
+ color: var(--baseTextContrast);
1680
+ }
1681
+
1682
+ ._tableColumnEditorToolbar_er3ed_788 > button svg {
1683
+ display: block;
1684
+ }
1685
+
1686
+ @media (hover: hover) {
1687
+ ._tableColumnEditorToolbar_er3ed_788 > button:hover {
1688
+ background-color: var(--baseBg);
1689
+ }
1690
+ }
1691
+
1692
+ ._tableColumnEditorToolbar_er3ed_788 > button:active svg {
1693
+ transform: translate(1px, 1px);
1694
+ }
1695
+
1696
+ ._tableColumnEditorToolbar_er3ed_788 > button[data-state='on'],
1697
+ ._tableColumnEditorToolbar_er3ed_788 > button:active {
1698
+ background-color: var(--baseBg);
1699
+ color: var(--baseTextContrast);
1700
+ }
1701
+
1702
+ ._tableColumnEditorToolbar_er3ed_788 [role='separator'] {
1703
+ margin-left: var(--spacing-1);
1704
+ margin-right: var(--spacing-1);
1705
+ }
1706
+
1707
+ ._toggleGroupRoot_er3ed_801 {
1708
+ display: inline-flex;
1709
+ }
1710
+
1711
+ ._toggleGroupRoot_er3ed_801 button {
1712
+ border: 0;
1713
+ background-color: transparent;
1714
+ font-size: inherit;
1715
+ -webkit-appearance: none;
1716
+ -moz-appearance: none;
1717
+ appearance: none;
1718
+ all: unset;
1719
+ box-sizing: border-box;
1720
+ cursor: default;
1721
+ padding: var(--spacing-1);
1722
+ color: var(--baseTextContrast);
1723
+ }
1724
+
1725
+ ._toggleGroupRoot_er3ed_801 button svg {
1726
+ display: block;
1727
+ }
1728
+
1729
+ @media (hover: hover) {
1730
+ ._toggleGroupRoot_er3ed_801 button:hover {
1731
+ background-color: var(--baseBg);
1732
+ }
1733
+ }
1734
+
1735
+ ._toggleGroupRoot_er3ed_801 button:active svg {
1736
+ transform: translate(1px, 1px);
1737
+ }
1738
+
1739
+ ._toggleGroupRoot_er3ed_801 button[data-state='on'],
1740
+ ._toggleGroupRoot_er3ed_801 button:active {
1741
+ background-color: var(--baseBg);
1742
+ color: var(--baseTextContrast);
1743
+ }
1744
+
1745
+ ._toggleGroupRoot_er3ed_801 button:first-child {
1746
+ border-top-left-radius: var(--radius-base);
1747
+ border-bottom-left-radius: var(--radius-base);
1748
+ }
1749
+
1750
+ ._toggleGroupRoot_er3ed_801 button:last-child {
1751
+ border-top-right-radius: var(--radius-base);
1752
+ border-bottom-right-radius: var(--radius-base);
1753
+ }
1754
+
1755
+ ._tableToolsColumn_er3ed_819 {
1756
+ width: 2rem;
1757
+ }
1758
+
1759
+ ._tableToolsColumn_er3ed_819 button {
1760
+ margin: auto;
1761
+ display: block;
1762
+ }
1763
+
1764
+ ._leftAlignedCell_er3ed_828 {
1765
+ text-align: left;
1766
+ }
1767
+
1768
+ ._rightAlignedCell_er3ed_832 {
1769
+ text-align: right;
1770
+ }
1771
+
1772
+ ._centeredCell_er3ed_836 {
1773
+ text-align: center;
1774
+ }
1775
+
1776
+ ._addColumnButton_er3ed_746,
1777
+ ._addRowButton_er3ed_745 {
1778
+ border: 0;
1779
+ background-color: transparent;
1780
+ font-size: inherit;
1781
+ -webkit-appearance: none;
1782
+ -moz-appearance: none;
1783
+ appearance: none;
1784
+ all: unset;
1785
+ box-sizing: border-box;
1786
+ cursor: default;
1787
+ padding: var(--spacing-1);
1788
+ color: var(--baseTextContrast);
1789
+ background-color: var(--baseBase);
1790
+
1791
+ display: flex;
1792
+ align-items: center;
1793
+ }
1794
+
1795
+ ._addColumnButton_er3ed_746 svg, ._addRowButton_er3ed_745 svg {
1796
+ display: block;
1797
+ }
1798
+
1799
+ @media (hover: hover) {
1800
+ ._addColumnButton_er3ed_746:hover, ._addRowButton_er3ed_745:hover {
1801
+ background-color: var(--baseBg);
1802
+ }
1803
+ }
1804
+
1805
+ ._addColumnButton_er3ed_746:active svg, ._addRowButton_er3ed_745:active svg {
1806
+ transform: translate(1px, 1px);
1807
+ }
1808
+
1809
+ ._addColumnButton_er3ed_746[data-state='on'],
1810
+ ._addRowButton_er3ed_745[data-state='on'],
1811
+ ._addColumnButton_er3ed_746:active,
1812
+ ._addRowButton_er3ed_745:active {
1813
+ background-color: var(--baseBg);
1814
+ color: var(--baseTextContrast);
1815
+ }
1816
+
1817
+ ._addColumnButton_er3ed_746 svg, ._addRowButton_er3ed_745 svg {
1818
+ margin: auto;
1819
+ }
1820
+
1821
+ ._addRowButton_er3ed_745 {
1822
+ width: 100%;
1823
+ margin-top: var(--spacing-px);
1824
+ box-sizing: border-box;
1825
+ border-bottom-right-radius: var(--radius-medium);
1826
+ border-bottom-left-radius: var(--radius-medium);
1827
+ }
1828
+
1829
+ ._addColumnButton_er3ed_746 {
1830
+ margin-left: var(--spacing-px);
1831
+ height: 100%;
1832
+ border-top-right-radius: var(--radius-medium);
1833
+ border-bottom-right-radius: var(--radius-medium);
1834
+ }
1835
+
1836
+ /** Dialog */
1837
+ ._dialogOverlay_er3ed_869 {
1838
+ position: fixed;
1839
+ inset: 0;
1840
+ animation: _overlayShow_er3ed_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1841
+ background-color: var(--baseBase);
1842
+ z-index: 51;
1843
+ opacity: 0.5;
1844
+ }
1845
+
1846
+ ._dialogContent_er3ed_602,
1847
+ ._largeDialogContent_er3ed_614 {
1848
+ position: fixed;
1849
+ top: 50%;
1850
+ left: 50%;
1851
+ transform: translate(-50%, -50%);
1852
+ animation: _contentShow_er3ed_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1853
+ z-index: 52;
1854
+ }
1855
+
1856
+ ._dialogContent_er3ed_602:focus,
1857
+ ._largeDialogContent_er3ed_614:focus {
1858
+ outline: none;
1859
+ }
1860
+
1861
+ @keyframes _overlayShow_er3ed_1 {
1862
+ from {
1863
+ opacity: 0;
1864
+ }
1865
+
1866
+ to {
1867
+ opacity: 0.5;
1868
+ }
1869
+ }
1870
+
1871
+ @keyframes _contentShow_er3ed_1 {
1872
+ from {
1873
+ opacity: 0;
1874
+ transform: translate(-50%, -48%) scale(0.96);
1875
+ }
1876
+
1877
+ to {
1878
+ opacity: 1;
1879
+ transform: translate(-50%, -50%) scale(1);
1880
+ }
1881
+ }
1882
+
1883
+ ._focusedImage_er3ed_915 {
1884
+ outline: highlight solid 2px;
1885
+ }
1886
+
1887
+ ._imageWrapper_er3ed_919 {
1888
+ display: inline-block;
1889
+ position: relative;
1890
+ }
1891
+
1892
+ ._imageWrapper_er3ed_919[draggable='true'] {
1893
+ cursor: move;
1894
+ /* fallback if grab cursor is unsupported */
1895
+ cursor: grab;
1896
+ cursor: -webkit-grab;
1897
+ }
1898
+
1899
+ ._editImageToolbar_er3ed_932 {
1900
+ position: absolute;
1901
+ right: 0;
1902
+ top: 0;
1903
+ display: flex;
1904
+ gap: var(--spacing-1);
1905
+ padding: var(--spacing-1);
1906
+ z-index: 1;
1907
+ background-color: var(--baseBase);
1908
+ border-bottom-left-radius: var(--radius-base);
1909
+ }
1910
+
1911
+ ._editImageButton_er3ed_936 svg {
1912
+ display: block;
1913
+ }
1914
+
1915
+ ._inlineEditor_er3ed_942 {
1916
+ display: inline-flex;
1917
+ border-radius: var(--radius-medium);
1918
+ padding: var(--spacing-1);
1919
+ gap: var(--spacing-2);
1920
+ align-items: center;
1921
+ background: var(--baseBg);
1922
+ }
1923
+
1924
+ ._blockEditor_er3ed_951 {
1925
+ display: flex;
1926
+ justify-content: stretch;
1927
+ border-radius: var(--radius-medium);
1928
+ padding: var(--spacing-2);
1929
+ gap: var(--spacing-2);
1930
+ align-items: center;
1931
+ background: var(--baseBg);
1932
+ }
1933
+
1934
+ ._blockEditor_er3ed_951 ._nestedEditor_er3ed_960 {
1935
+ flex-grow: 1;
1936
+ }
1937
+
1938
+ ._nestedEditor_er3ed_960 {
1487
1939
  background: var(--basePageBg);
1488
1940
  padding: var(--spacing-1) var(--spacing-2);
1489
1941
  border-radius: var(--radius-medium);
1490
1942
  }
1491
1943
 
1492
- ._nestedEditor_f3hmk_960 > p {
1944
+ ._nestedEditor_er3ed_960 > p {
1493
1945
  margin: 0;
1494
1946
  }
1495
1947
 
1496
- ._nestedEditor_f3hmk_960:focus {
1948
+ ._nestedEditor_er3ed_960:focus {
1497
1949
  outline: none;
1498
1950
  }
1499
1951
 
1500
- ._genericComponentName_f3hmk_979 {
1952
+ ._genericComponentName_er3ed_979 {
1501
1953
  font-size: var(--text-sm);
1502
1954
  color: var(--baseText);
1503
1955
  padding-right: var(--spacing-2);
1504
1956
  }
1505
1957
 
1506
- ._diffSourceToggleWrapper_f3hmk_985 {
1958
+ ._diffSourceToggleWrapper_er3ed_985 {
1507
1959
  margin-left: auto;
1508
1960
  pointer-events: auto;
1509
1961
  opacity: 1;
@@ -1511,49 +1963,49 @@
1511
1963
  right: 0;
1512
1964
  }
1513
1965
 
1514
- ._ggDiffSourceToggle_f3hmk_993 {
1966
+ ._ggDiffSourceToggle_er3ed_993 {
1515
1967
  }
1516
1968
 
1517
- ._diffSourceToggle_f3hmk_985 {
1969
+ ._diffSourceToggle_er3ed_985 {
1518
1970
  border-radius: var(--radius-medium);
1519
1971
  background-color: var(--baseBase);
1520
1972
  display: flex;
1521
1973
  }
1522
1974
 
1523
- ._diffSourceToggle_f3hmk_985 ._toolbarToggleItem_f3hmk_208 {
1975
+ ._diffSourceToggle_er3ed_985 ._toolbarToggleItem_er3ed_208 {
1524
1976
  padding: 0;
1525
1977
  }
1526
1978
 
1527
- ._diffSourceToggle_f3hmk_985 ._toolbarToggleItem_f3hmk_208 > span {
1979
+ ._diffSourceToggle_er3ed_985 ._toolbarToggleItem_er3ed_208 > span {
1528
1980
  display: block;
1529
1981
  padding: var(--spacing-1) var(--spacing-1);
1530
1982
  }
1531
1983
 
1532
- ._selectWithLabel_f3hmk_1011 {
1984
+ ._selectWithLabel_er3ed_1011 {
1533
1985
  display: flex;
1534
1986
  align-items: center;
1535
1987
  gap: var(--spacing-2);
1536
1988
  margin-left: var(--spacing-2);
1537
1989
  }
1538
1990
 
1539
- ._selectWithLabel_f3hmk_1011 > label {
1991
+ ._selectWithLabel_er3ed_1011 > label {
1540
1992
  font-size: var(--text-sm);
1541
1993
  }
1542
1994
 
1543
- ._selectWithLabel_f3hmk_1011 ._selectTrigger_f3hmk_308 {
1995
+ ._selectWithLabel_er3ed_1011 ._selectTrigger_er3ed_308 {
1544
1996
  border: 1px solid var(--baseBorder);
1545
1997
  }
1546
1998
 
1547
- ._toolbarTitleMode_f3hmk_1026 {
1999
+ ._toolbarTitleMode_er3ed_1026 {
1548
2000
  font-size: var(--text-sm);
1549
2001
  margin-left: var(--spacing-2);
1550
2002
  }
1551
2003
 
1552
- ._imageControlWrapperResizing_f3hmk_1031 {
2004
+ ._imageControlWrapperResizing_er3ed_1031 {
1553
2005
  touch-action: none;
1554
2006
  }
1555
2007
 
1556
- ._imageResizer_f3hmk_1035 {
2008
+ ._imageResizer_er3ed_1035 {
1557
2009
  display: block;
1558
2010
  width: 7px;
1559
2011
  height: 7px;
@@ -1562,55 +2014,55 @@
1562
2014
  border: 1px solid var(--baseBg);
1563
2015
  }
1564
2016
 
1565
- ._imageResizer_f3hmk_1035._imageResizerN_f3hmk_1044 {
2017
+ ._imageResizer_er3ed_1035._imageResizerN_er3ed_1044 {
1566
2018
  top: -6px;
1567
2019
  left: 48%;
1568
2020
  cursor: n-resize;
1569
2021
  }
1570
2022
 
1571
- ._imageResizer_f3hmk_1035._imageResizerNe_f3hmk_1050 {
2023
+ ._imageResizer_er3ed_1035._imageResizerNe_er3ed_1050 {
1572
2024
  top: -6px;
1573
2025
  right: -6px;
1574
2026
  cursor: ne-resize;
1575
2027
  }
1576
2028
 
1577
- ._imageResizer_f3hmk_1035._imageResizerE_f3hmk_1056 {
2029
+ ._imageResizer_er3ed_1035._imageResizerE_er3ed_1056 {
1578
2030
  bottom: 48%;
1579
2031
  right: -6px;
1580
2032
  cursor: e-resize;
1581
2033
  }
1582
2034
 
1583
- ._imageResizer_f3hmk_1035._imageResizerSe_f3hmk_1062 {
2035
+ ._imageResizer_er3ed_1035._imageResizerSe_er3ed_1062 {
1584
2036
  bottom: -2px;
1585
2037
  right: -6px;
1586
2038
  cursor: nwse-resize;
1587
2039
  }
1588
2040
 
1589
- ._imageResizer_f3hmk_1035._imageResizerS_f3hmk_1062 {
2041
+ ._imageResizer_er3ed_1035._imageResizerS_er3ed_1062 {
1590
2042
  bottom: -2px;
1591
2043
  left: 48%;
1592
2044
  cursor: s-resize;
1593
2045
  }
1594
2046
 
1595
- ._imageResizer_f3hmk_1035._imageResizerSw_f3hmk_1074 {
2047
+ ._imageResizer_er3ed_1035._imageResizerSw_er3ed_1074 {
1596
2048
  bottom: -2px;
1597
2049
  left: -6px;
1598
2050
  cursor: sw-resize;
1599
2051
  }
1600
2052
 
1601
- ._imageResizer_f3hmk_1035._imageResizerW_f3hmk_1080 {
2053
+ ._imageResizer_er3ed_1035._imageResizerW_er3ed_1080 {
1602
2054
  bottom: 48%;
1603
2055
  left: -6px;
1604
2056
  cursor: w-resize;
1605
2057
  }
1606
2058
 
1607
- ._imageResizer_f3hmk_1035._imageResizerNw_f3hmk_1086 {
2059
+ ._imageResizer_er3ed_1035._imageResizerNw_er3ed_1086 {
1608
2060
  top: -6px;
1609
2061
  left: -6px;
1610
2062
  cursor: nw-resize;
1611
2063
  }
1612
2064
 
1613
- ._imagePlaceholder_f3hmk_1092 {
2065
+ ._imagePlaceholder_er3ed_1092 {
1614
2066
  border: 2px dashed;
1615
2067
  padding: 48px;
1616
2068
  margin: 12px;
@@ -1620,12 +2072,12 @@
1620
2072
  height: fit-content;
1621
2073
  }
1622
2074
 
1623
- ._imageDimensionsContainer_f3hmk_1100 {
2075
+ ._imageDimensionsContainer_er3ed_1100 {
1624
2076
  display: flex;
1625
2077
  gap: var(--spacing-4);
1626
2078
  }
1627
2079
 
1628
- ._placeholder_f3hmk_1105 {
2080
+ ._placeholder_er3ed_1105 {
1629
2081
  color: var(--baseSolid);
1630
2082
  overflow: hidden;
1631
2083
  position: absolute;
@@ -1640,17 +2092,17 @@
1640
2092
  pointer-events: none;
1641
2093
  }
1642
2094
 
1643
- ._rootContentEditableWrapper_f3hmk_1118 {
2095
+ ._rootContentEditableWrapper_er3ed_1118 {
1644
2096
  position: relative;
1645
2097
  }
1646
2098
 
1647
- ._downshiftContainer_f3hmk_1122 {
2099
+ ._downshiftContainer_er3ed_1122 {
1648
2100
  display: flex;
1649
2101
  flex-direction: column;
1650
2102
  align-items: stretch;
1651
2103
  }
1652
2104
 
1653
- ._downshiftInputWrapper_f3hmk_1128 {
2105
+ ._downshiftInputWrapper_er3ed_1128 {
1654
2106
  display: flex;
1655
2107
  align-items: center;
1656
2108
  background-color: var(--baseBase);
@@ -1659,628 +2111,231 @@
1659
2111
  border: 1px solid var(--baseBorder);
1660
2112
  }
1661
2113
 
1662
- ._downshiftInputWrapper_f3hmk_1128[data-visible-dropdown='true'] {
2114
+ ._downshiftInputWrapper_er3ed_1128[data-visible-dropdown='true'] {
1663
2115
  border-bottom-left-radius: var(--radius-none);
1664
2116
  border-bottom-right-radius: var(--radius-none);
1665
2117
  border-bottom-width: 0;
1666
2118
  }
1667
2119
 
1668
- ._downshiftInputWrapper_f3hmk_1128 > button {
2120
+ ._downshiftInputWrapper_er3ed_1128 > button {
1669
2121
  border: 0;
1670
2122
  background-color: transparent;
1671
2123
  font-size: inherit;
1672
2124
  -webkit-appearance: none;
1673
- -moz-appearance: none;
1674
- appearance: none;
1675
- all: unset;
1676
- box-sizing: border-box;
1677
- cursor: default;
1678
- padding-right: var(--spacing-2);
1679
- }
1680
-
1681
- ._downshiftInput_f3hmk_1128 {
1682
- border: 0;
1683
- background-color: transparent;
1684
- font-size: inherit;
1685
- -webkit-appearance: none;
1686
- -moz-appearance: none;
1687
- appearance: none;
1688
- all: unset;
1689
- box-sizing: border-box;
1690
- cursor: default;
1691
- width: 20rem;
1692
- padding: var(--spacing-2) var(--spacing-3);
1693
- font-size: var(--text-sm);
1694
- }
1695
-
1696
- ._downshiftInput_f3hmk_1128::-moz-placeholder {
1697
- color: var(--baseBorder);
1698
- }
1699
-
1700
- ._downshiftInput_f3hmk_1128::placeholder {
1701
- color: var(--baseBorder);
1702
- }
1703
-
1704
- ._downshiftAutocompleteContainer_f3hmk_1159 {
1705
- position: relative;
1706
- }
1707
-
1708
- ._downshiftAutocompleteContainer_f3hmk_1159 ul {
1709
- all: unset;
1710
- box-sizing: border-box;
1711
- position: absolute;
1712
- font-size: var(--text-sm);
1713
- width: 100%;
1714
- display: none;
1715
- border-bottom-left-radius: var(--radius-medium);
1716
- border-bottom-right-radius: var(--radius-medium);
1717
- max-height: var(--spacing-48);
1718
- overflow-x: hidden;
1719
- overflow-y: auto;
1720
- border: 1px solid var(--baseBorder);
1721
- border-top-width: 0;
1722
- background-color: var(--baseBase);
1723
- }
1724
-
1725
- ._downshiftAutocompleteContainer_f3hmk_1159 ul[data-visible='true'] {
1726
- display: block;
1727
- }
1728
-
1729
- ._downshiftAutocompleteContainer_f3hmk_1159 ul li {
1730
- padding: var(--spacing-2) var(--spacing-3);
1731
- white-space: nowrap;
1732
- margin-bottom: var(--spacing-1);
1733
- overflow-x: hidden;
1734
- text-overflow: ellipsis;
1735
- }
1736
-
1737
- ._downshiftAutocompleteContainer_f3hmk_1159 ul li[data-selected='true'] {
1738
- background-color: var(--baseBgSubtle);
1739
- }
1740
-
1741
- ._downshiftAutocompleteContainer_f3hmk_1159 ul li[data-highlighted='true'] {
1742
- background-color: var(--baseBgHover);
1743
- }
1744
-
1745
- ._downshiftAutocompleteContainer_f3hmk_1159 ul li:last-of-type {
1746
- border-bottom-left-radius: var(--radius-medium);
1747
- border-bottom-right-radius: var(--radius-medium);
1748
- }
1749
-
1750
- ._textInput_f3hmk_1205 {
1751
- all: unset;
1752
- border-radius: var(--radius-base);
1753
- border: 1px solid var(--baseBorder);
1754
- background-color: var(--baseBase);
1755
- padding: var(--spacing-2) var(--spacing-3);
1756
- }
1757
-
1758
- form._multiFieldForm_f3hmk_1213 {
1759
- display: flex;
1760
- flex-direction: column;
1761
- padding: var(--spacing-2);
1762
- gap: var(--spacing-2);
1763
- }
1764
-
1765
- form._multiFieldForm_f3hmk_1213 ._formField_f3hmk_1219 {
1766
- display: flex;
1767
- flex-direction: column;
1768
- gap: var(--spacing-2);
1769
- }
1770
-
1771
- form._multiFieldForm_f3hmk_1213 ._formField_f3hmk_1219 label {
1772
- font-size: var(--text-xs);
1773
- }
1774
-
1775
- ._markdownParseError_f3hmk_1230 {
1776
- border-radius: var(--radius-base);
1777
- border: 1px solid var(--error-color);
1778
- padding: var(--spacing-2);
1779
- margin-block: var(--spacing-2);
1780
- color: var(--error-color);
1781
- font-size: var(--text-xs);
1782
- }
1783
-
1784
- ._popupContainer_f3hmk_1239 {
1785
- position: relative;
1786
- z-index: 2;
1787
- }
1788
-
1789
- ._inputSizer_f3hmk_1244 {
1790
- display: inline-grid;
1791
- vertical-align: baseline;
1792
- align-items: center;
1793
- position: relative;
1794
- }
1795
-
1796
- ._inputSizer_f3hmk_1244::after,
1797
- ._inputSizer_f3hmk_1244 input {
1798
- width: auto;
1799
- min-width: 1rem;
1800
- grid-area: 1 / 2;
1801
- font: inherit;
1802
- margin: 0;
1803
- padding: 0 2px;
1804
- resize: none;
1805
- background: none;
1806
- -webkit-appearance: none;
1807
- -moz-appearance: none;
1808
- appearance: none;
1809
- border: none;
1810
- color: inherit;
1811
- }
1812
-
1813
- ._inputSizer_f3hmk_1244 span {
1814
- padding: 0.25em;
1815
- }
1816
-
1817
- ._inputSizer_f3hmk_1244::after {
1818
- content: attr(data-value);
1819
- white-space: pre-wrap;
1820
- }
1821
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
1822
- --blue-1: #fbfdff;
1823
- --blue-2: #f4faff;
1824
- --blue-3: #e6f4fe;
1825
- --blue-4: #d5efff;
1826
- --blue-5: #c2e5ff;
1827
- --blue-6: #acd8fc;
1828
- --blue-7: #8ec8f6;
1829
- --blue-8: #5eb1ef;
1830
- --blue-9: #0090ff;
1831
- --blue-10: #0588f0;
1832
- --blue-11: #0d74ce;
1833
- --blue-12: #113264;
1834
- }
1835
-
1836
- @supports (color: color(display-p3 1 1 1)) {
1837
- @media (color-gamut: p3) {
1838
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
1839
- --blue-1: color(display-p3 0.986 0.992 0.999);
1840
- --blue-2: color(display-p3 0.96 0.979 0.998);
1841
- --blue-3: color(display-p3 0.912 0.956 0.991);
1842
- --blue-4: color(display-p3 0.853 0.932 1);
1843
- --blue-5: color(display-p3 0.788 0.894 0.998);
1844
- --blue-6: color(display-p3 0.709 0.843 0.976);
1845
- --blue-7: color(display-p3 0.606 0.777 0.947);
1846
- --blue-8: color(display-p3 0.451 0.688 0.917);
1847
- --blue-9: color(display-p3 0.247 0.556 0.969);
1848
- --blue-10: color(display-p3 0.234 0.523 0.912);
1849
- --blue-11: color(display-p3 0.15 0.44 0.84);
1850
- --blue-12: color(display-p3 0.102 0.193 0.379);
1851
- }
1852
- }
1853
- }
1854
-
1855
- ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
1856
- --blue-1: #0d1520;
1857
- --blue-2: #111927;
1858
- --blue-3: #0d2847;
1859
- --blue-4: #003362;
1860
- --blue-5: #004074;
1861
- --blue-6: #104d87;
1862
- --blue-7: #205d9e;
1863
- --blue-8: #2870bd;
1864
- --blue-9: #0090ff;
1865
- --blue-10: #3b9eff;
1866
- --blue-11: #70b8ff;
1867
- --blue-12: #c2e6ff;
1868
- }
1869
-
1870
- @supports (color: color(display-p3 1 1 1)) {
1871
- @media (color-gamut: p3) {
1872
- ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
1873
- --blue-1: color(display-p3 0.057 0.081 0.122);
1874
- --blue-2: color(display-p3 0.072 0.098 0.147);
1875
- --blue-3: color(display-p3 0.078 0.154 0.27);
1876
- --blue-4: color(display-p3 0.033 0.197 0.37);
1877
- --blue-5: color(display-p3 0.08 0.245 0.441);
1878
- --blue-6: color(display-p3 0.14 0.298 0.511);
1879
- --blue-7: color(display-p3 0.195 0.361 0.6);
1880
- --blue-8: color(display-p3 0.239 0.434 0.72);
1881
- --blue-9: color(display-p3 0.247 0.556 0.969);
1882
- --blue-10: color(display-p3 0.344 0.612 0.973);
1883
- --blue-11: color(display-p3 0.49 0.72 1);
1884
- --blue-12: color(display-p3 0.788 0.898 0.99);
1885
- }
1886
- }
1887
- }
1888
-
1889
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
1890
- --slate-1: #fcfcfd;
1891
- --slate-2: #f9f9fb;
1892
- --slate-3: #f0f0f3;
1893
- --slate-4: #e8e8ec;
1894
- --slate-5: #e0e1e6;
1895
- --slate-6: #d9d9e0;
1896
- --slate-7: #cdced6;
1897
- --slate-8: #b9bbc6;
1898
- --slate-9: #8b8d98;
1899
- --slate-10: #80838d;
1900
- --slate-11: #60646c;
1901
- --slate-12: #1c2024;
1902
- }
1903
-
1904
- @supports (color: color(display-p3 1 1 1)) {
1905
- @media (color-gamut: p3) {
1906
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
1907
- --slate-1: color(display-p3 0.988 0.988 0.992);
1908
- --slate-2: color(display-p3 0.976 0.976 0.984);
1909
- --slate-3: color(display-p3 0.94 0.941 0.953);
1910
- --slate-4: color(display-p3 0.908 0.909 0.925);
1911
- --slate-5: color(display-p3 0.88 0.881 0.901);
1912
- --slate-6: color(display-p3 0.85 0.852 0.876);
1913
- --slate-7: color(display-p3 0.805 0.808 0.838);
1914
- --slate-8: color(display-p3 0.727 0.733 0.773);
1915
- --slate-9: color(display-p3 0.547 0.553 0.592);
1916
- --slate-10: color(display-p3 0.503 0.512 0.549);
1917
- --slate-11: color(display-p3 0.379 0.392 0.421);
1918
- --slate-12: color(display-p3 0.113 0.125 0.14);
1919
- }
1920
- }
1921
- }
1922
-
1923
- ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
1924
- --slate-1: #111113;
1925
- --slate-2: #18191b;
1926
- --slate-3: #212225;
1927
- --slate-4: #272a2d;
1928
- --slate-5: #2e3135;
1929
- --slate-6: #363a3f;
1930
- --slate-7: #43484e;
1931
- --slate-8: #5a6169;
1932
- --slate-9: #696e77;
1933
- --slate-10: #777b84;
1934
- --slate-11: #b0b4ba;
1935
- --slate-12: #edeef0;
1936
- }
1937
-
1938
- @supports (color: color(display-p3 1 1 1)) {
1939
- @media (color-gamut: p3) {
1940
- ._dark_6j9u9_1, ._dark-theme_6j9u9_1 {
1941
- --slate-1: color(display-p3 0.067 0.067 0.074);
1942
- --slate-2: color(display-p3 0.095 0.098 0.105);
1943
- --slate-3: color(display-p3 0.13 0.135 0.145);
1944
- --slate-4: color(display-p3 0.156 0.163 0.176);
1945
- --slate-5: color(display-p3 0.183 0.191 0.206);
1946
- --slate-6: color(display-p3 0.215 0.226 0.244);
1947
- --slate-7: color(display-p3 0.265 0.28 0.302);
1948
- --slate-8: color(display-p3 0.357 0.381 0.409);
1949
- --slate-9: color(display-p3 0.415 0.431 0.463);
1950
- --slate-10: color(display-p3 0.469 0.483 0.514);
1951
- --slate-11: color(display-p3 0.692 0.704 0.728);
1952
- --slate-12: color(display-p3 0.93 0.933 0.94);
1953
- }
1954
- }
1955
- }
1956
-
1957
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
1958
- --grass-1: #fbfefb;
1959
- --grass-2: #f5fbf5;
1960
- --grass-3: #e9f6e9;
1961
- --grass-4: #daf1db;
1962
- --grass-5: #c9e8ca;
1963
- --grass-6: #b2ddb5;
1964
- --grass-7: #94ce9a;
1965
- --grass-8: #65ba74;
1966
- --grass-9: #46a758;
1967
- --grass-10: #3e9b4f;
1968
- --grass-11: #2a7e3b;
1969
- --grass-12: #203c25;
1970
- }
1971
-
1972
- @supports (color: color(display-p3 1 1 1)) {
1973
- @media (color-gamut: p3) {
1974
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
1975
- --grass-1: color(display-p3 0.986 0.996 0.985);
1976
- --grass-2: color(display-p3 0.966 0.983 0.964);
1977
- --grass-3: color(display-p3 0.923 0.965 0.917);
1978
- --grass-4: color(display-p3 0.872 0.94 0.865);
1979
- --grass-5: color(display-p3 0.811 0.908 0.802);
1980
- --grass-6: color(display-p3 0.733 0.864 0.724);
1981
- --grass-7: color(display-p3 0.628 0.803 0.622);
1982
- --grass-8: color(display-p3 0.477 0.72 0.482);
1983
- --grass-9: color(display-p3 0.38 0.647 0.378);
1984
- --grass-10: color(display-p3 0.344 0.598 0.342);
1985
- --grass-11: color(display-p3 0.263 0.488 0.261);
1986
- --grass-12: color(display-p3 0.151 0.233 0.153);
1987
- }
1988
- }
1989
- }
1990
-
1991
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
1992
- --cyan-1: #fafdfe;
1993
- --cyan-2: #f2fafb;
1994
- --cyan-3: #def7f9;
1995
- --cyan-4: #caf1f6;
1996
- --cyan-5: #b5e9f0;
1997
- --cyan-6: #9ddde7;
1998
- --cyan-7: #7dcedc;
1999
- --cyan-8: #3db9cf;
2000
- --cyan-9: #00a2c7;
2001
- --cyan-10: #0797b9;
2002
- --cyan-11: #107d98;
2003
- --cyan-12: #0d3c48;
2004
- }
2005
-
2006
- @supports (color: color(display-p3 1 1 1)) {
2007
- @media (color-gamut: p3) {
2008
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
2009
- --cyan-1: color(display-p3 0.982 0.992 0.996);
2010
- --cyan-2: color(display-p3 0.955 0.981 0.984);
2011
- --cyan-3: color(display-p3 0.888 0.965 0.975);
2012
- --cyan-4: color(display-p3 0.821 0.941 0.959);
2013
- --cyan-5: color(display-p3 0.751 0.907 0.935);
2014
- --cyan-6: color(display-p3 0.671 0.862 0.9);
2015
- --cyan-7: color(display-p3 0.564 0.8 0.854);
2016
- --cyan-8: color(display-p3 0.388 0.715 0.798);
2017
- --cyan-9: color(display-p3 0.282 0.627 0.765);
2018
- --cyan-10: color(display-p3 0.264 0.583 0.71);
2019
- --cyan-11: color(display-p3 0.08 0.48 0.63);
2020
- --cyan-12: color(display-p3 0.108 0.232 0.277);
2021
- }
2022
- }
2023
- }
2024
-
2025
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
2026
- --amber-1: #fefdfb;
2027
- --amber-2: #fefbe9;
2028
- --amber-3: #fff7c2;
2029
- --amber-4: #ffee9c;
2030
- --amber-5: #fbe577;
2031
- --amber-6: #f3d673;
2032
- --amber-7: #e9c162;
2033
- --amber-8: #e2a336;
2034
- --amber-9: #ffc53d;
2035
- --amber-10: #ffba18;
2036
- --amber-11: #ab6400;
2037
- --amber-12: #4f3422;
2038
- }
2039
-
2040
- @supports (color: color(display-p3 1 1 1)) {
2041
- @media (color-gamut: p3) {
2042
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
2043
- --amber-1: color(display-p3 0.995 0.992 0.985);
2044
- --amber-2: color(display-p3 0.994 0.986 0.921);
2045
- --amber-3: color(display-p3 0.994 0.969 0.782);
2046
- --amber-4: color(display-p3 0.989 0.937 0.65);
2047
- --amber-5: color(display-p3 0.97 0.902 0.527);
2048
- --amber-6: color(display-p3 0.936 0.844 0.506);
2049
- --amber-7: color(display-p3 0.89 0.762 0.443);
2050
- --amber-8: color(display-p3 0.85 0.65 0.3);
2051
- --amber-9: color(display-p3 1 0.77 0.26);
2052
- --amber-10: color(display-p3 0.959 0.741 0.274);
2053
- --amber-11: color(display-p3 0.64 0.4 0);
2054
- --amber-12: color(display-p3 0.294 0.208 0.145);
2055
- }
2056
- }
2057
- }
2058
-
2059
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
2060
- --red-1: #fffcfc;
2061
- --red-2: #fff7f7;
2062
- --red-3: #feebec;
2063
- --red-4: #ffdbdc;
2064
- --red-5: #ffcdce;
2065
- --red-6: #fdbdbe;
2066
- --red-7: #f4a9aa;
2067
- --red-8: #eb8e90;
2068
- --red-9: #e5484d;
2069
- --red-10: #dc3e42;
2070
- --red-11: #ce2c31;
2071
- --red-12: #641723;
2072
- }
2073
-
2074
- @supports (color: color(display-p3 1 1 1)) {
2075
- @media (color-gamut: p3) {
2076
- :root, ._light_6j9u9_1, ._light-theme_6j9u9_1 {
2077
- --red-1: color(display-p3 0.998 0.989 0.988);
2078
- --red-2: color(display-p3 0.995 0.971 0.971);
2079
- --red-3: color(display-p3 0.985 0.925 0.925);
2080
- --red-4: color(display-p3 0.999 0.866 0.866);
2081
- --red-5: color(display-p3 0.984 0.812 0.811);
2082
- --red-6: color(display-p3 0.955 0.751 0.749);
2083
- --red-7: color(display-p3 0.915 0.675 0.672);
2084
- --red-8: color(display-p3 0.872 0.575 0.572);
2085
- --red-9: color(display-p3 0.83 0.329 0.324);
2086
- --red-10: color(display-p3 0.798 0.294 0.285);
2087
- --red-11: color(display-p3 0.744 0.234 0.222);
2088
- --red-12: color(display-p3 0.36 0.115 0.143);
2089
- }
2125
+ -moz-appearance: none;
2126
+ appearance: none;
2127
+ all: unset;
2128
+ box-sizing: border-box;
2129
+ cursor: default;
2130
+ padding-right: var(--spacing-2);
2090
2131
  }
2091
- }
2092
2132
 
2093
- ._bold_6j9u9_10 {
2094
- font-weight: bold;
2133
+ ._downshiftInput_er3ed_1128 {
2134
+ border: 0;
2135
+ background-color: transparent;
2136
+ font-size: inherit;
2137
+ -webkit-appearance: none;
2138
+ -moz-appearance: none;
2139
+ appearance: none;
2140
+ all: unset;
2141
+ box-sizing: border-box;
2142
+ cursor: default;
2143
+ width: 20rem;
2144
+ padding: var(--spacing-2) var(--spacing-3);
2145
+ font-size: var(--text-sm);
2095
2146
  }
2096
2147
 
2097
- ._italic_6j9u9_14 {
2098
- font-style: italic;
2099
- }
2148
+ ._downshiftInput_er3ed_1128::-moz-placeholder {
2149
+ color: var(--baseBorder);
2150
+ }
2100
2151
 
2101
- ._underline_6j9u9_18 {
2102
- text-decoration: underline;
2103
- }
2152
+ ._downshiftInput_er3ed_1128::placeholder {
2153
+ color: var(--baseBorder);
2154
+ }
2104
2155
 
2105
- ._bold_6j9u9_10 {
2106
- font-weight: 700;
2156
+ ._downshiftAutocompleteContainer_er3ed_1159 {
2157
+ position: relative;
2107
2158
  }
2108
2159
 
2109
- ._italic_6j9u9_14 {
2110
- font-style: italic;
2111
- }
2160
+ ._downshiftAutocompleteContainer_er3ed_1159 ul {
2161
+ all: unset;
2162
+ box-sizing: border-box;
2163
+ position: absolute;
2164
+ font-size: var(--text-sm);
2165
+ width: 100%;
2166
+ display: none;
2167
+ border-bottom-left-radius: var(--radius-medium);
2168
+ border-bottom-right-radius: var(--radius-medium);
2169
+ max-height: var(--spacing-48);
2170
+ overflow-x: hidden;
2171
+ overflow-y: auto;
2172
+ border: 1px solid var(--baseBorder);
2173
+ border-top-width: 0;
2174
+ background-color: var(--baseBase);
2175
+ }
2112
2176
 
2113
- ._underline_6j9u9_18 {
2114
- text-decoration: underline
2115
- }
2177
+ ._downshiftAutocompleteContainer_er3ed_1159 ul[data-visible='true'] {
2178
+ display: block;
2179
+ }
2116
2180
 
2117
- ._strikethrough_6j9u9_34 {
2118
- text-decoration: line-through
2119
- }
2181
+ ._downshiftAutocompleteContainer_er3ed_1159 ul li {
2182
+ padding: var(--spacing-2) var(--spacing-3);
2183
+ white-space: nowrap;
2184
+ margin-bottom: var(--spacing-1);
2185
+ overflow-x: hidden;
2186
+ text-overflow: ellipsis;
2187
+ }
2120
2188
 
2121
- ._underlineStrikethrough_6j9u9_38 {
2122
- text-decoration: underline line-through
2123
- }
2189
+ ._downshiftAutocompleteContainer_er3ed_1159 ul li[data-selected='true'] {
2190
+ background-color: var(--baseBgSubtle);
2191
+ }
2124
2192
 
2125
- ._subscript_6j9u9_42 {
2126
- font-size: .8em;
2127
- vertical-align: sub !important
2128
- }
2193
+ ._downshiftAutocompleteContainer_er3ed_1159 ul li[data-highlighted='true'] {
2194
+ background-color: var(--baseBgHover);
2195
+ }
2129
2196
 
2130
- ._superscript_6j9u9_47 {
2131
- font-size: .8em;
2132
- vertical-align: super
2133
- }
2197
+ ._downshiftAutocompleteContainer_er3ed_1159 ul li:last-of-type {
2198
+ border-bottom-left-radius: var(--radius-medium);
2199
+ border-bottom-right-radius: var(--radius-medium);
2200
+ }
2134
2201
 
2135
- ._code_6j9u9_52 {
2136
- background-color: var(--baseBg);
2137
- padding: 1px .25rem;
2138
- font-family: var(--font-mono);
2139
- font-size: 94%
2202
+ ._textInput_er3ed_1205 {
2203
+ all: unset;
2204
+ border-radius: var(--radius-base);
2205
+ border: 1px solid var(--baseBorder);
2206
+ background-color: var(--baseBase);
2207
+ padding: var(--spacing-2) var(--spacing-3);
2140
2208
  }
2141
2209
 
2142
- ._quote_6j9u9_59 {
2143
- border-inline-start: 3px solid var(--baseBorder);
2144
- padding-inline-start: var(--spacing-4);
2145
- margin-inline-start: 0;
2146
- color: var(--baseText);
2210
+ form._multiFieldForm_er3ed_1213 {
2211
+ display: flex;
2212
+ flex-direction: column;
2213
+ padding: var(--spacing-2);
2214
+ gap: var(--spacing-2);
2147
2215
  }
2148
2216
 
2149
- ._nestedListItem_6j9u9_66 {
2150
- list-style: none;
2151
- list-style-type: none;
2152
- }
2217
+ form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 {
2218
+ display: flex;
2219
+ flex-direction: column;
2220
+ gap: var(--spacing-2);
2221
+ }
2153
2222
 
2154
- ._nestedListItem_6j9u9_66:before,
2155
- ._nestedListItem_6j9u9_66:after {
2156
- display: none;
2157
- }
2223
+ form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 label {
2224
+ font-size: var(--text-xs);
2225
+ }
2158
2226
 
2159
- ._listitem_6j9u9_76 {
2160
- margin: var(--spacing-2) 0;
2227
+ ._markdownParseError_er3ed_1230 {
2228
+ border-radius: var(--radius-base);
2229
+ border: 1px solid var(--error-color);
2230
+ padding: var(--spacing-2);
2231
+ margin-block: var(--spacing-2);
2232
+ color: var(--error-color);
2233
+ font-size: var(--text-xs);
2161
2234
  }
2162
2235
 
2163
- ._listItemChecked_6j9u9_80,
2164
- ._listItemUnchecked_6j9u9_81 {
2236
+ ._popupContainer_er3ed_1239 {
2165
2237
  position: relative;
2166
- margin-left: 0;
2167
- margin-right: 0;
2168
- margin-inline-start: -1rem;
2169
- padding-left: var(--spacing-6);
2170
- padding-right: var(--spacing-6);
2171
- list-style-type: none;
2172
- outline: none;
2173
- }
2174
-
2175
- ._listItemChecked_6j9u9_80 {
2176
- text-decoration: line-through;
2177
- }
2178
-
2179
- ._listItemUnchecked_6j9u9_81:before,
2180
- ._listItemChecked_6j9u9_80:before {
2181
- content: '';
2182
- width: var(--spacing-4);
2183
- height: var(--spacing-4);
2184
- top: 0;
2185
- left: 0;
2186
- cursor: pointer;
2187
- display: block;
2188
- background-size: cover;
2189
- position: absolute;
2238
+ z-index: 2;
2190
2239
  }
2191
2240
 
2192
- ._listItemUnchecked_6j9u9_81[dir='rtl']:before,
2193
- ._listItemChecked_6j9u9_80[dir='rtl']:before {
2194
- left: auto;
2195
- right: 0;
2241
+ ._inputSizer_er3ed_1244 {
2242
+ display: inline-grid;
2243
+ vertical-align: baseline;
2244
+ align-items: center;
2245
+ position: relative;
2196
2246
  }
2197
2247
 
2198
- ._listItemUnchecked_6j9u9_81:focus:before,
2199
- ._listItemChecked_6j9u9_80:focus:before {
2200
- box-shadow: 0 0 0 2px var(--accentBgActive);
2201
- border-radius: var(--radius-small);
2202
- }
2248
+ ._inputSizer_er3ed_1244::after,
2249
+ ._inputSizer_er3ed_1244 input {
2250
+ width: auto;
2251
+ min-width: 1rem;
2252
+ grid-area: 1 / 2;
2253
+ font: inherit;
2254
+ margin: 0;
2255
+ padding: 0 2px;
2256
+ resize: none;
2257
+ background: none;
2258
+ -webkit-appearance: none;
2259
+ -moz-appearance: none;
2260
+ appearance: none;
2261
+ border: none;
2262
+ color: inherit;
2263
+ }
2203
2264
 
2204
- ._listItemUnchecked_6j9u9_81:before {
2205
- border: 1px solid var(--baseBorder);
2206
- border-radius: var(--radius-small);
2207
- }
2265
+ ._inputSizer_er3ed_1244 span {
2266
+ padding: 0.25em;
2267
+ }
2208
2268
 
2209
- ._listItemChecked_6j9u9_80:before {
2210
- border: 1px solid var(--accentBorder);
2211
- border-radius: var(--radius-small);
2212
- background-color: var(--accentSolid);
2213
- background-repeat: no-repeat;
2214
- }
2269
+ ._inputSizer_er3ed_1244::after {
2270
+ content: attr(data-value);
2271
+ white-space: pre-wrap;
2272
+ }
2215
2273
 
2216
- ._listItemChecked_6j9u9_80:after {
2217
- content: '';
2218
- cursor: pointer;
2219
- border-color: var(--baseBase);
2220
- border-style: solid;
2221
- position: absolute;
2222
- display: block;
2223
- top: var(--spacing-0_5);
2224
- width: var(--spacing-1);
2225
- left: var(--spacing-1_5);
2226
- right: var(--spacing-1_5);
2227
- height: var(--spacing-2);
2228
- transform: rotate(45deg);
2229
- border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
2274
+ /*
2275
+ Opt-in support for stretching the editor to fill a sized parent.
2276
+ Add "mdxeditor-full-height" to the className prop; every element between
2277
+ the editor root and the contenteditable joins a flex column chain, so the
2278
+ entire editor area is clickable and focusable. The diff-source wrapper
2279
+ elements participate as well; its rich-text pane keeps the inline display
2280
+ toggle and passes height down via percentage instead of flex.
2281
+ */
2282
+ .mdxeditor.mdxeditor-full-height {
2283
+ display: flex;
2284
+ flex-direction: column;
2230
2285
  }
2231
2286
 
2232
- ._nestedListItem_6j9u9_66 {
2233
- list-style-type: none;
2287
+ .mdxeditor-full-height .mdxeditor-toolbar {
2288
+ flex-shrink: 0;
2234
2289
  }
2235
2290
 
2236
- ._nestedListItem_6j9u9_66:before,
2237
- ._nestedListItem_6j9u9_66:after {
2238
- display: none;
2291
+ .mdxeditor-full-height .mdxeditor-root-contenteditable {
2292
+ flex-grow: 1;
2293
+ display: flex;
2294
+ flex-direction: column;
2295
+ min-height: 0;
2296
+ overflow: auto;
2239
2297
  }
2240
2298
 
2241
- ._admonitionDanger_6j9u9_158,
2242
- ._admonitionInfo_6j9u9_159,
2243
- ._admonitionNote_6j9u9_160,
2244
- ._admonitionTip_6j9u9_161,
2245
- ._admonitionCaution_6j9u9_162 {
2246
- padding: var(--spacing-2);
2247
- margin-top: var(--spacing-2);
2248
- margin-bottom: var(--spacing-2);
2249
- border-left: 3px solid var(--admonitionBorder);
2250
- background-color: var(--admonitionBg);
2299
+ .mdxeditor-full-height .mdxeditor-contenteditable-wrapper {
2300
+ flex-grow: 1;
2301
+ display: flex;
2302
+ flex-direction: column;
2251
2303
  }
2252
2304
 
2253
- ._admonitionInfo_6j9u9_159 {
2254
- --admonitionBorder: var(--admonitionInfoBorder);
2255
- --admonitionBg: var(--admonitionInfoBg);
2305
+ .mdxeditor-full-height .mdxeditor-contenteditable-wrapper ._contentEditable_er3ed_379 {
2306
+ flex-grow: 1;
2256
2307
  }
2257
2308
 
2258
- ._admonitionTip_6j9u9_161 {
2259
- --admonitionBorder: var(--admonitionTipBorder);
2260
- --admonitionBg: var(--admonitionTipBg);
2309
+ .mdxeditor-full-height .mdxeditor-diff-source-wrapper {
2310
+ flex-grow: 1;
2311
+ display: flex;
2312
+ flex-direction: column;
2313
+ min-height: 0;
2261
2314
  }
2262
2315
 
2263
- ._admonitionCaution_6j9u9_162 {
2264
- --admonitionBorder: var(--admonitionCautionBorder);
2265
- --admonitionBg: var(--admonitionCautionBg);
2316
+ .mdxeditor-full-height .mdxeditor-rich-text-editor {
2317
+ flex-grow: 1;
2318
+ min-height: 0;
2266
2319
  }
2267
2320
 
2268
- ._admonitionDanger_6j9u9_158 {
2269
- --admonitionBorder: var(--admonitionDangerBorder);
2270
- --admonitionBg: var(--admonitionDangerBg);
2321
+ .mdxeditor-full-height .mdxeditor-rich-text-editor .mdxeditor-root-contenteditable {
2322
+ height: 100%;
2323
+ box-sizing: border-box;
2271
2324
  }
2272
2325
 
2273
- ._admonitionNote_6j9u9_160 {
2274
- --admonitionBorder: var(--admonitionNoteBorder);
2275
- --admonitionBg: var(--admonitionNoteBg);
2326
+ .mdxeditor-full-height .mdxeditor-source-editor,
2327
+ .mdxeditor-full-height .mdxeditor-diff-editor {
2328
+ flex-grow: 1;
2329
+ min-height: 0;
2330
+ overflow: auto;
2276
2331
  }
2277
2332
 
2278
- ._mdxExpression_6j9u9_195 {
2279
- font-family: var(--font-mono);
2280
- font-size: 84%;
2281
- color: var(--accentText);
2333
+ .mdxeditor-full-height .mdxeditor-source-editor .cm-editor {
2334
+ height: 100%;
2282
2335
  }
2283
2336
 
2284
- ._mdxExpression_6j9u9_195 input:focus-visible {
2285
- outline: none;
2286
- }
2337
+ /*
2338
+ The diff panes are intentionally not stretched: @codemirror/merge enforces
2339
+ height: auto !important on them so that its scroll sync keeps both sides
2340
+ aligned; the diff editor wrapper above scrolls the whole merge view instead.
2341
+ */