@mdxeditor/editor 1.0.0 → 1.1.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 (33) hide show
  1. package/dist/importMarkdownToLexical.js +4 -0
  2. package/dist/plugins/codeblock/index.d.ts +10 -10
  3. package/dist/plugins/codemirror/index.d.ts +14 -14
  4. package/dist/plugins/core/NestedLexicalEditor.d.ts +0 -4
  5. package/dist/plugins/core/NestedLexicalEditor.js +3 -4
  6. package/dist/plugins/core/index.d.ts +9 -9
  7. package/dist/plugins/core/index.js +8 -6
  8. package/dist/plugins/diff-source/DiffViewer.js +49 -9
  9. package/dist/plugins/diff-source/SourceEditor.d.ts +2 -0
  10. package/dist/plugins/diff-source/SourceEditor.js +34 -18
  11. package/dist/plugins/diff-source/index.d.ts +10 -10
  12. package/dist/plugins/diff-source/index.js +2 -1
  13. package/dist/plugins/directives/index.d.ts +10 -10
  14. package/dist/plugins/frontmatter/index.d.ts +10 -10
  15. package/dist/plugins/headings/index.d.ts +10 -10
  16. package/dist/plugins/image/index.d.ts +10 -10
  17. package/dist/plugins/jsx/index.d.ts +10 -10
  18. package/dist/plugins/link/index.d.ts +1 -1
  19. package/dist/plugins/link-dialog/index.d.ts +8 -8
  20. package/dist/plugins/link-dialog/index.js +3 -0
  21. package/dist/plugins/lists/index.d.ts +10 -10
  22. package/dist/plugins/markdown-shortcut/index.d.ts +1 -1
  23. package/dist/plugins/quote/index.d.ts +7 -7
  24. package/dist/plugins/sandpack/index.d.ts +14 -14
  25. package/dist/plugins/table/index.d.ts +10 -10
  26. package/dist/plugins/thematic-break/index.d.ts +10 -10
  27. package/dist/plugins/toolbar/index.d.ts +8 -8
  28. package/dist/style.css +195 -183
  29. package/dist/styles/ui.module.css.js +92 -92
  30. package/dist/utils/lexicalHelpers.d.ts +1 -1
  31. package/dist/utils/lexicalHelpers.js +16 -12
  32. package/package.json +19 -16
  33. package/dist/node_modules/react-diff-view/style/index.css.js +0 -4
package/dist/style.css CHANGED
@@ -110,10 +110,6 @@
110
110
  --red11: hsl(358, 65.0%, 48.7%);
111
111
  --red12: hsl(354, 50.0%, 14.6%);
112
112
  }
113
- .mdxeditor .diff {
114
- --diff-font-family: var(--font-mono);
115
- font-size: var(--text-xs);
116
- }
117
113
  /** Code mirror */
118
114
  .mdxeditor .cm-editor {
119
115
  --sp-font-mono: var(--font-mono);
@@ -137,7 +133,23 @@
137
133
  overflow-wrap: anywhere;
138
134
  flex-shrink: 1;
139
135
  }
140
- ._editorRoot_w1wlt_36 {
136
+ /** Diff viewer */
137
+ .mdxeditor .cm-mergeView .cm-scroller {
138
+ font-family: var(--font-mono);
139
+ line-height: 1.3rem;
140
+ font-size: var(--text-xs);
141
+ }
142
+ /** Diff viewer */
143
+ .mdxeditor .cm-sourceView .cm-scroller {
144
+ font-family: var(--font-mono);
145
+ line-height: 1.3rem;
146
+ font-size: var(--text-xs);
147
+ }
148
+ .mdxeditor .cm-gutters {
149
+ background: transparent;
150
+ font-size: var(--text-xxs);
151
+ }
152
+ ._editorRoot_127fi_36 {
141
153
  --accentBase: var(--blue1);
142
154
  --accentBgSubtle: var(--blue2);
143
155
  --accentBg: var(--blue3);
@@ -229,19 +241,20 @@
229
241
  --text-base: 1rem;
230
242
  --text-sm: 0.875rem;
231
243
  --text-xs: 0.75rem;
244
+ --text-xxs: 0.6rem;
232
245
 
233
246
  font-family: var(--font-body);
234
247
  color: var(--baseText);
235
248
  }
236
249
 
237
- ._editorWrapper_w1wlt_133 {
250
+ ._editorWrapper_127fi_134 {
238
251
  }
239
252
 
240
- ._nestedListItem_w1wlt_136 {
253
+ ._nestedListItem_127fi_137 {
241
254
  list-style: none;
242
255
  }
243
256
 
244
- ._toolbarRoot_w1wlt_140 {
257
+ ._toolbarRoot_127fi_141 {
245
258
  /* border: var(--spacing-px) solid var(--baseBorder); */
246
259
  z-index: 1;
247
260
  display: flex;
@@ -257,23 +270,23 @@
257
270
  width: inherit;
258
271
  }
259
272
 
260
- ._toolbarRoot_w1wlt_140 div[role=separator] {
273
+ ._toolbarRoot_127fi_141 div[role=separator] {
261
274
  margin: var(--spacing-2) var(--spacing-2);
262
275
  border-left: 1px solid var(--baseBorder);
263
276
  border-right: 1px solid var(--baseBase);
264
277
  height: var(--spacing-4);
265
278
  }
266
279
 
267
- ._readOnlyToolbarRoot_w1wlt_163 {
280
+ ._readOnlyToolbarRoot_127fi_164 {
268
281
  pointer-events: none;
269
282
  background: var(--baseBase);
270
283
  }
271
284
 
272
- ._readOnlyToolbarRoot_w1wlt_163 > div {
285
+ ._readOnlyToolbarRoot_127fi_164 > div {
273
286
  opacity: 0.5;
274
287
  }
275
288
 
276
- ._toolbarModeSwitch_w1wlt_171 {
289
+ ._toolbarModeSwitch_127fi_172 {
277
290
  opacity: 1 !important;
278
291
  margin-left: auto;
279
292
  align-self: stretch;
@@ -284,31 +297,31 @@
284
297
  font-size: var(--text-xs);
285
298
  }
286
299
 
287
- ._toolbarModeSwitch_w1wlt_171 ._toolbarToggleItem_w1wlt_181 {
300
+ ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182 {
288
301
  padding-inline-end: var(--spacing-4);
289
302
  padding-inline-start: var(--spacing-4);
290
303
  }
291
304
 
292
- ._toolbarModeSwitch_w1wlt_171 ._toolbarToggleItem_w1wlt_181:active, ._toolbarModeSwitch_w1wlt_171 ._toolbarToggleItem_w1wlt_181[data-state=on] {
305
+ ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182:active, ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182[data-state=on] {
293
306
  background-color:var(--baseBorder);
294
307
  }
295
308
 
296
- ._toolbarGroupOfGroups_w1wlt_191 {
309
+ ._toolbarGroupOfGroups_127fi_192 {
297
310
  display: flex;
298
311
  margin: 0 var(--spacing-1);
299
312
  }
300
313
 
301
- ._toolbarToggleSingleGroup_w1wlt_196:first-of-type ._toolbarToggleItem_w1wlt_181:only-child, ._toolbarToggleSingleGroup_w1wlt_196:only-child ._toolbarToggleItem_w1wlt_181:first-child, ._toolbarModeSwitch_w1wlt_171 ._toolbarToggleItem_w1wlt_181:first-child {
314
+ ._toolbarToggleSingleGroup_127fi_197:first-of-type ._toolbarToggleItem_127fi_182:only-child, ._toolbarToggleSingleGroup_127fi_197:only-child ._toolbarToggleItem_127fi_182:first-child, ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182:first-child {
302
315
  border-top-left-radius: var(--radius-base);
303
316
  border-bottom-left-radius: var(--radius-base);
304
317
  }
305
318
 
306
- ._toolbarToggleSingleGroup_w1wlt_196:last-of-type ._toolbarToggleItem_w1wlt_181:only-child, ._toolbarToggleSingleGroup_w1wlt_196:only-child ._toolbarToggleItem_w1wlt_181:last-child, ._toolbarModeSwitch_w1wlt_171 ._toolbarToggleItem_w1wlt_181:last-child {
319
+ ._toolbarToggleSingleGroup_127fi_197:last-of-type ._toolbarToggleItem_127fi_182:only-child, ._toolbarToggleSingleGroup_127fi_197:only-child ._toolbarToggleItem_127fi_182:last-child, ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182:last-child {
307
320
  border-top-right-radius: var(--radius-base);
308
321
  border-bottom-right-radius: var(--radius-base);
309
322
  }
310
323
 
311
- ._toolbarToggleItem_w1wlt_181, ._toolbarButton_w1wlt_210 {
324
+ ._toolbarToggleItem_127fi_182, ._toolbarButton_127fi_211 {
312
325
  border: 0;
313
326
  background-color: transparent;
314
327
  font-size: inherit;
@@ -321,40 +334,40 @@
321
334
  padding: var(--spacing-1);
322
335
  }
323
336
 
324
- ._toolbarToggleItem_w1wlt_181 svg, ._toolbarButton_w1wlt_210 svg {
337
+ ._toolbarToggleItem_127fi_182 svg, ._toolbarButton_127fi_211 svg {
325
338
  display: block;
326
339
  }
327
340
 
328
- ._toolbarToggleItem_w1wlt_181:hover, ._toolbarButton_w1wlt_210:hover {
341
+ ._toolbarToggleItem_127fi_182:hover, ._toolbarButton_127fi_211:hover {
329
342
  background-color: var(--baseBgHover);
330
343
  }
331
344
 
332
- ._toolbarToggleItem_w1wlt_181:active svg, ._toolbarButton_w1wlt_210:active svg {
345
+ ._toolbarToggleItem_127fi_182:active svg, ._toolbarButton_127fi_211:active svg {
333
346
  transform: translate(1px, 1px);
334
347
  }
335
348
 
336
- ._toolbarToggleItem_w1wlt_181[data-state=on], ._toolbarButton_w1wlt_210[data-state=on], ._toolbarToggleItem_w1wlt_181:active, ._toolbarButton_w1wlt_210:active {
349
+ ._toolbarToggleItem_127fi_182[data-state=on], ._toolbarButton_127fi_211[data-state=on], ._toolbarToggleItem_127fi_182:active, ._toolbarButton_127fi_211:active {
337
350
  background-color: var(--accentBgActive);
338
351
  }
339
352
 
340
- ._toolbarToggleItem_w1wlt_181[data-disabled], ._toolbarButton_w1wlt_210[data-disabled] {
353
+ ._toolbarToggleItem_127fi_182[data-disabled], ._toolbarButton_127fi_211[data-disabled] {
341
354
  pointer-events: none;
342
355
  color: var(--baseBorderHover);
343
356
  }
344
357
 
345
- ._toolbarButton_w1wlt_210 {
358
+ ._toolbarButton_127fi_211 {
346
359
  border-radius: var(--radius-base);
347
360
  }
348
361
 
349
- ._activeToolbarButton_w1wlt_240 {
362
+ ._activeToolbarButton_127fi_241 {
350
363
  color: var(--accentText);
351
364
  }
352
365
 
353
- ._toolbarToggleSingleGroup_w1wlt_196 {
366
+ ._toolbarToggleSingleGroup_127fi_197 {
354
367
  white-space: nowrap;
355
368
  }
356
369
 
357
- ._toolbarNodeKindSelectContainer_w1wlt_248, ._toolbarButtonDropdownContainer_w1wlt_249, ._toolbarCodeBlockLanguageSelectContent_w1wlt_250, ._selectContainer_w1wlt_251
370
+ ._toolbarNodeKindSelectContainer_127fi_249, ._toolbarButtonDropdownContainer_127fi_250, ._toolbarCodeBlockLanguageSelectContent_127fi_251, ._selectContainer_127fi_252
358
371
  {
359
372
  z-index: 3;
360
373
  width: var(--spacing-36);
@@ -364,11 +377,11 @@
364
377
  font-size: var(--text-sm);
365
378
  }
366
379
 
367
- ._toolbarButtonDropdownContainer_w1wlt_249 {
380
+ ._toolbarButtonDropdownContainer_127fi_250 {
368
381
  border-top-right-radius: var(--radius-base);
369
382
  }
370
383
 
371
- ._toolbarNodeKindSelectTrigger_w1wlt_265, ._toolbarButtonSelectTrigger_w1wlt_266, ._selectTrigger_w1wlt_267 {
384
+ ._toolbarNodeKindSelectTrigger_127fi_266, ._toolbarButtonSelectTrigger_127fi_267, ._selectTrigger_127fi_268 {
372
385
  border: 0;
373
386
  background-color: transparent;
374
387
  display: flex;
@@ -384,85 +397,85 @@
384
397
  font-size: var(--text-sm);
385
398
  }
386
399
 
387
- ._toolbarNodeKindSelectTrigger_w1wlt_265:hover, ._toolbarButtonSelectTrigger_w1wlt_266:hover, ._selectTrigger_w1wlt_267:hover {
400
+ ._toolbarNodeKindSelectTrigger_127fi_266:hover, ._toolbarButtonSelectTrigger_127fi_267:hover, ._selectTrigger_127fi_268:hover {
388
401
  background-color: var(--baseBgHover);
389
402
  }
390
403
 
391
- ._toolbarNodeKindSelectTrigger_w1wlt_265[data-state=open], ._toolbarButtonSelectTrigger_w1wlt_266[data-state=open], ._selectTrigger_w1wlt_267[data-state=open] {
404
+ ._toolbarNodeKindSelectTrigger_127fi_266[data-state=open], ._toolbarButtonSelectTrigger_127fi_267[data-state=open], ._selectTrigger_127fi_268[data-state=open] {
392
405
  border-bottom-right-radius: var(--radius-none);
393
406
  border-bottom-left-radius: var(--radius-none);
394
407
  background-color: var(--baseBgHover);
395
408
  }
396
- ._selectTrigger_w1wlt_267[data-placeholder] > span:first-child {
409
+ ._selectTrigger_127fi_268[data-placeholder] > span:first-child {
397
410
  color: var(--baseBorderHover);
398
411
  }
399
412
 
400
413
  /** used in the sandpack */
401
- ._toolbarButtonSelectTrigger_w1wlt_266 {
414
+ ._toolbarButtonSelectTrigger_127fi_267 {
402
415
  width: auto;
403
416
  padding-inline-start: var(--spacing-2) ;
404
417
  padding-inline-end: var(--spacing-1);
405
418
  }
406
419
 
407
- ._toolbarCodeBlockLanguageSelectTrigger_w1wlt_303, ._toolbarCodeBlockLanguageSelectContent_w1wlt_250
420
+ ._toolbarCodeBlockLanguageSelectTrigger_127fi_304, ._toolbarCodeBlockLanguageSelectContent_127fi_251
408
421
  {
409
422
  width: var(--spacing-48);
410
423
  }
411
424
 
412
- ._toolbarNodeKindSelectItem_w1wlt_309, ._selectItem_w1wlt_310
425
+ ._toolbarNodeKindSelectItem_127fi_310, ._selectItem_127fi_311
413
426
  {
414
427
  cursor: default;
415
428
  display: flex;
416
429
  padding: var(--spacing-2) var(--spacing-4);
417
430
  }
418
431
 
419
- ._toolbarNodeKindSelectItem_w1wlt_309[data-highlighted], ._selectItem_w1wlt_310[data-highlighted] {
432
+ ._toolbarNodeKindSelectItem_127fi_310[data-highlighted], ._selectItem_127fi_311[data-highlighted] {
420
433
  background-color: var(--baseBgSubtle);
421
434
  }
422
435
 
423
- ._toolbarNodeKindSelectItem_w1wlt_309[data-state=checked], ._selectItem_w1wlt_310[data-state=checked] {
436
+ ._toolbarNodeKindSelectItem_127fi_310[data-state=checked], ._selectItem_127fi_311[data-state=checked] {
424
437
  background-color: var(--accentBgActive);
425
438
  }
426
439
 
427
- ._toolbarNodeKindSelectItem_w1wlt_309[data-highlighted], ._selectItem_w1wlt_310[data-highlighted] {
440
+ ._toolbarNodeKindSelectItem_127fi_310[data-highlighted], ._selectItem_127fi_311[data-highlighted] {
428
441
  outline: none;
429
442
  }
430
443
 
431
- ._toolbarNodeKindSelectItem_w1wlt_309:last-child, ._selectItem_w1wlt_310:last-child {
444
+ ._toolbarNodeKindSelectItem_127fi_310:last-child, ._selectItem_127fi_311:last-child {
432
445
  border-bottom-left-radius: var(--radius-base);
433
446
  border-bottom-right-radius: var(--radius-base);
434
447
  }
435
448
 
436
- ._toolbarNodeKindSelectDropdownArrow_w1wlt_334, ._selectDropdownArrow_w1wlt_335 {
449
+ ._toolbarNodeKindSelectDropdownArrow_127fi_335, ._selectDropdownArrow_127fi_336 {
437
450
  margin-left: auto;
438
451
  }
439
452
 
440
- ._contentEditable_w1wlt_339 {
453
+ ._contentEditable_127fi_340 {
441
454
  box-sizing: border-box;
442
455
  width: 100%;
443
456
  color: var(--baseTextContrast);
444
457
  padding: var(--spacing-3);
445
458
  }
446
459
 
447
- ._contentEditable_w1wlt_339:focus {
460
+ ._contentEditable_127fi_340:focus {
448
461
  outline: none;
449
462
  }
450
463
 
451
- ._sandpackWrapper_w1wlt_349 {
464
+ ._sandpackWrapper_127fi_350 {
452
465
  margin-bottom:var(--spacing-5);
453
466
  }
454
467
 
455
- ._frontmatterWrapper_w1wlt_353 {
468
+ ._frontmatterWrapper_127fi_354 {
456
469
  border-radius: var(--radius-medium);
457
470
  padding: var(--spacing-3);
458
471
  background-color: var(--baseBgSubtle);
459
472
  }
460
473
 
461
- ._frontmatterWrapper_w1wlt_353[data-expanded=true] {
474
+ ._frontmatterWrapper_127fi_354[data-expanded=true] {
462
475
  margin-bottom: var(--spacing-10);
463
476
  }
464
477
 
465
- ._frontmatterToggleButton_w1wlt_363 {
478
+ ._frontmatterToggleButton_127fi_364 {
466
479
  border: 0;
467
480
  background-color: transparent;
468
481
  font-size: inherit;
@@ -478,7 +491,7 @@
478
491
  font-size: var(--text-sm);
479
492
  }
480
493
 
481
- ._propertyPanelTitle_w1wlt_371 {
494
+ ._propertyPanelTitle_127fi_372 {
482
495
  font-size: var(--text-xs);
483
496
  font-weight: 400;
484
497
  margin: 0;
@@ -486,49 +499,49 @@
486
499
  padding-left: var(--spacing-2);
487
500
  }
488
501
 
489
- ._propertyEditorTable_w1wlt_379 {
502
+ ._propertyEditorTable_127fi_380 {
490
503
  table-layout: fixed;
491
504
  border-spacing: var(--spacing-2);
492
505
  }
493
506
 
494
- ._propertyEditorTable_w1wlt_379 th {
507
+ ._propertyEditorTable_127fi_380 th {
495
508
  text-align: left;
496
509
  font-size: var(--text-sm);
497
510
  padding: var(--spacing-2) var(--spacing-3);
498
511
  }
499
512
 
500
- ._propertyEditorTable_w1wlt_379 col:nth-child(1) {
513
+ ._propertyEditorTable_127fi_380 col:nth-child(1) {
501
514
  width: 30%;
502
515
  }
503
516
 
504
- ._propertyEditorTable_w1wlt_379 col:nth-child(2) {
517
+ ._propertyEditorTable_127fi_380 col:nth-child(2) {
505
518
  width: 70%;
506
519
  }
507
520
 
508
- ._propertyEditorTable_w1wlt_379 td:last-child ._iconButton_w1wlt_396 {
521
+ ._propertyEditorTable_127fi_380 td:last-child ._iconButton_127fi_397 {
509
522
  margin-left: var(--spacing-4);
510
523
  margin-right: var(--spacing-4);
511
524
  }
512
525
 
513
- ._propertyEditorTable_w1wlt_379 ._readOnlyColumnCell_w1wlt_401 {
526
+ ._propertyEditorTable_127fi_380 ._readOnlyColumnCell_127fi_402 {
514
527
  padding-left: 0;
515
528
  }
516
529
 
517
- ._propertyEditorLabelCell_w1wlt_406 {
530
+ ._propertyEditorLabelCell_127fi_407 {
518
531
  font-weight: 400;
519
532
  }
520
533
 
521
- ._readOnlyColumnCell_w1wlt_401 {
534
+ ._readOnlyColumnCell_127fi_402 {
522
535
  padding-left: 0;
523
536
  }
524
537
 
525
- ._buttonsFooter_w1wlt_414 {
538
+ ._buttonsFooter_127fi_415 {
526
539
  display: flex;
527
540
  justify-content: flex-end;
528
541
  gap: var(--spacing-2);
529
542
  }
530
543
 
531
- ._propertyEditorInput_w1wlt_420 {
544
+ ._propertyEditorInput_127fi_421 {
532
545
  border: 0;
533
546
  background-color: transparent;
534
547
  font-size: inherit;
@@ -546,7 +559,7 @@
546
559
  font-size: var(--text-sm);
547
560
  }
548
561
 
549
- ._iconButton_w1wlt_396 {
562
+ ._iconButton_127fi_397 {
550
563
  border: 0;
551
564
  background-color: transparent;
552
565
  font-size: inherit;
@@ -559,15 +572,15 @@
559
572
  color:var(--baseText);
560
573
  }
561
574
 
562
- ._iconButton_w1wlt_396:hover {
575
+ ._iconButton_127fi_397:hover {
563
576
  color: var(--accentText);
564
577
  }
565
578
 
566
- ._iconButton_w1wlt_396:disabled, ._iconButton_w1wlt_396:disabled:hover {
579
+ ._iconButton_127fi_397:disabled, ._iconButton_127fi_397:disabled:hover {
567
580
  color:var(--baseLine);
568
581
  }
569
582
 
570
- ._primaryButton_w1wlt_441, ._secondaryButton_w1wlt_441 {
583
+ ._primaryButton_127fi_442, ._secondaryButton_127fi_442 {
571
584
  border: 0;
572
585
  background-color: transparent;
573
586
  font-size: inherit;
@@ -585,43 +598,43 @@
585
598
  border-radius: var(--radius-medium);
586
599
  }
587
600
 
588
- ._primaryButton_w1wlt_441:disabled, ._secondaryButton_w1wlt_441:disabled {
601
+ ._primaryButton_127fi_442:disabled, ._secondaryButton_127fi_442:disabled {
589
602
  background: var(--accentLine);
590
603
  border-color: var(--accentBg);
591
604
  }
592
605
 
593
- ._smallButton_w1wlt_455 {
606
+ ._smallButton_127fi_456 {
594
607
  font-size: var(--text-xs);
595
608
  padding: var(--spacing-1) var(--spacing-2);
596
609
  border-radius: var(--radius-base);
597
610
  }
598
611
 
599
- ._secondaryButton_w1wlt_441 {
612
+ ._secondaryButton_127fi_442 {
600
613
  border: 1px solid var(--baseBorder);
601
614
  background-color: var(--baseSolidHover);
602
615
  color:var(--baseBase);
603
616
  }
604
617
 
605
- ._dialogForm_w1wlt_467 {
618
+ ._dialogForm_127fi_468 {
606
619
  display: flex;
607
620
  flex-direction: row;
608
621
  gap: var(--spacing-2);
609
622
  }
610
623
 
611
- ._linkDialogEditForm_w1wlt_473 {
624
+ ._linkDialogEditForm_127fi_474 {
612
625
  display: flex;
613
626
  flex-direction: column;
614
627
  align-items: stretch;
615
628
  gap: var(--spacing-2);
616
629
  }
617
630
 
618
- ._linkDialogInputContainer_w1wlt_480 {
631
+ ._linkDialogInputContainer_127fi_481 {
619
632
  display: flex;
620
633
  flex-direction: column;
621
634
  align-items: stretch;
622
635
  }
623
636
 
624
- ._linkDialogInputWrapper_w1wlt_486 {
637
+ ._linkDialogInputWrapper_127fi_487 {
625
638
  display: flex;
626
639
  align-items: center;
627
640
  background-color: var(--baseBase);
@@ -630,13 +643,13 @@
630
643
  border:1px solid var(--baseBorder);
631
644
  }
632
645
 
633
- ._linkDialogInputWrapper_w1wlt_486[data-visible-dropdown=true] {
646
+ ._linkDialogInputWrapper_127fi_487[data-visible-dropdown=true] {
634
647
  border-bottom-left-radius: var(--radius-none) ;
635
648
  border-bottom-right-radius: var(--radius-none) ;
636
649
  border-bottom-width: 0;
637
650
  }
638
651
 
639
- ._linkDialogInputWrapper_w1wlt_486 > button {
652
+ ._linkDialogInputWrapper_127fi_487 > button {
640
653
  border: 0;
641
654
  background-color: transparent;
642
655
  font-size: inherit;
@@ -649,7 +662,7 @@
649
662
  padding-right: var(--spacing-2);
650
663
  }
651
664
 
652
- ._linkDialogInput_w1wlt_480 {
665
+ ._linkDialogInput_127fi_481 {
653
666
  border: 0;
654
667
  background-color: transparent;
655
668
  font-size: inherit;
@@ -664,19 +677,19 @@
664
677
  font-size: var(--text-sm);
665
678
  }
666
679
 
667
- ._linkDialogInput_w1wlt_480::-moz-placeholder {
680
+ ._linkDialogInput_127fi_481::-moz-placeholder {
668
681
  color: var(--baseBorder);
669
682
  }
670
683
 
671
- ._linkDialogInput_w1wlt_480::placeholder {
684
+ ._linkDialogInput_127fi_481::placeholder {
672
685
  color: var(--baseBorder);
673
686
  }
674
687
 
675
- ._linkDialogAutocompleteContainer_w1wlt_516 {
688
+ ._linkDialogAutocompleteContainer_127fi_517 {
676
689
  position: relative;
677
690
  }
678
691
 
679
- ._linkDialogAutocompleteContainer_w1wlt_516 ul {
692
+ ._linkDialogAutocompleteContainer_127fi_517 ul {
680
693
  all: unset;
681
694
  box-sizing: border-box;
682
695
  position: absolute;
@@ -693,11 +706,11 @@
693
706
  background-color: var(--baseBase);
694
707
  }
695
708
 
696
- ._linkDialogAutocompleteContainer_w1wlt_516 ul[data-visible=true] {
709
+ ._linkDialogAutocompleteContainer_127fi_517 ul[data-visible=true] {
697
710
  display: block;
698
711
  }
699
712
 
700
- ._linkDialogAutocompleteContainer_w1wlt_516 ul li {
713
+ ._linkDialogAutocompleteContainer_127fi_517 ul li {
701
714
  padding: var(--spacing-2) var(--spacing-3);
702
715
  white-space: nowrap;
703
716
  margin-bottom: var(--spacing-1);
@@ -705,34 +718,34 @@
705
718
  text-overflow: ellipsis;
706
719
  }
707
720
 
708
- ._linkDialogAutocompleteContainer_w1wlt_516 ul li[data-selected=true] {
721
+ ._linkDialogAutocompleteContainer_127fi_517 ul li[data-selected=true] {
709
722
  background-color: var(--baseBgSubtle);
710
723
  }
711
724
 
712
- ._linkDialogAutocompleteContainer_w1wlt_516 ul li[data-highlighted=true] {
725
+ ._linkDialogAutocompleteContainer_127fi_517 ul li[data-highlighted=true] {
713
726
  background-color: var(--baseBgHover);
714
727
  }
715
728
 
716
- ._linkDialogAutocompleteContainer_w1wlt_516 ul li:last-of-type {
729
+ ._linkDialogAutocompleteContainer_127fi_517 ul li:last-of-type {
717
730
  border-bottom-left-radius: var(--radius-medium) ;
718
731
  border-bottom-right-radius: var(--radius-medium) ;
719
732
  }
720
733
 
721
- ._linkDialogAnchor_w1wlt_561 {
734
+ ._linkDialogAnchor_127fi_562 {
722
735
  position: fixed;
723
736
  background-color: highlight;
724
737
  z-index: -1;
725
738
  }
726
739
 
727
- ._linkDialogAnchor_w1wlt_561[data-visible=true] {
740
+ ._linkDialogAnchor_127fi_562[data-visible=true] {
728
741
  visibility: visible;
729
742
  }
730
743
 
731
- ._linkDialogAnchor_w1wlt_561[data-visible=false] {
744
+ ._linkDialogAnchor_127fi_562[data-visible=false] {
732
745
  visibility: hidden;
733
746
  }
734
747
 
735
- ._linkDialogPopoverContent_w1wlt_575, ._tableColumnEditorPopoverContent_w1wlt_575, ._dialogContent_w1wlt_575 {
748
+ ._linkDialogPopoverContent_127fi_576, ._tableColumnEditorPopoverContent_127fi_576, ._dialogContent_127fi_576 {
736
749
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
737
750
  display: flex;
738
751
  align-items: center;
@@ -744,7 +757,7 @@
744
757
  font-size: var(--text-sm);
745
758
  }
746
759
 
747
- ._largeDialogContent_w1wlt_587 {
760
+ ._largeDialogContent_127fi_588 {
748
761
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
749
762
  gap: var(--spacing-0_5);
750
763
  border-radius:var(--radius-medium);
@@ -754,13 +767,13 @@
754
767
  font-size: var(--text-sm);
755
768
  }
756
769
 
757
- ._dialogTitle_w1wlt_597 {
770
+ ._dialogTitle_127fi_598 {
758
771
  font-size: var(--text-base);
759
772
  font-weight: 600;
760
773
  padding-left: var(--spacing-2);
761
774
  }
762
775
 
763
- ._dialogCloseButton_w1wlt_603 {
776
+ ._dialogCloseButton_127fi_604 {
764
777
  border: 0;
765
778
  background-color: transparent;
766
779
  font-size: inherit;
@@ -775,7 +788,7 @@
775
788
  right: 10px;
776
789
  }
777
790
 
778
- ._popoverContent_w1wlt_610 {
791
+ ._popoverContent_127fi_611 {
779
792
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
780
793
  display: flex;
781
794
  align-items: center;
@@ -787,13 +800,13 @@
787
800
  z-index: 1;
788
801
  }
789
802
 
790
- ._popoverArrow_w1wlt_622 {
803
+ ._popoverArrow_127fi_623 {
791
804
  fill: var(--baseBgSubtle);
792
805
  }
793
806
 
794
807
 
795
808
 
796
- ._linkDialogPreviewAnchor_w1wlt_628 {
809
+ ._linkDialogPreviewAnchor_127fi_629 {
797
810
  margin-right: var(--spacing-3);
798
811
  display: flex;
799
812
  align-items: flex-start;
@@ -804,7 +817,7 @@
804
817
 
805
818
 
806
819
 
807
- ._linkDialogPreviewAnchor_w1wlt_628 svg {
820
+ ._linkDialogPreviewAnchor_127fi_629 svg {
808
821
  width: var(--spacing-5);
809
822
  height: var(--spacing-5);
810
823
  margin-left: var(--spacing-2);
@@ -812,14 +825,14 @@
812
825
 
813
826
 
814
827
 
815
- ._linkDialogPreviewAnchor_w1wlt_628 span {
828
+ ._linkDialogPreviewAnchor_127fi_629 span {
816
829
  max-width: 14rem;
817
830
  overflow-x: hidden;
818
831
  text-overflow: ellipsis;
819
832
  white-space: nowrap;
820
833
  }
821
834
 
822
- ._tooltipContent_w1wlt_650 {
835
+ ._tooltipContent_127fi_651 {
823
836
  z-index: 2;
824
837
  position: relative;
825
838
  border-radius: var(--radius-medium);
@@ -829,11 +842,11 @@
829
842
  color: var(--baseBase);
830
843
  }
831
844
 
832
- ._tooltipContent_w1wlt_650 svg {
845
+ ._tooltipContent_127fi_651 svg {
833
846
  fill: var(--baseText);
834
847
  }
835
848
 
836
- ._actionButton_w1wlt_664 {
849
+ ._actionButton_127fi_665 {
837
850
  border: 0;
838
851
  background-color: transparent;
839
852
  font-size: inherit;
@@ -848,33 +861,33 @@
848
861
  border-radius: var(--radius-medium);
849
862
  }
850
863
 
851
- ._actionButton_w1wlt_664 svg {
864
+ ._actionButton_127fi_665 svg {
852
865
  display: block;
853
866
  }
854
867
 
855
- ._actionButton_w1wlt_664:hover {
868
+ ._actionButton_127fi_665:hover {
856
869
  background-color: var(--baseBgHover);
857
870
  }
858
871
 
859
- ._actionButton_w1wlt_664:active svg {
872
+ ._actionButton_127fi_665:active svg {
860
873
  transform: translate(1px, 1px);
861
874
  }
862
875
 
863
- ._actionButton_w1wlt_664[data-state=on], ._actionButton_w1wlt_664:active {
876
+ ._actionButton_127fi_665[data-state=on], ._actionButton_127fi_665:active {
864
877
  background-color: var(--accentBgActive);
865
878
  }
866
879
 
867
- ._primaryActionButton_w1wlt_670 {
880
+ ._primaryActionButton_127fi_671 {
868
881
  background-color: var(--accentSolid);
869
882
  color:var(--baseBase);
870
883
  }
871
884
 
872
- ._primaryActionButton_w1wlt_670:hover {
885
+ ._primaryActionButton_127fi_671:hover {
873
886
  background-color: var(--accentSolidHover);
874
887
  color:var(--baseBase);
875
888
  }
876
889
 
877
- ._tableEditor_w1wlt_679 {
890
+ ._tableEditor_127fi_680 {
878
891
  table-layout: fixed;
879
892
  width: 100%;
880
893
  height: 100%;
@@ -882,50 +895,50 @@
882
895
  border-collapse: collapse;
883
896
  }
884
897
 
885
- ._tableEditor_w1wlt_679 thead > tr > th {
898
+ ._tableEditor_127fi_680 thead > tr > th {
886
899
  text-align: right;
887
900
  }
888
901
 
889
- ._tableEditor_w1wlt_679 > tbody > tr > td:not(._toolCell_w1wlt_690) {
902
+ ._tableEditor_127fi_680 > tbody > tr > td:not(._toolCell_127fi_691) {
890
903
  border: 1px solid var(--baseBorder);
891
904
  padding: var(--spacing-1) var(--spacing-2);
892
905
  white-space: normal;
893
906
  }
894
907
 
895
- ._tableEditor_w1wlt_679 > tbody > tr > td:not(._toolCell_w1wlt_690) > div {
908
+ ._tableEditor_127fi_680 > tbody > tr > td:not(._toolCell_127fi_691) > div {
896
909
  outline: none;
897
910
  }
898
911
 
899
- ._tableEditor_w1wlt_679 > tbody > tr > td:not(._toolCell_w1wlt_690) > div > p {
912
+ ._tableEditor_127fi_680 > tbody > tr > td:not(._toolCell_127fi_691) > div > p {
900
913
  margin: 0;
901
914
  }
902
915
 
903
- ._tableEditor_w1wlt_679 > tbody > tr > td[data-active=true]:not(._toolCell_w1wlt_690) {
916
+ ._tableEditor_127fi_680 > tbody > tr > td[data-active=true]:not(._toolCell_127fi_691) {
904
917
  outline: solid 2px var(--accentSolid)
905
918
  }
906
919
 
907
- ._tableEditor_w1wlt_679 ._tableColumnEditorTrigger_w1wlt_707, ._tableEditor_w1wlt_679 ._tableRowEditorTrigger_w1wlt_707, ._tableEditor_w1wlt_679 ._addRowButton_w1wlt_707, ._tableEditor_w1wlt_679 ._addColumnButton_w1wlt_707, ._tableEditor_w1wlt_679 ._iconButton_w1wlt_396 {
920
+ ._tableEditor_127fi_680 ._tableColumnEditorTrigger_127fi_708, ._tableEditor_127fi_680 ._tableRowEditorTrigger_127fi_708, ._tableEditor_127fi_680 ._addRowButton_127fi_708, ._tableEditor_127fi_680 ._addColumnButton_127fi_708, ._tableEditor_127fi_680 ._iconButton_127fi_397 {
908
921
  opacity: .2;
909
922
  }
910
923
 
911
- ._tableEditor_w1wlt_679:hover ._tableColumnEditorTrigger_w1wlt_707, ._tableEditor_w1wlt_679:hover ._tableRowEditorTrigger_w1wlt_707, ._tableEditor_w1wlt_679:hover ._addRowButton_w1wlt_707, ._tableEditor_w1wlt_679:hover ._addColumnButton_w1wlt_707, ._tableEditor_w1wlt_679:hover ._iconButton_w1wlt_396 {
924
+ ._tableEditor_127fi_680:hover ._tableColumnEditorTrigger_127fi_708, ._tableEditor_127fi_680:hover ._tableRowEditorTrigger_127fi_708, ._tableEditor_127fi_680:hover ._addRowButton_127fi_708, ._tableEditor_127fi_680:hover ._addColumnButton_127fi_708, ._tableEditor_127fi_680:hover ._iconButton_127fi_397 {
912
925
  opacity: .5;
913
926
  }
914
927
 
915
- ._tableEditor_w1wlt_679:hover ._tableColumnEditorTrigger_w1wlt_707:hover, ._tableEditor_w1wlt_679:hover ._tableRowEditorTrigger_w1wlt_707:hover, ._tableEditor_w1wlt_679:hover ._addRowButton_w1wlt_707:hover, ._tableEditor_w1wlt_679:hover ._addColumnButton_w1wlt_707:hover, ._tableEditor_w1wlt_679:hover ._iconButton_w1wlt_396:hover {
928
+ ._tableEditor_127fi_680:hover ._tableColumnEditorTrigger_127fi_708:hover, ._tableEditor_127fi_680:hover ._tableRowEditorTrigger_127fi_708:hover, ._tableEditor_127fi_680:hover ._addRowButton_127fi_708:hover, ._tableEditor_127fi_680:hover ._addColumnButton_127fi_708:hover, ._tableEditor_127fi_680:hover ._iconButton_127fi_397:hover {
916
929
  opacity: 1;
917
930
  }
918
931
 
919
- ._toolCell_w1wlt_690 {
932
+ ._toolCell_127fi_691 {
920
933
  text-align: right;
921
934
  }
922
935
 
923
- ._toolCell_w1wlt_690 button {
936
+ ._toolCell_127fi_691 button {
924
937
  margin: auto;
925
938
  display: block;
926
939
  }
927
940
 
928
- ._tableColumnEditorTrigger_w1wlt_707 {
941
+ ._tableColumnEditorTrigger_127fi_708 {
929
942
  border: 0;
930
943
  background-color: transparent;
931
944
  font-size: inherit;
@@ -941,31 +954,31 @@
941
954
  opacity: 0.2;
942
955
  }
943
956
 
944
- ._tableColumnEditorTrigger_w1wlt_707 svg {
957
+ ._tableColumnEditorTrigger_127fi_708 svg {
945
958
  display: block;
946
959
  }
947
960
 
948
- ._tableColumnEditorTrigger_w1wlt_707:hover {
961
+ ._tableColumnEditorTrigger_127fi_708:hover {
949
962
  background-color: var(--baseBgHover);
950
963
  }
951
964
 
952
- ._tableColumnEditorTrigger_w1wlt_707:active svg {
965
+ ._tableColumnEditorTrigger_127fi_708:active svg {
953
966
  transform: translate(1px, 1px);
954
967
  }
955
968
 
956
- ._tableColumnEditorTrigger_w1wlt_707[data-state=on], ._tableColumnEditorTrigger_w1wlt_707:active {
969
+ ._tableColumnEditorTrigger_127fi_708[data-state=on], ._tableColumnEditorTrigger_127fi_708:active {
957
970
  background-color: var(--accentBgActive);
958
971
  }
959
972
 
960
- ._tableColumnEditorTrigger_w1wlt_707[data-active=true] {
973
+ ._tableColumnEditorTrigger_127fi_708[data-active=true] {
961
974
  opacity: 1;
962
975
  }
963
976
 
964
- ._tableColumnEditorToolbar_w1wlt_741 {
977
+ ._tableColumnEditorToolbar_127fi_742 {
965
978
  display: flex;
966
979
  }
967
980
 
968
- ._tableColumnEditorToolbar_w1wlt_741 > button {
981
+ ._tableColumnEditorToolbar_127fi_742 > button {
969
982
  border: 0;
970
983
  background-color: transparent;
971
984
  font-size: inherit;
@@ -978,34 +991,34 @@
978
991
  padding: var(--spacing-2);
979
992
  }
980
993
 
981
- ._tableColumnEditorToolbar_w1wlt_741 > button svg {
994
+ ._tableColumnEditorToolbar_127fi_742 > button svg {
982
995
  display: block;
983
996
  }
984
997
 
985
- ._tableColumnEditorToolbar_w1wlt_741 > button:hover {
998
+ ._tableColumnEditorToolbar_127fi_742 > button:hover {
986
999
  background-color: var(--baseBgHover);
987
1000
  }
988
1001
 
989
- ._tableColumnEditorToolbar_w1wlt_741 > button:active svg {
1002
+ ._tableColumnEditorToolbar_127fi_742 > button:active svg {
990
1003
  transform: translate(1px, 1px);
991
1004
  }
992
1005
 
993
- ._tableColumnEditorToolbar_w1wlt_741 > button[data-state=on], ._tableColumnEditorToolbar_w1wlt_741 > button:active {
1006
+ ._tableColumnEditorToolbar_127fi_742 > button[data-state=on], ._tableColumnEditorToolbar_127fi_742 > button:active {
994
1007
  background-color: var(--accentBgActive);
995
1008
  }
996
1009
 
997
- ._tableColumnEditorToolbar_w1wlt_741 [role=separator] {
1010
+ ._tableColumnEditorToolbar_127fi_742 [role=separator] {
998
1011
  margin-left: var(--spacing-1);
999
1012
  margin-right: var(--spacing-1);
1000
1013
  }
1001
1014
 
1002
1015
 
1003
- ._toggleGroupRoot_w1wlt_753 {
1016
+ ._toggleGroupRoot_127fi_754 {
1004
1017
  display: inline-flex;
1005
1018
  }
1006
1019
 
1007
1020
 
1008
- ._toggleGroupRoot_w1wlt_753 button {
1021
+ ._toggleGroupRoot_127fi_754 button {
1009
1022
  border: 0;
1010
1023
  background-color: transparent;
1011
1024
  font-size: inherit;
@@ -1019,59 +1032,59 @@
1019
1032
  }
1020
1033
 
1021
1034
 
1022
- ._toggleGroupRoot_w1wlt_753 button svg {
1035
+ ._toggleGroupRoot_127fi_754 button svg {
1023
1036
  display: block;
1024
1037
  }
1025
1038
 
1026
1039
 
1027
- ._toggleGroupRoot_w1wlt_753 button:hover {
1040
+ ._toggleGroupRoot_127fi_754 button:hover {
1028
1041
  background-color: var(--baseBgHover);
1029
1042
  }
1030
1043
 
1031
1044
 
1032
- ._toggleGroupRoot_w1wlt_753 button:active svg {
1045
+ ._toggleGroupRoot_127fi_754 button:active svg {
1033
1046
  transform: translate(1px, 1px);
1034
1047
  }
1035
1048
 
1036
1049
 
1037
- ._toggleGroupRoot_w1wlt_753 button[data-state=on], ._toggleGroupRoot_w1wlt_753 button:active {
1050
+ ._toggleGroupRoot_127fi_754 button[data-state=on], ._toggleGroupRoot_127fi_754 button:active {
1038
1051
  background-color: var(--accentBgActive);
1039
1052
  }
1040
1053
 
1041
1054
 
1042
- ._toggleGroupRoot_w1wlt_753 button:first-child {
1055
+ ._toggleGroupRoot_127fi_754 button:first-child {
1043
1056
  border-top-left-radius: var(--radius-base);
1044
1057
  border-bottom-left-radius: var(--radius-base);
1045
1058
  }
1046
1059
 
1047
1060
 
1048
- ._toggleGroupRoot_w1wlt_753 button:last-child {
1061
+ ._toggleGroupRoot_127fi_754 button:last-child {
1049
1062
  border-top-right-radius: var(--radius-base);
1050
1063
  border-bottom-right-radius: var(--radius-base);
1051
1064
  }
1052
1065
 
1053
- ._tableToolsColumn_w1wlt_770 {
1066
+ ._tableToolsColumn_127fi_771 {
1054
1067
  width: 3rem;
1055
1068
  }
1056
1069
 
1057
- ._tableToolsColumn_w1wlt_770 button {
1070
+ ._tableToolsColumn_127fi_771 button {
1058
1071
  margin: auto;
1059
1072
  display: block;
1060
1073
  }
1061
1074
 
1062
- ._leftAlignedCell_w1wlt_778 {
1075
+ ._leftAlignedCell_127fi_779 {
1063
1076
  text-align: left;
1064
1077
  }
1065
1078
 
1066
- ._rightAlignedCell_w1wlt_782 {
1079
+ ._rightAlignedCell_127fi_783 {
1067
1080
  text-align: right;
1068
1081
  }
1069
1082
 
1070
- ._centeredCell_w1wlt_786 {
1083
+ ._centeredCell_127fi_787 {
1071
1084
  text-align: center;
1072
1085
  }
1073
1086
 
1074
- ._addColumnButton_w1wlt_707, ._addRowButton_w1wlt_707 {
1087
+ ._addColumnButton_127fi_708, ._addRowButton_127fi_708 {
1075
1088
  border: 0;
1076
1089
  background-color: transparent;
1077
1090
  font-size: inherit;
@@ -1089,62 +1102,62 @@
1089
1102
  border-radius: var(--radius-medium);
1090
1103
  }
1091
1104
 
1092
- ._addColumnButton_w1wlt_707 svg, ._addRowButton_w1wlt_707 svg {
1105
+ ._addColumnButton_127fi_708 svg, ._addRowButton_127fi_708 svg {
1093
1106
  display: block;
1094
1107
  }
1095
1108
 
1096
- ._addColumnButton_w1wlt_707:hover, ._addRowButton_w1wlt_707:hover {
1109
+ ._addColumnButton_127fi_708:hover, ._addRowButton_127fi_708:hover {
1097
1110
  background-color: var(--baseBgHover);
1098
1111
  }
1099
1112
 
1100
- ._addColumnButton_w1wlt_707:active svg, ._addRowButton_w1wlt_707:active svg {
1113
+ ._addColumnButton_127fi_708:active svg, ._addRowButton_127fi_708:active svg {
1101
1114
  transform: translate(1px, 1px);
1102
1115
  }
1103
1116
 
1104
- ._addColumnButton_w1wlt_707[data-state=on], ._addRowButton_w1wlt_707[data-state=on], ._addColumnButton_w1wlt_707:active, ._addRowButton_w1wlt_707:active {
1117
+ ._addColumnButton_127fi_708[data-state=on], ._addRowButton_127fi_708[data-state=on], ._addColumnButton_127fi_708:active, ._addRowButton_127fi_708:active {
1105
1118
  background-color: var(--accentBgActive);
1106
1119
  }
1107
1120
 
1108
- ._addColumnButton_w1wlt_707 svg, ._addRowButton_w1wlt_707 svg {
1121
+ ._addColumnButton_127fi_708 svg, ._addRowButton_127fi_708 svg {
1109
1122
  margin: auto;
1110
1123
  }
1111
1124
 
1112
- ._addRowButton_w1wlt_707 {
1125
+ ._addRowButton_127fi_708 {
1113
1126
  width: 100%;
1114
1127
  margin-top: var(--spacing-2);
1115
1128
  box-sizing: border-box;
1116
1129
  }
1117
1130
 
1118
- ._addColumnButton_w1wlt_707 {
1131
+ ._addColumnButton_127fi_708 {
1119
1132
  margin-left: var(--spacing-2);
1120
1133
  height: 100%;
1121
1134
  }
1122
1135
 
1123
1136
  /** Dialog */
1124
- ._dialogOverlay_w1wlt_814 {
1137
+ ._dialogOverlay_127fi_815 {
1125
1138
  position: fixed;
1126
1139
  inset: 0;
1127
- animation: _overlayShow_w1wlt_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1140
+ animation: _overlayShow_127fi_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1128
1141
  background-color: var(--baseBase);
1129
1142
  z-index: 51;
1130
1143
  opacity: 0.5;
1131
1144
  }
1132
1145
 
1133
- ._dialogContent_w1wlt_575, ._largeDialogContent_w1wlt_587 {
1146
+ ._dialogContent_127fi_576, ._largeDialogContent_127fi_588 {
1134
1147
  position: fixed;
1135
1148
  top: 50%;
1136
1149
  left: 50%;
1137
1150
  transform: translate(-50%, -50%);
1138
- animation: _contentShow_w1wlt_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1151
+ animation: _contentShow_127fi_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1139
1152
  z-index: 52;
1140
1153
  }
1141
1154
 
1142
- ._dialogContent_w1wlt_575:focus, ._largeDialogContent_w1wlt_587:focus {
1155
+ ._dialogContent_127fi_576:focus, ._largeDialogContent_127fi_588:focus {
1143
1156
  outline: none;
1144
1157
  }
1145
1158
 
1146
1159
 
1147
- @keyframes _overlayShow_w1wlt_1 {
1160
+ @keyframes _overlayShow_127fi_1 {
1148
1161
  from {
1149
1162
  opacity: 0;
1150
1163
  }
@@ -1153,7 +1166,7 @@
1153
1166
  }
1154
1167
  }
1155
1168
 
1156
- @keyframes _contentShow_w1wlt_1 {
1169
+ @keyframes _contentShow_127fi_1 {
1157
1170
  from {
1158
1171
  opacity: 0;
1159
1172
  transform: translate(-50%, -48%) scale(0.96);
@@ -1164,22 +1177,22 @@
1164
1177
  }
1165
1178
  }
1166
1179
 
1167
- ._focusedImage_w1wlt_857 {
1180
+ ._focusedImage_127fi_858 {
1168
1181
  outline: highlight solid 2px;
1169
1182
  }
1170
1183
 
1171
- ._imageWrapper_w1wlt_861 {
1184
+ ._imageWrapper_127fi_862 {
1172
1185
  display: inline-block;
1173
1186
  position: relative;
1174
1187
  }
1175
1188
 
1176
- ._imageWrapper_w1wlt_861[draggable=true] {
1189
+ ._imageWrapper_127fi_862[draggable=true] {
1177
1190
  cursor: move; /* fallback if grab cursor is unsupported */
1178
1191
  cursor: grab;
1179
1192
  cursor: -webkit-grab;
1180
1193
  }
1181
1194
 
1182
- ._inlineEditor_w1wlt_873 {
1195
+ ._inlineEditor_127fi_874 {
1183
1196
  display: inline-flex;
1184
1197
  border-radius: var(--radius-medium);
1185
1198
  padding: var(--spacing-1);
@@ -1188,7 +1201,7 @@
1188
1201
  background: var(--baseBg);
1189
1202
  }
1190
1203
 
1191
- ._blockEditor_w1wlt_882 {
1204
+ ._blockEditor_127fi_883 {
1192
1205
  display: flex;
1193
1206
  justify-content: stretch;
1194
1207
  border-radius: var(--radius-medium);
@@ -1198,71 +1211,71 @@
1198
1211
  background: var(--baseBg);
1199
1212
  }
1200
1213
 
1201
- ._blockEditor_w1wlt_882 ._nestedEditor_w1wlt_891 {
1214
+ ._blockEditor_127fi_883 ._nestedEditor_127fi_892 {
1202
1215
  flex-grow: 1;
1203
1216
  }
1204
1217
 
1205
- ._nestedEditor_w1wlt_891 {
1218
+ ._nestedEditor_127fi_892 {
1206
1219
  background: white;
1207
1220
  padding: var(--spacing-1) var(--spacing-2);
1208
1221
  border-radius: var(--radius-medium);
1209
1222
  }
1210
1223
 
1211
- ._nestedEditor_w1wlt_891 > p {
1224
+ ._nestedEditor_127fi_892 > p {
1212
1225
  margin: 0;
1213
1226
  }
1214
1227
 
1215
- ._nestedEditor_w1wlt_891:focus {
1228
+ ._nestedEditor_127fi_892:focus {
1216
1229
  outline: none;
1217
1230
  }
1218
1231
 
1219
- ._genericComponentName_w1wlt_908 {
1232
+ ._genericComponentName_127fi_909 {
1220
1233
  font-size: var(--text-sm);
1221
1234
  color: var(--baseText);
1222
1235
  padding-right: var(--spacing-2);
1223
1236
  }
1224
1237
 
1225
- ._diffSourceToggle_w1wlt_914 {
1238
+ ._diffSourceToggle_127fi_915 {
1226
1239
  border: 1px solid var(--baseBorder);
1227
1240
  border-radius: var(--radius-medium);
1228
1241
  display: flex;
1229
1242
  }
1230
1243
 
1231
- ._diffSourceToggle_w1wlt_914 ._toolbarToggleItem_w1wlt_181 {
1244
+ ._diffSourceToggle_127fi_915 ._toolbarToggleItem_127fi_182 {
1232
1245
  padding: 0;
1233
1246
  }
1234
1247
 
1235
- ._diffSourceToggle_w1wlt_914 ._toolbarToggleItem_w1wlt_181 > span {
1248
+ ._diffSourceToggle_127fi_915 ._toolbarToggleItem_127fi_182 > span {
1236
1249
  display: block;
1237
1250
  padding: var(--spacing-2) var(--spacing-3);
1238
1251
  }
1239
1252
 
1240
- ._selectWithLabel_w1wlt_928 {
1253
+ ._selectWithLabel_127fi_929 {
1241
1254
  display: flex;
1242
1255
  align-items: center;
1243
1256
  gap: var(--spacing-2);
1244
1257
  margin-left: var(--spacing-2);
1245
1258
  }
1246
1259
 
1247
- ._selectWithLabel_w1wlt_928 > label {
1260
+ ._selectWithLabel_127fi_929 > label {
1248
1261
  font-size: var(--text-sm);
1249
1262
  }
1250
1263
 
1251
- ._selectWithLabel_w1wlt_928 ._selectTrigger_w1wlt_267 {
1264
+ ._selectWithLabel_127fi_929 ._selectTrigger_127fi_268 {
1252
1265
  border: 1px solid var(--baseBorder);
1253
1266
  }
1254
1267
 
1255
- ._toolbarTitleMode_w1wlt_942 {
1268
+ ._toolbarTitleMode_127fi_943 {
1256
1269
  font-size: var(--text-sm);
1257
1270
  margin-left: var(--spacing-2);
1258
1271
  }
1259
1272
 
1260
1273
 
1261
- ._imageControlWrapperResizing_w1wlt_948 {
1274
+ ._imageControlWrapperResizing_127fi_949 {
1262
1275
  touch-action: none;
1263
1276
  }
1264
1277
 
1265
- ._imageResizer_w1wlt_952 {
1278
+ ._imageResizer_127fi_953 {
1266
1279
  display: block;
1267
1280
  width: 7px;
1268
1281
  height: 7px;
@@ -1271,55 +1284,55 @@
1271
1284
  border: 1px solid var(--baseBg);
1272
1285
  }
1273
1286
 
1274
- ._imageResizer_w1wlt_952._imageResizerN_w1wlt_961 {
1287
+ ._imageResizer_127fi_953._imageResizerN_127fi_962 {
1275
1288
  top: -6px;
1276
1289
  left: 48%;
1277
1290
  cursor: n-resize;
1278
1291
  }
1279
1292
 
1280
- ._imageResizer_w1wlt_952._imageResizerNe_w1wlt_967 {
1293
+ ._imageResizer_127fi_953._imageResizerNe_127fi_968 {
1281
1294
  top: -6px;
1282
1295
  right: -6px;
1283
1296
  cursor: ne-resize;
1284
1297
  }
1285
1298
 
1286
- ._imageResizer_w1wlt_952._imageResizerE_w1wlt_973 {
1299
+ ._imageResizer_127fi_953._imageResizerE_127fi_974 {
1287
1300
  bottom: 48%;
1288
1301
  right: -6px;
1289
1302
  cursor: e-resize;
1290
1303
  }
1291
1304
 
1292
- ._imageResizer_w1wlt_952._imageResizerSe_w1wlt_979 {
1305
+ ._imageResizer_127fi_953._imageResizerSe_127fi_980 {
1293
1306
  bottom: -2px;
1294
1307
  right: -6px;
1295
1308
  cursor: nwse-resize;
1296
1309
  }
1297
1310
 
1298
- ._imageResizer_w1wlt_952._imageResizerS_w1wlt_979 {
1311
+ ._imageResizer_127fi_953._imageResizerS_127fi_980 {
1299
1312
  bottom: -2px;
1300
1313
  left: 48%;
1301
1314
  cursor: s-resize;
1302
1315
  }
1303
1316
 
1304
- ._imageResizer_w1wlt_952._imageResizerSw_w1wlt_991 {
1317
+ ._imageResizer_127fi_953._imageResizerSw_127fi_992 {
1305
1318
  bottom: -2px;
1306
1319
  left: -6px;
1307
1320
  cursor: sw-resize;
1308
1321
  }
1309
1322
 
1310
- ._imageResizer_w1wlt_952._imageResizerW_w1wlt_997 {
1323
+ ._imageResizer_127fi_953._imageResizerW_127fi_998 {
1311
1324
  bottom: 48%;
1312
1325
  left: -6px;
1313
1326
  cursor: w-resize;
1314
1327
  }
1315
1328
 
1316
- ._imageResizer_w1wlt_952._imageResizerNw_w1wlt_1003 {
1329
+ ._imageResizer_127fi_953._imageResizerNw_127fi_1004 {
1317
1330
  top: -6px;
1318
1331
  left: -6px;
1319
1332
  cursor: nw-resize;
1320
1333
  }
1321
1334
 
1322
- ._placeholder_w1wlt_1009 {
1335
+ ._placeholder_127fi_1010 {
1323
1336
  color: var(--baseSolid);
1324
1337
  overflow: hidden;
1325
1338
  position: absolute;
@@ -1334,7 +1347,7 @@
1334
1347
  pointer-events: none;
1335
1348
  }
1336
1349
 
1337
- ._rootContentEditableWrapper_w1wlt_1022 {
1350
+ ._rootContentEditableWrapper_127fi_1023 {
1338
1351
  position: relative;
1339
1352
  }
1340
1353
  :root, ._light-theme_13nbk_1 {
@@ -1517,4 +1530,3 @@
1517
1530
  --admonitionBorder: var(--admonitionNoteBorder);
1518
1531
  --admonitionBg: var(--admonitionNoteBg);
1519
1532
  }
1520
- :root{--diff-background-color:initial;--diff-text-color:initial;--diff-font-family:Consolas,Courier,monospace;--diff-selection-background-color:#b3d7ff;--diff-selection-text-color:var(--diff-text-color);--diff-gutter-insert-background-color:#d6fedb;--diff-gutter-insert-text-color:var(--diff-text-color);--diff-gutter-delete-background-color:#fadde0;--diff-gutter-delete-text-color:var(--diff-text-color);--diff-gutter-selected-background-color:#fffce0;--diff-gutter-selected-text-color:var(--diff-text-color);--diff-code-insert-background-color:#eaffee;--diff-code-insert-text-color:var(--diff-text-color);--diff-code-delete-background-color:#fdeff0;--diff-code-delete-text-color:var(--diff-text-color);--diff-code-insert-edit-background-color:#c0dc91;--diff-code-insert-edit-text-color:var(--diff-text-color);--diff-code-delete-edit-background-color:#f39ea2;--diff-code-delete-edit-text-color:var(--diff-text-color);--diff-code-selected-background-color:#fffce0;--diff-code-selected-text-color:var(--diff-text-color);--diff-omit-gutter-line-color:#cb2a1d;}.diff{background-color:var(--diff-background-color);border-collapse:collapse;color:var(--diff-text-color);table-layout:fixed;width:100%;}.diff::-moz-selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff::selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff td{padding-bottom:0;padding-top:0;vertical-align:top;}.diff-line{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);line-height:1.5;}.diff-gutter>a{color:inherit;display:block;}.diff-gutter{cursor:pointer;padding:0 1ch;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-gutter-insert{background-color:#d6fedb;background-color:var(--diff-gutter-insert-background-color);color:var(--diff-text-color);color:var(--diff-gutter-insert-text-color);}.diff-gutter-delete{background-color:#fadde0;background-color:var(--diff-gutter-delete-background-color);color:var(--diff-text-color);color:var(--diff-gutter-delete-text-color);}.diff-gutter-omit{cursor:default;}.diff-gutter-selected{background-color:#fffce0;background-color:var(--diff-gutter-selected-background-color);color:var(--diff-text-color);color:var(--diff-gutter-selected-text-color);}.diff-code{word-wrap:break-word;padding:0 0 0 .5em;white-space:pre-wrap;word-break:break-all;}.diff-code-edit{color:inherit;display:inline-block;}.diff-code-insert{background-color:#eaffee;background-color:var(--diff-code-insert-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-text-color);}.diff-code-insert .diff-code-edit{background-color:#c0dc91;background-color:var(--diff-code-insert-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-edit-text-color);}.diff-code-delete{background-color:#fdeff0;background-color:var(--diff-code-delete-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-text-color);}.diff-code-delete .diff-code-edit{background-color:#f39ea2;background-color:var(--diff-code-delete-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-edit-text-color);}.diff-code-selected{background-color:#fffce0;background-color:var(--diff-code-selected-background-color);color:var(--diff-text-color);color:var(--diff-code-selected-text-color);}.diff-widget-content{vertical-align:top;}.diff-gutter-col{width:7ch;}.diff-gutter-omit{height:0;}.diff-gutter-omit:before{background-color:#cb2a1d;background-color:var(--diff-omit-gutter-line-color);content:" ";display:block;height:100%;margin-left:4.6ch;overflow:hidden;white-space:pre;width:2px;}.diff-decoration{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-decoration-content{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);padding:0;}