@mdxeditor/editor 0.11.1 → 0.13.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 (47) hide show
  1. package/dist/MDXEditor.d.ts +8 -0
  2. package/dist/MDXEditor.js +13 -10
  3. package/dist/exportMarkdownFromLexical.d.ts +19 -0
  4. package/dist/gurx/react.d.ts +34 -6
  5. package/dist/gurx/realm.d.ts +18 -2
  6. package/dist/gurx/realmFactory.d.ts +23 -2
  7. package/dist/icons/rich_text.svg.js +2 -2
  8. package/dist/importMarkdownToLexical.d.ts +7 -0
  9. package/dist/plugins/codeblock/index.d.ts +23 -3
  10. package/dist/plugins/codemirror/index.d.ts +31 -3
  11. package/dist/plugins/core/NestedLexicalEditor.d.ts +1 -1
  12. package/dist/plugins/core/NestedLexicalEditor.js +4 -4
  13. package/dist/plugins/core/SharedHistoryPlugin.js +1 -1
  14. package/dist/plugins/core/index.d.ts +31 -3
  15. package/dist/plugins/core/index.js +11 -1
  16. package/dist/plugins/diff-source/index.d.ts +23 -3
  17. package/dist/plugins/directives/index.d.ts +23 -3
  18. package/dist/plugins/frontmatter/FrontmatterEditor.js +1 -2
  19. package/dist/plugins/frontmatter/index.d.ts +23 -3
  20. package/dist/plugins/headings/index.d.ts +5 -1
  21. package/dist/plugins/image/ImageEditor.js +2 -2
  22. package/dist/plugins/image/index.d.ts +23 -3
  23. package/dist/plugins/jsx/index.d.ts +22 -2
  24. package/dist/plugins/link/AutoLinkPlugin.d.ts +9 -0
  25. package/dist/plugins/link/AutoLinkPlugin.js +18 -0
  26. package/dist/plugins/link/index.d.ts +22 -4
  27. package/dist/plugins/link/index.js +16 -5
  28. package/dist/plugins/link-dialog/index.d.ts +19 -3
  29. package/dist/plugins/link-dialog/index.js +1 -0
  30. package/dist/plugins/lists/index.d.ts +23 -3
  31. package/dist/plugins/lists/index.js +2 -2
  32. package/dist/plugins/markdown-shortcut/index.d.ts +2 -0
  33. package/dist/plugins/markdown-shortcut/index.js +1 -1
  34. package/dist/plugins/quote/index.d.ts +17 -3
  35. package/dist/plugins/sandpack/index.d.ts +30 -2
  36. package/dist/plugins/table/TableEditor.js +5 -5
  37. package/dist/plugins/table/index.d.ts +23 -3
  38. package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.d.ts +1 -1
  39. package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.js +1 -1
  40. package/dist/plugins/thematic-break/MdastThematicBreakVisitor.js +1 -1
  41. package/dist/plugins/thematic-break/index.d.ts +23 -3
  42. package/dist/plugins/thematic-break/index.js +2 -2
  43. package/dist/plugins/toolbar/index.d.ts +18 -2
  44. package/dist/plugins/toolbar/primitives/select.js +1 -1
  45. package/dist/style.css +186 -164
  46. package/dist/styles/ui.module.css.js +90 -84
  47. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -120,7 +120,7 @@
120
120
  overflow-wrap: anywhere;
121
121
  flex-shrink: 1;
122
122
  }
123
- ._editorRoot_14xoe_36 {
123
+ ._editorRoot_1g25u_36 {
124
124
  --accentBase: var(--blue1);
125
125
  --accentBgSubtle: var(--blue2);
126
126
  --accentBg: var(--blue3);
@@ -214,14 +214,14 @@
214
214
  color: var(--baseText);
215
215
  }
216
216
 
217
- ._editorWrapper_14xoe_130 {
217
+ ._editorWrapper_1g25u_130 {
218
218
  }
219
219
 
220
- ._nestedListItem_14xoe_133 {
220
+ ._nestedListItem_1g25u_133 {
221
221
  list-style: none;
222
222
  }
223
223
 
224
- ._toolbarRoot_14xoe_137 {
224
+ ._toolbarRoot_1g25u_137 {
225
225
  /* border: var(--spacing-px) solid var(--baseBorder); */
226
226
  margin-bottom: var(--spacing-6);
227
227
  z-index: 1;
@@ -238,14 +238,14 @@
238
238
  width: inherit;
239
239
  }
240
240
 
241
- ._toolbarRoot_14xoe_137 div[role=separator] {
241
+ ._toolbarRoot_1g25u_137 div[role=separator] {
242
242
  margin: var(--spacing-2) var(--spacing-2);
243
243
  border-left: 1px solid var(--baseBorder);
244
244
  border-right: 1px solid var(--baseBase);
245
245
  height: var(--spacing-4);
246
246
  }
247
247
 
248
- ._toolbarModeSwitch_14xoe_161 {
248
+ ._toolbarModeSwitch_1g25u_161 {
249
249
  margin-left: auto;
250
250
  align-self: stretch;
251
251
  align-items: stretch;
@@ -255,31 +255,31 @@
255
255
  font-size: var(--text-xs);
256
256
  }
257
257
 
258
- ._toolbarModeSwitch_14xoe_161 ._toolbarToggleItem_14xoe_170 {
258
+ ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170 {
259
259
  padding-inline-end: var(--spacing-4);
260
260
  padding-inline-start: var(--spacing-4);
261
261
  }
262
262
 
263
- ._toolbarModeSwitch_14xoe_161 ._toolbarToggleItem_14xoe_170:active, ._toolbarModeSwitch_14xoe_161 ._toolbarToggleItem_14xoe_170[data-state=on] {
263
+ ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170:active, ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170[data-state=on] {
264
264
  background-color:var(--baseBorder);
265
265
  }
266
266
 
267
- ._toolbarGroupOfGroups_14xoe_180 {
267
+ ._toolbarGroupOfGroups_1g25u_180 {
268
268
  display: flex;
269
269
  margin: 0 var(--spacing-1);
270
270
  }
271
271
 
272
- ._toolbarToggleSingleGroup_14xoe_185:first-of-type ._toolbarToggleItem_14xoe_170:only-child, ._toolbarToggleSingleGroup_14xoe_185:only-child ._toolbarToggleItem_14xoe_170:first-child, ._toolbarModeSwitch_14xoe_161 ._toolbarToggleItem_14xoe_170:first-child {
272
+ ._toolbarToggleSingleGroup_1g25u_185:first-of-type ._toolbarToggleItem_1g25u_170:only-child, ._toolbarToggleSingleGroup_1g25u_185:only-child ._toolbarToggleItem_1g25u_170:first-child, ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170:first-child {
273
273
  border-top-left-radius: var(--radius-base);
274
274
  border-bottom-left-radius: var(--radius-base);
275
275
  }
276
276
 
277
- ._toolbarToggleSingleGroup_14xoe_185:last-of-type ._toolbarToggleItem_14xoe_170:only-child, ._toolbarToggleSingleGroup_14xoe_185:only-child ._toolbarToggleItem_14xoe_170:last-child, ._toolbarModeSwitch_14xoe_161 ._toolbarToggleItem_14xoe_170:last-child {
277
+ ._toolbarToggleSingleGroup_1g25u_185:last-of-type ._toolbarToggleItem_1g25u_170:only-child, ._toolbarToggleSingleGroup_1g25u_185:only-child ._toolbarToggleItem_1g25u_170:last-child, ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170:last-child {
278
278
  border-top-right-radius: var(--radius-base);
279
279
  border-bottom-right-radius: var(--radius-base);
280
280
  }
281
281
 
282
- ._toolbarToggleItem_14xoe_170, ._toolbarButton_14xoe_199 {
282
+ ._toolbarToggleItem_1g25u_170, ._toolbarButton_1g25u_199 {
283
283
  border: 0;
284
284
  background-color: transparent;
285
285
  font-size: inherit;
@@ -292,36 +292,36 @@
292
292
  padding: var(--spacing-1);
293
293
  }
294
294
 
295
- ._toolbarToggleItem_14xoe_170 svg, ._toolbarButton_14xoe_199 svg {
295
+ ._toolbarToggleItem_1g25u_170 svg, ._toolbarButton_1g25u_199 svg {
296
296
  display: block;
297
297
  }
298
298
 
299
- ._toolbarToggleItem_14xoe_170:hover, ._toolbarButton_14xoe_199:hover {
299
+ ._toolbarToggleItem_1g25u_170:hover, ._toolbarButton_1g25u_199:hover {
300
300
  background-color: var(--baseBgHover);
301
301
  }
302
302
 
303
- ._toolbarToggleItem_14xoe_170:active svg, ._toolbarButton_14xoe_199:active svg {
303
+ ._toolbarToggleItem_1g25u_170:active svg, ._toolbarButton_1g25u_199:active svg {
304
304
  transform: translate(1px, 1px);
305
305
  }
306
306
 
307
- ._toolbarToggleItem_14xoe_170[data-state=on], ._toolbarButton_14xoe_199[data-state=on], ._toolbarToggleItem_14xoe_170:active, ._toolbarButton_14xoe_199:active {
307
+ ._toolbarToggleItem_1g25u_170[data-state=on], ._toolbarButton_1g25u_199[data-state=on], ._toolbarToggleItem_1g25u_170:active, ._toolbarButton_1g25u_199:active {
308
308
  background-color: var(--accentBgActive);
309
309
  }
310
310
 
311
- ._toolbarToggleItem_14xoe_170[data-disabled], ._toolbarButton_14xoe_199[data-disabled] {
311
+ ._toolbarToggleItem_1g25u_170[data-disabled], ._toolbarButton_1g25u_199[data-disabled] {
312
312
  pointer-events: none;
313
313
  color: var(--baseBorderHover);
314
314
  }
315
315
 
316
- ._toolbarButton_14xoe_199 {
316
+ ._toolbarButton_1g25u_199 {
317
317
  border-radius: var(--radius-base);
318
318
  }
319
319
 
320
- ._toolbarToggleSingleGroup_14xoe_185 {
320
+ ._toolbarToggleSingleGroup_1g25u_185 {
321
321
  white-space: nowrap;
322
322
  }
323
323
 
324
- ._toolbarNodeKindSelectContainer_14xoe_233, ._toolbarButtonDropdownContainer_14xoe_234, ._toolbarCodeBlockLanguageSelectContent_14xoe_235, ._selectContainer_14xoe_236
324
+ ._toolbarNodeKindSelectContainer_1g25u_233, ._toolbarButtonDropdownContainer_1g25u_234, ._toolbarCodeBlockLanguageSelectContent_1g25u_235, ._selectContainer_1g25u_236
325
325
  {
326
326
  z-index: 3;
327
327
  width: var(--spacing-36);
@@ -331,11 +331,11 @@
331
331
  font-size: var(--text-sm);
332
332
  }
333
333
 
334
- ._toolbarButtonDropdownContainer_14xoe_234 {
334
+ ._toolbarButtonDropdownContainer_1g25u_234 {
335
335
  border-top-right-radius: var(--radius-base);
336
336
  }
337
337
 
338
- ._toolbarNodeKindSelectTrigger_14xoe_250, ._toolbarButtonSelectTrigger_14xoe_251, ._selectTrigger_14xoe_252 {
338
+ ._toolbarNodeKindSelectTrigger_1g25u_250, ._toolbarButtonSelectTrigger_1g25u_251, ._selectTrigger_1g25u_252 {
339
339
  border: 0;
340
340
  background-color: transparent;
341
341
  display: flex;
@@ -351,82 +351,85 @@
351
351
  font-size: var(--text-sm);
352
352
  }
353
353
 
354
- ._toolbarNodeKindSelectTrigger_14xoe_250:hover, ._toolbarButtonSelectTrigger_14xoe_251:hover, ._selectTrigger_14xoe_252:hover {
354
+ ._toolbarNodeKindSelectTrigger_1g25u_250:hover, ._toolbarButtonSelectTrigger_1g25u_251:hover, ._selectTrigger_1g25u_252:hover {
355
355
  background-color: var(--baseBgHover);
356
356
  }
357
357
 
358
- ._toolbarNodeKindSelectTrigger_14xoe_250[data-state=open], ._toolbarButtonSelectTrigger_14xoe_251[data-state=open], ._selectTrigger_14xoe_252[data-state=open] {
358
+ ._toolbarNodeKindSelectTrigger_1g25u_250[data-state=open], ._toolbarButtonSelectTrigger_1g25u_251[data-state=open], ._selectTrigger_1g25u_252[data-state=open] {
359
359
  border-bottom-right-radius: var(--radius-none);
360
360
  border-bottom-left-radius: var(--radius-none);
361
361
  background-color: var(--baseBgHover);
362
362
  }
363
+ ._selectTrigger_1g25u_252[data-placeholder] > span:first-child {
364
+ color: var(--baseBorderHover);
365
+ }
363
366
 
364
367
  /** used in the sandpack */
365
- ._toolbarButtonSelectTrigger_14xoe_251 {
368
+ ._toolbarButtonSelectTrigger_1g25u_251 {
366
369
  width: auto;
367
370
  padding-inline-start: var(--spacing-2) ;
368
371
  padding-inline-end: var(--spacing-1);
369
372
  }
370
373
 
371
- ._toolbarCodeBlockLanguageSelectTrigger_14xoe_285, ._toolbarCodeBlockLanguageSelectContent_14xoe_235
374
+ ._toolbarCodeBlockLanguageSelectTrigger_1g25u_288, ._toolbarCodeBlockLanguageSelectContent_1g25u_235
372
375
  {
373
376
  width: var(--spacing-48);
374
377
  }
375
378
 
376
- ._toolbarNodeKindSelectItem_14xoe_291, ._selectItem_14xoe_292
379
+ ._toolbarNodeKindSelectItem_1g25u_294, ._selectItem_1g25u_295
377
380
  {
378
381
  cursor: default;
379
382
  display: flex;
380
383
  padding: var(--spacing-2) var(--spacing-4);
381
384
  }
382
385
 
383
- ._toolbarNodeKindSelectItem_14xoe_291[data-highlighted], ._selectItem_14xoe_292[data-highlighted] {
386
+ ._toolbarNodeKindSelectItem_1g25u_294[data-highlighted], ._selectItem_1g25u_295[data-highlighted] {
384
387
  background-color: var(--baseBgSubtle);
385
388
  }
386
389
 
387
- ._toolbarNodeKindSelectItem_14xoe_291[data-state=checked], ._selectItem_14xoe_292[data-state=checked] {
390
+ ._toolbarNodeKindSelectItem_1g25u_294[data-state=checked], ._selectItem_1g25u_295[data-state=checked] {
388
391
  background-color: var(--accentBgActive);
389
392
  }
390
393
 
391
- ._toolbarNodeKindSelectItem_14xoe_291[data-highlighted], ._selectItem_14xoe_292[data-highlighted] {
394
+ ._toolbarNodeKindSelectItem_1g25u_294[data-highlighted], ._selectItem_1g25u_295[data-highlighted] {
392
395
  outline: none;
393
396
  }
394
397
 
395
- ._toolbarNodeKindSelectItem_14xoe_291:last-child, ._selectItem_14xoe_292:last-child {
398
+ ._toolbarNodeKindSelectItem_1g25u_294:last-child, ._selectItem_1g25u_295:last-child {
396
399
  border-bottom-left-radius: var(--radius-base);
397
400
  border-bottom-right-radius: var(--radius-base);
398
401
  }
399
402
 
400
- ._toolbarNodeKindSelectDropdownArrow_14xoe_316, ._selectDropdownArrow_14xoe_317 {
403
+ ._toolbarNodeKindSelectDropdownArrow_1g25u_319, ._selectDropdownArrow_1g25u_320 {
401
404
  margin-left: auto;
402
405
  }
403
406
 
404
- ._contentEditable_14xoe_321 {
407
+ ._contentEditable_1g25u_324 {
405
408
  box-sizing: border-box;
406
409
  width: 100%;
407
410
  color: var(--baseTextContrast);
408
411
  padding: var(--spacing-3);
409
412
  }
410
413
 
411
- ._contentEditable_14xoe_321:focus {
414
+ ._contentEditable_1g25u_324:focus {
412
415
  outline: none;
413
416
  }
414
417
 
415
- ._sandpackWrapper_14xoe_331 {
418
+ ._sandpackWrapper_1g25u_334 {
416
419
  margin-bottom:var(--spacing-5);
417
420
  }
418
421
 
419
- ._frontmatterWrapper_14xoe_335 {
422
+ ._frontmatterWrapper_1g25u_338 {
420
423
  border-radius: var(--radius-medium);
421
424
  padding: var(--spacing-3);
422
425
  background-color: var(--baseBgSubtle);
423
426
  }
424
427
 
425
- ._frontmatterWrapper_14xoe_335[data-expanded=true] {
428
+ ._frontmatterWrapper_1g25u_338[data-expanded=true] {
426
429
  margin-bottom: var(--spacing-10);
427
430
  }
428
431
 
429
- ._frontmatterToggleButton_14xoe_345 {
432
+ ._frontmatterToggleButton_1g25u_348 {
430
433
  border: 0;
431
434
  background-color: transparent;
432
435
  font-size: inherit;
@@ -442,7 +445,7 @@
442
445
  font-size: var(--text-sm);
443
446
  }
444
447
 
445
- ._propertyPanelTitle_14xoe_353 {
448
+ ._propertyPanelTitle_1g25u_356 {
446
449
  font-size: var(--text-xs);
447
450
  font-weight: 400;
448
451
  margin: 0;
@@ -450,49 +453,49 @@
450
453
  padding-left: var(--spacing-2);
451
454
  }
452
455
 
453
- ._propertyEditorTable_14xoe_361 {
456
+ ._propertyEditorTable_1g25u_364 {
454
457
  table-layout: fixed;
455
458
  border-spacing: var(--spacing-2);
456
459
  }
457
460
 
458
- ._propertyEditorTable_14xoe_361 th {
461
+ ._propertyEditorTable_1g25u_364 th {
459
462
  text-align: left;
460
463
  font-size: var(--text-sm);
461
464
  padding: var(--spacing-2) var(--spacing-3);
462
465
  }
463
466
 
464
- ._propertyEditorTable_14xoe_361 col:nth-child(1) {
467
+ ._propertyEditorTable_1g25u_364 col:nth-child(1) {
465
468
  width: 30%;
466
469
  }
467
470
 
468
- ._propertyEditorTable_14xoe_361 col:nth-child(2) {
471
+ ._propertyEditorTable_1g25u_364 col:nth-child(2) {
469
472
  width: 70%;
470
473
  }
471
474
 
472
- ._propertyEditorTable_14xoe_361 td:last-child ._iconButton_14xoe_378 {
475
+ ._propertyEditorTable_1g25u_364 td:last-child ._iconButton_1g25u_381 {
473
476
  margin-left: var(--spacing-4);
474
477
  margin-right: var(--spacing-4);
475
478
  }
476
479
 
477
- ._propertyEditorTable_14xoe_361 ._readOnlyColumnCell_14xoe_383 {
480
+ ._propertyEditorTable_1g25u_364 ._readOnlyColumnCell_1g25u_386 {
478
481
  padding-left: 0;
479
482
  }
480
483
 
481
- ._propertyEditorLabelCell_14xoe_388 {
484
+ ._propertyEditorLabelCell_1g25u_391 {
482
485
  font-weight: 400;
483
486
  }
484
487
 
485
- ._readOnlyColumnCell_14xoe_383 {
488
+ ._readOnlyColumnCell_1g25u_386 {
486
489
  padding-left: 0;
487
490
  }
488
491
 
489
- ._buttonsFooter_14xoe_396 {
492
+ ._buttonsFooter_1g25u_399 {
490
493
  display: flex;
491
494
  justify-content: flex-end;
492
495
  gap: var(--spacing-2);
493
496
  }
494
497
 
495
- ._propertyEditorInput_14xoe_402 {
498
+ ._propertyEditorInput_1g25u_405 {
496
499
  border: 0;
497
500
  background-color: transparent;
498
501
  font-size: inherit;
@@ -510,7 +513,7 @@
510
513
  font-size: var(--text-sm);
511
514
  }
512
515
 
513
- ._iconButton_14xoe_378 {
516
+ ._iconButton_1g25u_381 {
514
517
  border: 0;
515
518
  background-color: transparent;
516
519
  font-size: inherit;
@@ -523,7 +526,7 @@
523
526
  color:var(--baseText);
524
527
  }
525
528
 
526
- ._primaryButton_14xoe_417, ._secondaryButton_14xoe_417 {
529
+ ._primaryButton_1g25u_420, ._secondaryButton_1g25u_420 {
527
530
  border: 0;
528
531
  background-color: transparent;
529
532
  font-size: inherit;
@@ -541,25 +544,25 @@
541
544
  border-radius: var(--radius-medium);
542
545
  }
543
546
 
544
- ._secondaryButton_14xoe_417 {
547
+ ._secondaryButton_1g25u_420 {
545
548
  border: 1px solid var(--baseBorder);
546
549
  background-color: var(--baseSolidHover);
547
550
  color:var(--baseBase);
548
551
  }
549
552
 
550
- ._linkDialogEditForm_14xoe_433 {
553
+ ._linkDialogEditForm_1g25u_436 {
551
554
  display: flex;
552
555
  align-items: center;
553
556
  gap: var(--spacing-2);
554
557
  }
555
558
 
556
- ._linkDialogInputContainer_14xoe_439 {
559
+ ._linkDialogInputContainer_1g25u_442 {
557
560
  display: flex;
558
561
  flex-direction: column;
559
562
  align-items: stretch;
560
563
  }
561
564
 
562
- ._linkDialogInputWrapper_14xoe_445 {
565
+ ._linkDialogInputWrapper_1g25u_448 {
563
566
  display: flex;
564
567
  align-items: center;
565
568
  background-color: var(--baseBase);
@@ -568,13 +571,13 @@
568
571
  border:1px solid var(--baseBorder);
569
572
  }
570
573
 
571
- ._linkDialogInputWrapper_14xoe_445[data-visible-dropdown=true] {
574
+ ._linkDialogInputWrapper_1g25u_448[data-visible-dropdown=true] {
572
575
  border-bottom-left-radius: var(--radius-none) ;
573
576
  border-bottom-right-radius: var(--radius-none) ;
574
577
  border-bottom-width: 0;
575
578
  }
576
579
 
577
- ._linkDialogInputWrapper_14xoe_445 > button {
580
+ ._linkDialogInputWrapper_1g25u_448 > button {
578
581
  border: 0;
579
582
  background-color: transparent;
580
583
  font-size: inherit;
@@ -587,7 +590,7 @@
587
590
  padding-right: var(--spacing-2);
588
591
  }
589
592
 
590
- ._linkDialogInput_14xoe_439 {
593
+ ._linkDialogInput_1g25u_442 {
591
594
  border: 0;
592
595
  background-color: transparent;
593
596
  font-size: inherit;
@@ -602,19 +605,19 @@
602
605
  font-size: var(--text-sm);
603
606
  }
604
607
 
605
- ._linkDialogInput_14xoe_439::-moz-placeholder {
608
+ ._linkDialogInput_1g25u_442::-moz-placeholder {
606
609
  color: var(--baseBorder);
607
610
  }
608
611
 
609
- ._linkDialogInput_14xoe_439::placeholder {
612
+ ._linkDialogInput_1g25u_442::placeholder {
610
613
  color: var(--baseBorder);
611
614
  }
612
615
 
613
- ._linkDialogAutocompleteContainer_14xoe_475 {
616
+ ._linkDialogAutocompleteContainer_1g25u_478 {
614
617
  position: relative;
615
618
  }
616
619
 
617
- ._linkDialogAutocompleteContainer_14xoe_475 ul {
620
+ ._linkDialogAutocompleteContainer_1g25u_478 ul {
618
621
  all: unset;
619
622
  box-sizing: border-box;
620
623
  position: absolute;
@@ -631,11 +634,11 @@
631
634
  background-color: var(--baseBase);
632
635
  }
633
636
 
634
- ._linkDialogAutocompleteContainer_14xoe_475 ul[data-visible=true] {
637
+ ._linkDialogAutocompleteContainer_1g25u_478 ul[data-visible=true] {
635
638
  display: block;
636
639
  }
637
640
 
638
- ._linkDialogAutocompleteContainer_14xoe_475 ul li {
641
+ ._linkDialogAutocompleteContainer_1g25u_478 ul li {
639
642
  padding: var(--spacing-2) var(--spacing-3);
640
643
  white-space: nowrap;
641
644
  margin-bottom: var(--spacing-1);
@@ -643,34 +646,34 @@
643
646
  text-overflow: ellipsis;
644
647
  }
645
648
 
646
- ._linkDialogAutocompleteContainer_14xoe_475 ul li[data-selected=true] {
649
+ ._linkDialogAutocompleteContainer_1g25u_478 ul li[data-selected=true] {
647
650
  background-color: var(--baseBgSubtle);
648
651
  }
649
652
 
650
- ._linkDialogAutocompleteContainer_14xoe_475 ul li[data-highlighted=true] {
653
+ ._linkDialogAutocompleteContainer_1g25u_478 ul li[data-highlighted=true] {
651
654
  background-color: var(--baseBgHover);
652
655
  }
653
656
 
654
- ._linkDialogAutocompleteContainer_14xoe_475 ul li:last-of-type {
657
+ ._linkDialogAutocompleteContainer_1g25u_478 ul li:last-of-type {
655
658
  border-bottom-left-radius: var(--radius-medium) ;
656
659
  border-bottom-right-radius: var(--radius-medium) ;
657
660
  }
658
661
 
659
- ._linkDialogAnchor_14xoe_520 {
662
+ ._linkDialogAnchor_1g25u_523 {
660
663
  position: fixed;
661
664
  background-color: highlight;
662
665
  z-index: -1;
663
666
  }
664
667
 
665
- ._linkDialogAnchor_14xoe_520[data-visible=true] {
668
+ ._linkDialogAnchor_1g25u_523[data-visible=true] {
666
669
  visibility: visible;
667
670
  }
668
671
 
669
- ._linkDialogAnchor_14xoe_520[data-visible=false] {
672
+ ._linkDialogAnchor_1g25u_523[data-visible=false] {
670
673
  visibility: hidden;
671
674
  }
672
675
 
673
- ._linkDialogPopoverContent_14xoe_534, ._tableColumnEditorPopoverContent_14xoe_534, ._dialogContent_14xoe_534 {
676
+ ._linkDialogPopoverContent_1g25u_537, ._tableColumnEditorPopoverContent_1g25u_537, ._dialogContent_1g25u_537 {
674
677
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
675
678
  display: flex;
676
679
  align-items: center;
@@ -682,7 +685,7 @@
682
685
  font-size: var(--text-sm);
683
686
  }
684
687
 
685
- ._popoverContent_14xoe_546 {
688
+ ._popoverContent_1g25u_549 {
686
689
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
687
690
  display: flex;
688
691
  align-items: center;
@@ -693,13 +696,13 @@
693
696
  font-size: var(--text-sm);
694
697
  }
695
698
 
696
- ._popoverArrow_14xoe_557 {
699
+ ._popoverArrow_1g25u_560 {
697
700
  fill: var(--baseBgSubtle);
698
701
  }
699
702
 
700
703
 
701
704
 
702
- ._linkDialogPreviewAnchor_14xoe_563 {
705
+ ._linkDialogPreviewAnchor_1g25u_566 {
703
706
  margin-right: var(--spacing-3);
704
707
  display: flex;
705
708
  align-items: flex-start;
@@ -710,7 +713,7 @@
710
713
 
711
714
 
712
715
 
713
- ._linkDialogPreviewAnchor_14xoe_563 svg {
716
+ ._linkDialogPreviewAnchor_1g25u_566 svg {
714
717
  width: var(--spacing-5);
715
718
  height: var(--spacing-5);
716
719
  margin-left: var(--spacing-2);
@@ -718,14 +721,14 @@
718
721
 
719
722
 
720
723
 
721
- ._linkDialogPreviewAnchor_14xoe_563 span {
724
+ ._linkDialogPreviewAnchor_1g25u_566 span {
722
725
  max-width: 14rem;
723
726
  overflow-x: hidden;
724
727
  text-overflow: ellipsis;
725
728
  white-space: nowrap;
726
729
  }
727
730
 
728
- ._tooltipContent_14xoe_585 {
731
+ ._tooltipContent_1g25u_588 {
729
732
  z-index: 2;
730
733
  position: relative;
731
734
  border-radius: var(--radius-medium);
@@ -735,11 +738,11 @@
735
738
  color: var(--baseBase);
736
739
  }
737
740
 
738
- ._tooltipContent_14xoe_585 svg {
741
+ ._tooltipContent_1g25u_588 svg {
739
742
  fill: var(--baseText);
740
743
  }
741
744
 
742
- ._actionButton_14xoe_599 {
745
+ ._actionButton_1g25u_602 {
743
746
  border: 0;
744
747
  background-color: transparent;
745
748
  font-size: inherit;
@@ -754,33 +757,33 @@
754
757
  border-radius: var(--radius-medium);
755
758
  }
756
759
 
757
- ._actionButton_14xoe_599 svg {
760
+ ._actionButton_1g25u_602 svg {
758
761
  display: block;
759
762
  }
760
763
 
761
- ._actionButton_14xoe_599:hover {
764
+ ._actionButton_1g25u_602:hover {
762
765
  background-color: var(--baseBgHover);
763
766
  }
764
767
 
765
- ._actionButton_14xoe_599:active svg {
768
+ ._actionButton_1g25u_602:active svg {
766
769
  transform: translate(1px, 1px);
767
770
  }
768
771
 
769
- ._actionButton_14xoe_599[data-state=on], ._actionButton_14xoe_599:active {
772
+ ._actionButton_1g25u_602[data-state=on], ._actionButton_1g25u_602:active {
770
773
  background-color: var(--accentBgActive);
771
774
  }
772
775
 
773
- ._primaryActionButton_14xoe_605 {
776
+ ._primaryActionButton_1g25u_608 {
774
777
  background-color: var(--accentSolid);
775
778
  color:var(--baseBase);
776
779
  }
777
780
 
778
- ._primaryActionButton_14xoe_605:hover {
781
+ ._primaryActionButton_1g25u_608:hover {
779
782
  background-color: var(--accentSolidHover);
780
783
  color:var(--baseBase);
781
784
  }
782
785
 
783
- ._tableEditor_14xoe_614 {
786
+ ._tableEditor_1g25u_617 {
784
787
  table-layout: fixed;
785
788
  width: 100%;
786
789
  height: 100%;
@@ -788,50 +791,50 @@
788
791
  border-collapse: collapse;
789
792
  }
790
793
 
791
- ._tableEditor_14xoe_614 thead > tr > th {
794
+ ._tableEditor_1g25u_617 thead > tr > th {
792
795
  text-align: right;
793
796
  }
794
797
 
795
- ._tableEditor_14xoe_614 > tbody > tr > td:not(._toolCell_14xoe_625) {
798
+ ._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) {
796
799
  border: 1px solid var(--baseBorder);
797
800
  padding: var(--spacing-1) var(--spacing-2);
798
801
  white-space: normal;
799
802
  }
800
803
 
801
- ._tableEditor_14xoe_614 > tbody > tr > td:not(._toolCell_14xoe_625) > div {
804
+ ._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) > div {
802
805
  outline: none;
803
806
  }
804
807
 
805
- ._tableEditor_14xoe_614 > tbody > tr > td:not(._toolCell_14xoe_625) > div > p {
808
+ ._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) > div > p {
806
809
  margin: 0;
807
810
  }
808
811
 
809
- ._tableEditor_14xoe_614 > tbody > tr > td[data-active=true]:not(._toolCell_14xoe_625) {
812
+ ._tableEditor_1g25u_617 > tbody > tr > td[data-active=true]:not(._toolCell_1g25u_628) {
810
813
  outline: solid 2px var(--accentSolid)
811
814
  }
812
815
 
813
- ._tableEditor_14xoe_614 ._tableColumnEditorTrigger_14xoe_642, ._tableEditor_14xoe_614 ._tableRowEditorTrigger_14xoe_642, ._tableEditor_14xoe_614 ._addRowButton_14xoe_642, ._tableEditor_14xoe_614 ._addColumnButton_14xoe_642, ._tableEditor_14xoe_614 ._iconButton_14xoe_378 {
816
+ ._tableEditor_1g25u_617 ._tableColumnEditorTrigger_1g25u_645, ._tableEditor_1g25u_617 ._tableRowEditorTrigger_1g25u_645, ._tableEditor_1g25u_617 ._addRowButton_1g25u_645, ._tableEditor_1g25u_617 ._addColumnButton_1g25u_645, ._tableEditor_1g25u_617 ._iconButton_1g25u_381 {
814
817
  opacity: .2;
815
818
  }
816
819
 
817
- ._tableEditor_14xoe_614:hover ._tableColumnEditorTrigger_14xoe_642, ._tableEditor_14xoe_614:hover ._tableRowEditorTrigger_14xoe_642, ._tableEditor_14xoe_614:hover ._addRowButton_14xoe_642, ._tableEditor_14xoe_614:hover ._addColumnButton_14xoe_642, ._tableEditor_14xoe_614:hover ._iconButton_14xoe_378 {
820
+ ._tableEditor_1g25u_617:hover ._tableColumnEditorTrigger_1g25u_645, ._tableEditor_1g25u_617:hover ._tableRowEditorTrigger_1g25u_645, ._tableEditor_1g25u_617:hover ._addRowButton_1g25u_645, ._tableEditor_1g25u_617:hover ._addColumnButton_1g25u_645, ._tableEditor_1g25u_617:hover ._iconButton_1g25u_381 {
818
821
  opacity: .5;
819
822
  }
820
823
 
821
- ._tableEditor_14xoe_614:hover ._tableColumnEditorTrigger_14xoe_642:hover, ._tableEditor_14xoe_614:hover ._tableRowEditorTrigger_14xoe_642:hover, ._tableEditor_14xoe_614:hover ._addRowButton_14xoe_642:hover, ._tableEditor_14xoe_614:hover ._addColumnButton_14xoe_642:hover, ._tableEditor_14xoe_614:hover ._iconButton_14xoe_378:hover {
824
+ ._tableEditor_1g25u_617:hover ._tableColumnEditorTrigger_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._tableRowEditorTrigger_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._addRowButton_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._addColumnButton_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._iconButton_1g25u_381:hover {
822
825
  opacity: 1;
823
826
  }
824
827
 
825
- ._toolCell_14xoe_625 {
828
+ ._toolCell_1g25u_628 {
826
829
  text-align: right;
827
830
  }
828
831
 
829
- ._toolCell_14xoe_625 button {
832
+ ._toolCell_1g25u_628 button {
830
833
  margin: auto;
831
834
  display: block;
832
835
  }
833
836
 
834
- ._tableColumnEditorTrigger_14xoe_642 {
837
+ ._tableColumnEditorTrigger_1g25u_645 {
835
838
  border: 0;
836
839
  background-color: transparent;
837
840
  font-size: inherit;
@@ -847,31 +850,31 @@
847
850
  opacity: 0.2;
848
851
  }
849
852
 
850
- ._tableColumnEditorTrigger_14xoe_642 svg {
853
+ ._tableColumnEditorTrigger_1g25u_645 svg {
851
854
  display: block;
852
855
  }
853
856
 
854
- ._tableColumnEditorTrigger_14xoe_642:hover {
857
+ ._tableColumnEditorTrigger_1g25u_645:hover {
855
858
  background-color: var(--baseBgHover);
856
859
  }
857
860
 
858
- ._tableColumnEditorTrigger_14xoe_642:active svg {
861
+ ._tableColumnEditorTrigger_1g25u_645:active svg {
859
862
  transform: translate(1px, 1px);
860
863
  }
861
864
 
862
- ._tableColumnEditorTrigger_14xoe_642[data-state=on], ._tableColumnEditorTrigger_14xoe_642:active {
865
+ ._tableColumnEditorTrigger_1g25u_645[data-state=on], ._tableColumnEditorTrigger_1g25u_645:active {
863
866
  background-color: var(--accentBgActive);
864
867
  }
865
868
 
866
- ._tableColumnEditorTrigger_14xoe_642[data-active=true] {
869
+ ._tableColumnEditorTrigger_1g25u_645[data-active=true] {
867
870
  opacity: 1;
868
871
  }
869
872
 
870
- ._tableColumnEditorToolbar_14xoe_676 {
873
+ ._tableColumnEditorToolbar_1g25u_679 {
871
874
  display: flex;
872
875
  }
873
876
 
874
- ._tableColumnEditorToolbar_14xoe_676 > button {
877
+ ._tableColumnEditorToolbar_1g25u_679 > button {
875
878
  border: 0;
876
879
  background-color: transparent;
877
880
  font-size: inherit;
@@ -884,34 +887,34 @@
884
887
  padding: var(--spacing-2);
885
888
  }
886
889
 
887
- ._tableColumnEditorToolbar_14xoe_676 > button svg {
890
+ ._tableColumnEditorToolbar_1g25u_679 > button svg {
888
891
  display: block;
889
892
  }
890
893
 
891
- ._tableColumnEditorToolbar_14xoe_676 > button:hover {
894
+ ._tableColumnEditorToolbar_1g25u_679 > button:hover {
892
895
  background-color: var(--baseBgHover);
893
896
  }
894
897
 
895
- ._tableColumnEditorToolbar_14xoe_676 > button:active svg {
898
+ ._tableColumnEditorToolbar_1g25u_679 > button:active svg {
896
899
  transform: translate(1px, 1px);
897
900
  }
898
901
 
899
- ._tableColumnEditorToolbar_14xoe_676 > button[data-state=on], ._tableColumnEditorToolbar_14xoe_676 > button:active {
902
+ ._tableColumnEditorToolbar_1g25u_679 > button[data-state=on], ._tableColumnEditorToolbar_1g25u_679 > button:active {
900
903
  background-color: var(--accentBgActive);
901
904
  }
902
905
 
903
- ._tableColumnEditorToolbar_14xoe_676 [role=separator] {
906
+ ._tableColumnEditorToolbar_1g25u_679 [role=separator] {
904
907
  margin-left: var(--spacing-1);
905
908
  margin-right: var(--spacing-1);
906
909
  }
907
910
 
908
911
 
909
- ._toggleGroupRoot_14xoe_688 {
912
+ ._toggleGroupRoot_1g25u_691 {
910
913
  display: inline-flex;
911
914
  }
912
915
 
913
916
 
914
- ._toggleGroupRoot_14xoe_688 button {
917
+ ._toggleGroupRoot_1g25u_691 button {
915
918
  border: 0;
916
919
  background-color: transparent;
917
920
  font-size: inherit;
@@ -925,59 +928,59 @@
925
928
  }
926
929
 
927
930
 
928
- ._toggleGroupRoot_14xoe_688 button svg {
931
+ ._toggleGroupRoot_1g25u_691 button svg {
929
932
  display: block;
930
933
  }
931
934
 
932
935
 
933
- ._toggleGroupRoot_14xoe_688 button:hover {
936
+ ._toggleGroupRoot_1g25u_691 button:hover {
934
937
  background-color: var(--baseBgHover);
935
938
  }
936
939
 
937
940
 
938
- ._toggleGroupRoot_14xoe_688 button:active svg {
941
+ ._toggleGroupRoot_1g25u_691 button:active svg {
939
942
  transform: translate(1px, 1px);
940
943
  }
941
944
 
942
945
 
943
- ._toggleGroupRoot_14xoe_688 button[data-state=on], ._toggleGroupRoot_14xoe_688 button:active {
946
+ ._toggleGroupRoot_1g25u_691 button[data-state=on], ._toggleGroupRoot_1g25u_691 button:active {
944
947
  background-color: var(--accentBgActive);
945
948
  }
946
949
 
947
950
 
948
- ._toggleGroupRoot_14xoe_688 button:first-child {
951
+ ._toggleGroupRoot_1g25u_691 button:first-child {
949
952
  border-top-left-radius: var(--radius-base);
950
953
  border-bottom-left-radius: var(--radius-base);
951
954
  }
952
955
 
953
956
 
954
- ._toggleGroupRoot_14xoe_688 button:last-child {
957
+ ._toggleGroupRoot_1g25u_691 button:last-child {
955
958
  border-top-right-radius: var(--radius-base);
956
959
  border-bottom-right-radius: var(--radius-base);
957
960
  }
958
961
 
959
- ._tableToolsColumn_14xoe_705 {
962
+ ._tableToolsColumn_1g25u_708 {
960
963
  width: 3rem;
961
964
  }
962
965
 
963
- ._tableToolsColumn_14xoe_705 button {
966
+ ._tableToolsColumn_1g25u_708 button {
964
967
  margin: auto;
965
968
  display: block;
966
969
  }
967
970
 
968
- ._leftAlignedCell_14xoe_713 {
971
+ ._leftAlignedCell_1g25u_716 {
969
972
  text-align: left;
970
973
  }
971
974
 
972
- ._rightAlignedCell_14xoe_717 {
975
+ ._rightAlignedCell_1g25u_720 {
973
976
  text-align: right;
974
977
  }
975
978
 
976
- ._centeredCell_14xoe_721 {
979
+ ._centeredCell_1g25u_724 {
977
980
  text-align: center;
978
981
  }
979
982
 
980
- ._addColumnButton_14xoe_642, ._addRowButton_14xoe_642 {
983
+ ._addColumnButton_1g25u_645, ._addRowButton_1g25u_645 {
981
984
  border: 0;
982
985
  background-color: transparent;
983
986
  font-size: inherit;
@@ -995,61 +998,61 @@
995
998
  border-radius: var(--radius-medium);
996
999
  }
997
1000
 
998
- ._addColumnButton_14xoe_642 svg, ._addRowButton_14xoe_642 svg {
1001
+ ._addColumnButton_1g25u_645 svg, ._addRowButton_1g25u_645 svg {
999
1002
  display: block;
1000
1003
  }
1001
1004
 
1002
- ._addColumnButton_14xoe_642:hover, ._addRowButton_14xoe_642:hover {
1005
+ ._addColumnButton_1g25u_645:hover, ._addRowButton_1g25u_645:hover {
1003
1006
  background-color: var(--baseBgHover);
1004
1007
  }
1005
1008
 
1006
- ._addColumnButton_14xoe_642:active svg, ._addRowButton_14xoe_642:active svg {
1009
+ ._addColumnButton_1g25u_645:active svg, ._addRowButton_1g25u_645:active svg {
1007
1010
  transform: translate(1px, 1px);
1008
1011
  }
1009
1012
 
1010
- ._addColumnButton_14xoe_642[data-state=on], ._addRowButton_14xoe_642[data-state=on], ._addColumnButton_14xoe_642:active, ._addRowButton_14xoe_642:active {
1013
+ ._addColumnButton_1g25u_645[data-state=on], ._addRowButton_1g25u_645[data-state=on], ._addColumnButton_1g25u_645:active, ._addRowButton_1g25u_645:active {
1011
1014
  background-color: var(--accentBgActive);
1012
1015
  }
1013
1016
 
1014
- ._addColumnButton_14xoe_642 svg, ._addRowButton_14xoe_642 svg {
1017
+ ._addColumnButton_1g25u_645 svg, ._addRowButton_1g25u_645 svg {
1015
1018
  margin: auto;
1016
1019
  }
1017
1020
 
1018
- ._addRowButton_14xoe_642 {
1021
+ ._addRowButton_1g25u_645 {
1019
1022
  width: 100%;
1020
1023
  margin-top: var(--spacing-2);
1021
1024
  box-sizing: border-box;
1022
1025
  }
1023
1026
 
1024
- ._addColumnButton_14xoe_642 {
1027
+ ._addColumnButton_1g25u_645 {
1025
1028
  margin-left: var(--spacing-2);
1026
1029
  height: 100%;
1027
1030
  }
1028
1031
 
1029
1032
  /** Dialog */
1030
- ._dialogOverlay_14xoe_749 {
1033
+ ._dialogOverlay_1g25u_752 {
1031
1034
  position: fixed;
1032
1035
  inset: 0;
1033
- animation: _overlayShow_14xoe_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1036
+ animation: _overlayShow_1g25u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1034
1037
  background-color: var(--baseBase);
1035
1038
  z-index: 51;
1036
1039
  opacity: 0.5;
1037
1040
  }
1038
1041
 
1039
- ._dialogContent_14xoe_534 {
1042
+ ._dialogContent_1g25u_537 {
1040
1043
  position: fixed;
1041
1044
  top: 50%;
1042
1045
  left: 50%;
1043
1046
  transform: translate(-50%, -50%);
1044
- animation: _contentShow_14xoe_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1047
+ animation: _contentShow_1g25u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1045
1048
  z-index: 52;
1046
1049
  }
1047
- ._dialogContent_14xoe_534:focus {
1050
+ ._dialogContent_1g25u_537:focus {
1048
1051
  outline: none;
1049
1052
  }
1050
1053
 
1051
1054
 
1052
- @keyframes _overlayShow_14xoe_1 {
1055
+ @keyframes _overlayShow_1g25u_1 {
1053
1056
  from {
1054
1057
  opacity: 0;
1055
1058
  }
@@ -1058,7 +1061,7 @@
1058
1061
  }
1059
1062
  }
1060
1063
 
1061
- @keyframes _contentShow_14xoe_1 {
1064
+ @keyframes _contentShow_1g25u_1 {
1062
1065
  from {
1063
1066
  opacity: 0;
1064
1067
  transform: translate(-50%, -48%) scale(0.96);
@@ -1069,22 +1072,22 @@
1069
1072
  }
1070
1073
  }
1071
1074
 
1072
- ._focusedImage_14xoe_791 {
1075
+ ._focusedImage_1g25u_794 {
1073
1076
  outline: highlight solid 2px;
1074
1077
  }
1075
1078
 
1076
- ._imageWrapper_14xoe_795 {
1079
+ ._imageWrapper_1g25u_798 {
1077
1080
  display: inline-block;
1078
1081
  position: relative;
1079
1082
  }
1080
1083
 
1081
- ._imageWrapper_14xoe_795[draggable=true] {
1084
+ ._imageWrapper_1g25u_798[draggable=true] {
1082
1085
  cursor: move; /* fallback if grab cursor is unsupported */
1083
1086
  cursor: grab;
1084
1087
  cursor: -webkit-grab;
1085
1088
  }
1086
1089
 
1087
- ._inlineEditor_14xoe_807 {
1090
+ ._inlineEditor_1g25u_810 {
1088
1091
  display: inline-flex;
1089
1092
  border-radius: var(--radius-medium);
1090
1093
  padding: var(--spacing-1);
@@ -1093,7 +1096,7 @@
1093
1096
  background: var(--baseBg);
1094
1097
  }
1095
1098
 
1096
- ._blockEditor_14xoe_816 {
1099
+ ._blockEditor_1g25u_819 {
1097
1100
  display: flex;
1098
1101
  justify-content: stretch;
1099
1102
  border-radius: var(--radius-medium);
@@ -1103,71 +1106,71 @@
1103
1106
  background: var(--baseBg);
1104
1107
  }
1105
1108
 
1106
- ._blockEditor_14xoe_816 ._nestedEditor_14xoe_825 {
1109
+ ._blockEditor_1g25u_819 ._nestedEditor_1g25u_828 {
1107
1110
  flex-grow: 1;
1108
1111
  }
1109
1112
 
1110
- ._nestedEditor_14xoe_825 {
1113
+ ._nestedEditor_1g25u_828 {
1111
1114
  background: white;
1112
1115
  padding: var(--spacing-1) var(--spacing-2);
1113
1116
  border-radius: var(--radius-medium);
1114
1117
  }
1115
1118
 
1116
- ._nestedEditor_14xoe_825 > p {
1119
+ ._nestedEditor_1g25u_828 > p {
1117
1120
  margin: 0;
1118
1121
  }
1119
1122
 
1120
- ._nestedEditor_14xoe_825:focus {
1123
+ ._nestedEditor_1g25u_828:focus {
1121
1124
  outline: none;
1122
1125
  }
1123
1126
 
1124
- ._genericComponentName_14xoe_842 {
1127
+ ._genericComponentName_1g25u_845 {
1125
1128
  font-size: var(--text-sm);
1126
1129
  color: var(--baseText);
1127
1130
  padding-right: var(--spacing-2);
1128
1131
  }
1129
1132
 
1130
- ._diffSourceToggle_14xoe_848 {
1133
+ ._diffSourceToggle_1g25u_851 {
1131
1134
  border: 1px solid var(--baseBorder);
1132
1135
  border-radius: var(--radius-medium);
1133
1136
  display: flex;
1134
1137
  }
1135
1138
 
1136
- ._diffSourceToggle_14xoe_848 ._toolbarToggleItem_14xoe_170 {
1139
+ ._diffSourceToggle_1g25u_851 ._toolbarToggleItem_1g25u_170 {
1137
1140
  padding: 0;
1138
1141
  }
1139
1142
 
1140
- ._diffSourceToggle_14xoe_848 ._toolbarToggleItem_14xoe_170 > span {
1143
+ ._diffSourceToggle_1g25u_851 ._toolbarToggleItem_1g25u_170 > span {
1141
1144
  display: block;
1142
1145
  padding: var(--spacing-2) var(--spacing-3);
1143
1146
  }
1144
1147
 
1145
- ._selectWithLabel_14xoe_862 {
1148
+ ._selectWithLabel_1g25u_865 {
1146
1149
  display: flex;
1147
1150
  align-items: center;
1148
1151
  gap: var(--spacing-2);
1149
1152
  margin-left: var(--spacing-2);
1150
1153
  }
1151
1154
 
1152
- ._selectWithLabel_14xoe_862 > label {
1155
+ ._selectWithLabel_1g25u_865 > label {
1153
1156
  font-size: var(--text-sm);
1154
1157
  }
1155
1158
 
1156
- ._selectWithLabel_14xoe_862 ._selectTrigger_14xoe_252 {
1159
+ ._selectWithLabel_1g25u_865 ._selectTrigger_1g25u_252 {
1157
1160
  border: 1px solid var(--baseBorder);
1158
1161
  }
1159
1162
 
1160
- ._toolbarTitleMode_14xoe_876 {
1163
+ ._toolbarTitleMode_1g25u_879 {
1161
1164
  font-size: var(--text-sm);
1162
1165
  margin-left: var(--spacing-2);
1163
1166
  }
1164
1167
 
1165
1168
 
1166
- ._imageControlWrapperResizing_14xoe_882 {
1169
+ ._imageControlWrapperResizing_1g25u_885 {
1167
1170
  touch-action: none;
1168
1171
  }
1169
1172
 
1170
- ._imageResizer_14xoe_886 {
1173
+ ._imageResizer_1g25u_889 {
1171
1174
  display: block;
1172
1175
  width: 7px;
1173
1176
  height: 7px;
@@ -1176,53 +1179,72 @@
1176
1179
  border: 1px solid var(--baseBg);
1177
1180
  }
1178
1181
 
1179
- ._imageResizer_14xoe_886._imageResizerN_14xoe_895 {
1182
+ ._imageResizer_1g25u_889._imageResizerN_1g25u_898 {
1180
1183
  top: -6px;
1181
1184
  left: 48%;
1182
1185
  cursor: n-resize;
1183
1186
  }
1184
1187
 
1185
- ._imageResizer_14xoe_886._imageResizerNe_14xoe_901 {
1188
+ ._imageResizer_1g25u_889._imageResizerNe_1g25u_904 {
1186
1189
  top: -6px;
1187
1190
  right: -6px;
1188
1191
  cursor: ne-resize;
1189
1192
  }
1190
1193
 
1191
- ._imageResizer_14xoe_886._imageResizerE_14xoe_907 {
1194
+ ._imageResizer_1g25u_889._imageResizerE_1g25u_910 {
1192
1195
  bottom: 48%;
1193
1196
  right: -6px;
1194
1197
  cursor: e-resize;
1195
1198
  }
1196
1199
 
1197
- ._imageResizer_14xoe_886._imageResizerSe_14xoe_913 {
1200
+ ._imageResizer_1g25u_889._imageResizerSe_1g25u_916 {
1198
1201
  bottom: -2px;
1199
1202
  right: -6px;
1200
1203
  cursor: nwse-resize;
1201
1204
  }
1202
1205
 
1203
- ._imageResizer_14xoe_886._imageResizerS_14xoe_913 {
1206
+ ._imageResizer_1g25u_889._imageResizerS_1g25u_916 {
1204
1207
  bottom: -2px;
1205
1208
  left: 48%;
1206
1209
  cursor: s-resize;
1207
1210
  }
1208
1211
 
1209
- ._imageResizer_14xoe_886._imageResizerSw_14xoe_925 {
1212
+ ._imageResizer_1g25u_889._imageResizerSw_1g25u_928 {
1210
1213
  bottom: -2px;
1211
1214
  left: -6px;
1212
1215
  cursor: sw-resize;
1213
1216
  }
1214
1217
 
1215
- ._imageResizer_14xoe_886._imageResizerW_14xoe_931 {
1218
+ ._imageResizer_1g25u_889._imageResizerW_1g25u_934 {
1216
1219
  bottom: 48%;
1217
1220
  left: -6px;
1218
1221
  cursor: w-resize;
1219
1222
  }
1220
1223
 
1221
- ._imageResizer_14xoe_886._imageResizerNw_14xoe_937 {
1224
+ ._imageResizer_1g25u_889._imageResizerNw_1g25u_940 {
1222
1225
  top: -6px;
1223
1226
  left: -6px;
1224
1227
  cursor: nw-resize;
1225
1228
  }
1229
+
1230
+ ._placeholder_1g25u_946 {
1231
+ color: var(--baseSolid);
1232
+ overflow: hidden;
1233
+ position: absolute;
1234
+ top: 0;
1235
+ padding: var(--spacing-3);
1236
+ text-overflow: ellipsis;
1237
+ -webkit-user-select: none;
1238
+ -moz-user-select: none;
1239
+ user-select: none;
1240
+ white-space: nowrap;
1241
+ display: inline-block;
1242
+ pointer-events: none;
1243
+ }
1244
+
1245
+ ._rootContentEditableWrapper_1g25u_959 {
1246
+ position: relative;
1247
+ }
1226
1248
  :root, ._light-theme_13nbk_1 {
1227
1249
  --blue1: hsl(206, 100%, 99.2%);
1228
1250
  --blue2: hsl(210, 100%, 98.0%);