@mdxeditor/editor 0.12.0 → 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 (39) hide show
  1. package/dist/MDXEditor.d.ts +4 -0
  2. package/dist/MDXEditor.js +11 -10
  3. package/dist/plugins/codeblock/index.d.ts +13 -3
  4. package/dist/plugins/codemirror/index.d.ts +17 -3
  5. package/dist/plugins/core/NestedLexicalEditor.d.ts +1 -1
  6. package/dist/plugins/core/NestedLexicalEditor.js +4 -4
  7. package/dist/plugins/core/SharedHistoryPlugin.js +1 -1
  8. package/dist/plugins/core/index.d.ts +12 -3
  9. package/dist/plugins/core/index.js +4 -1
  10. package/dist/plugins/diff-source/index.d.ts +13 -3
  11. package/dist/plugins/directives/index.d.ts +13 -3
  12. package/dist/plugins/frontmatter/index.d.ts +13 -3
  13. package/dist/plugins/headings/index.d.ts +3 -1
  14. package/dist/plugins/image/ImageEditor.js +2 -2
  15. package/dist/plugins/image/index.d.ts +13 -3
  16. package/dist/plugins/jsx/index.d.ts +12 -2
  17. package/dist/plugins/link/AutoLinkPlugin.d.ts +9 -0
  18. package/dist/plugins/link/AutoLinkPlugin.js +18 -0
  19. package/dist/plugins/link/index.d.ts +21 -4
  20. package/dist/plugins/link/index.js +16 -5
  21. package/dist/plugins/link-dialog/index.d.ts +11 -3
  22. package/dist/plugins/link-dialog/index.js +1 -0
  23. package/dist/plugins/lists/index.d.ts +13 -3
  24. package/dist/plugins/lists/index.js +2 -2
  25. package/dist/plugins/markdown-shortcut/index.d.ts +1 -0
  26. package/dist/plugins/markdown-shortcut/index.js +1 -1
  27. package/dist/plugins/quote/index.d.ts +10 -3
  28. package/dist/plugins/sandpack/index.d.ts +16 -2
  29. package/dist/plugins/table/TableEditor.js +5 -5
  30. package/dist/plugins/table/index.d.ts +13 -3
  31. package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.d.ts +1 -1
  32. package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.js +1 -1
  33. package/dist/plugins/thematic-break/MdastThematicBreakVisitor.js +1 -1
  34. package/dist/plugins/thematic-break/index.d.ts +13 -3
  35. package/dist/plugins/thematic-break/index.js +2 -2
  36. package/dist/plugins/toolbar/index.d.ts +10 -2
  37. package/dist/style.css +184 -165
  38. package/dist/styles/ui.module.css.js +90 -84
  39. 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_1ixsf_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_1ixsf_130 {
217
+ ._editorWrapper_1g25u_130 {
218
218
  }
219
219
 
220
- ._nestedListItem_1ixsf_133 {
220
+ ._nestedListItem_1g25u_133 {
221
221
  list-style: none;
222
222
  }
223
223
 
224
- ._toolbarRoot_1ixsf_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_1ixsf_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_1ixsf_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_1ixsf_161 ._toolbarToggleItem_1ixsf_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_1ixsf_161 ._toolbarToggleItem_1ixsf_170:active, ._toolbarModeSwitch_1ixsf_161 ._toolbarToggleItem_1ixsf_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_1ixsf_180 {
267
+ ._toolbarGroupOfGroups_1g25u_180 {
268
268
  display: flex;
269
269
  margin: 0 var(--spacing-1);
270
270
  }
271
271
 
272
- ._toolbarToggleSingleGroup_1ixsf_185:first-of-type ._toolbarToggleItem_1ixsf_170:only-child, ._toolbarToggleSingleGroup_1ixsf_185:only-child ._toolbarToggleItem_1ixsf_170:first-child, ._toolbarModeSwitch_1ixsf_161 ._toolbarToggleItem_1ixsf_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_1ixsf_185:last-of-type ._toolbarToggleItem_1ixsf_170:only-child, ._toolbarToggleSingleGroup_1ixsf_185:only-child ._toolbarToggleItem_1ixsf_170:last-child, ._toolbarModeSwitch_1ixsf_161 ._toolbarToggleItem_1ixsf_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_1ixsf_170, ._toolbarButton_1ixsf_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_1ixsf_170 svg, ._toolbarButton_1ixsf_199 svg {
295
+ ._toolbarToggleItem_1g25u_170 svg, ._toolbarButton_1g25u_199 svg {
296
296
  display: block;
297
297
  }
298
298
 
299
- ._toolbarToggleItem_1ixsf_170:hover, ._toolbarButton_1ixsf_199:hover {
299
+ ._toolbarToggleItem_1g25u_170:hover, ._toolbarButton_1g25u_199:hover {
300
300
  background-color: var(--baseBgHover);
301
301
  }
302
302
 
303
- ._toolbarToggleItem_1ixsf_170:active svg, ._toolbarButton_1ixsf_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_1ixsf_170[data-state=on], ._toolbarButton_1ixsf_199[data-state=on], ._toolbarToggleItem_1ixsf_170:active, ._toolbarButton_1ixsf_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_1ixsf_170[data-disabled], ._toolbarButton_1ixsf_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_1ixsf_199 {
316
+ ._toolbarButton_1g25u_199 {
317
317
  border-radius: var(--radius-base);
318
318
  }
319
319
 
320
- ._toolbarToggleSingleGroup_1ixsf_185 {
320
+ ._toolbarToggleSingleGroup_1g25u_185 {
321
321
  white-space: nowrap;
322
322
  }
323
323
 
324
- ._toolbarNodeKindSelectContainer_1ixsf_233, ._toolbarButtonDropdownContainer_1ixsf_234, ._toolbarCodeBlockLanguageSelectContent_1ixsf_235, ._selectContainer_1ixsf_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_1ixsf_234 {
334
+ ._toolbarButtonDropdownContainer_1g25u_234 {
335
335
  border-top-right-radius: var(--radius-base);
336
336
  }
337
337
 
338
- ._toolbarNodeKindSelectTrigger_1ixsf_250, ._toolbarButtonSelectTrigger_1ixsf_251, ._selectTrigger_1ixsf_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,85 +351,85 @@
351
351
  font-size: var(--text-sm);
352
352
  }
353
353
 
354
- ._toolbarNodeKindSelectTrigger_1ixsf_250:hover, ._toolbarButtonSelectTrigger_1ixsf_251:hover, ._selectTrigger_1ixsf_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_1ixsf_250[data-state=open], ._toolbarButtonSelectTrigger_1ixsf_251[data-state=open], ._selectTrigger_1ixsf_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_1ixsf_252[data-placeholder] > span:first-child {
363
+ ._selectTrigger_1g25u_252[data-placeholder] > span:first-child {
364
364
  color: var(--baseBorderHover);
365
365
  }
366
366
 
367
367
  /** used in the sandpack */
368
- ._toolbarButtonSelectTrigger_1ixsf_251 {
368
+ ._toolbarButtonSelectTrigger_1g25u_251 {
369
369
  width: auto;
370
370
  padding-inline-start: var(--spacing-2) ;
371
371
  padding-inline-end: var(--spacing-1);
372
372
  }
373
373
 
374
- ._toolbarCodeBlockLanguageSelectTrigger_1ixsf_288, ._toolbarCodeBlockLanguageSelectContent_1ixsf_235
374
+ ._toolbarCodeBlockLanguageSelectTrigger_1g25u_288, ._toolbarCodeBlockLanguageSelectContent_1g25u_235
375
375
  {
376
376
  width: var(--spacing-48);
377
377
  }
378
378
 
379
- ._toolbarNodeKindSelectItem_1ixsf_294, ._selectItem_1ixsf_295
379
+ ._toolbarNodeKindSelectItem_1g25u_294, ._selectItem_1g25u_295
380
380
  {
381
381
  cursor: default;
382
382
  display: flex;
383
383
  padding: var(--spacing-2) var(--spacing-4);
384
384
  }
385
385
 
386
- ._toolbarNodeKindSelectItem_1ixsf_294[data-highlighted], ._selectItem_1ixsf_295[data-highlighted] {
386
+ ._toolbarNodeKindSelectItem_1g25u_294[data-highlighted], ._selectItem_1g25u_295[data-highlighted] {
387
387
  background-color: var(--baseBgSubtle);
388
388
  }
389
389
 
390
- ._toolbarNodeKindSelectItem_1ixsf_294[data-state=checked], ._selectItem_1ixsf_295[data-state=checked] {
390
+ ._toolbarNodeKindSelectItem_1g25u_294[data-state=checked], ._selectItem_1g25u_295[data-state=checked] {
391
391
  background-color: var(--accentBgActive);
392
392
  }
393
393
 
394
- ._toolbarNodeKindSelectItem_1ixsf_294[data-highlighted], ._selectItem_1ixsf_295[data-highlighted] {
394
+ ._toolbarNodeKindSelectItem_1g25u_294[data-highlighted], ._selectItem_1g25u_295[data-highlighted] {
395
395
  outline: none;
396
396
  }
397
397
 
398
- ._toolbarNodeKindSelectItem_1ixsf_294:last-child, ._selectItem_1ixsf_295:last-child {
398
+ ._toolbarNodeKindSelectItem_1g25u_294:last-child, ._selectItem_1g25u_295:last-child {
399
399
  border-bottom-left-radius: var(--radius-base);
400
400
  border-bottom-right-radius: var(--radius-base);
401
401
  }
402
402
 
403
- ._toolbarNodeKindSelectDropdownArrow_1ixsf_319, ._selectDropdownArrow_1ixsf_320 {
403
+ ._toolbarNodeKindSelectDropdownArrow_1g25u_319, ._selectDropdownArrow_1g25u_320 {
404
404
  margin-left: auto;
405
405
  }
406
406
 
407
- ._contentEditable_1ixsf_324 {
407
+ ._contentEditable_1g25u_324 {
408
408
  box-sizing: border-box;
409
409
  width: 100%;
410
410
  color: var(--baseTextContrast);
411
411
  padding: var(--spacing-3);
412
412
  }
413
413
 
414
- ._contentEditable_1ixsf_324:focus {
414
+ ._contentEditable_1g25u_324:focus {
415
415
  outline: none;
416
416
  }
417
417
 
418
- ._sandpackWrapper_1ixsf_334 {
418
+ ._sandpackWrapper_1g25u_334 {
419
419
  margin-bottom:var(--spacing-5);
420
420
  }
421
421
 
422
- ._frontmatterWrapper_1ixsf_338 {
422
+ ._frontmatterWrapper_1g25u_338 {
423
423
  border-radius: var(--radius-medium);
424
424
  padding: var(--spacing-3);
425
425
  background-color: var(--baseBgSubtle);
426
426
  }
427
427
 
428
- ._frontmatterWrapper_1ixsf_338[data-expanded=true] {
428
+ ._frontmatterWrapper_1g25u_338[data-expanded=true] {
429
429
  margin-bottom: var(--spacing-10);
430
430
  }
431
431
 
432
- ._frontmatterToggleButton_1ixsf_348 {
432
+ ._frontmatterToggleButton_1g25u_348 {
433
433
  border: 0;
434
434
  background-color: transparent;
435
435
  font-size: inherit;
@@ -445,7 +445,7 @@
445
445
  font-size: var(--text-sm);
446
446
  }
447
447
 
448
- ._propertyPanelTitle_1ixsf_356 {
448
+ ._propertyPanelTitle_1g25u_356 {
449
449
  font-size: var(--text-xs);
450
450
  font-weight: 400;
451
451
  margin: 0;
@@ -453,49 +453,49 @@
453
453
  padding-left: var(--spacing-2);
454
454
  }
455
455
 
456
- ._propertyEditorTable_1ixsf_364 {
456
+ ._propertyEditorTable_1g25u_364 {
457
457
  table-layout: fixed;
458
458
  border-spacing: var(--spacing-2);
459
459
  }
460
460
 
461
- ._propertyEditorTable_1ixsf_364 th {
461
+ ._propertyEditorTable_1g25u_364 th {
462
462
  text-align: left;
463
463
  font-size: var(--text-sm);
464
464
  padding: var(--spacing-2) var(--spacing-3);
465
465
  }
466
466
 
467
- ._propertyEditorTable_1ixsf_364 col:nth-child(1) {
467
+ ._propertyEditorTable_1g25u_364 col:nth-child(1) {
468
468
  width: 30%;
469
469
  }
470
470
 
471
- ._propertyEditorTable_1ixsf_364 col:nth-child(2) {
471
+ ._propertyEditorTable_1g25u_364 col:nth-child(2) {
472
472
  width: 70%;
473
473
  }
474
474
 
475
- ._propertyEditorTable_1ixsf_364 td:last-child ._iconButton_1ixsf_381 {
475
+ ._propertyEditorTable_1g25u_364 td:last-child ._iconButton_1g25u_381 {
476
476
  margin-left: var(--spacing-4);
477
477
  margin-right: var(--spacing-4);
478
478
  }
479
479
 
480
- ._propertyEditorTable_1ixsf_364 ._readOnlyColumnCell_1ixsf_386 {
480
+ ._propertyEditorTable_1g25u_364 ._readOnlyColumnCell_1g25u_386 {
481
481
  padding-left: 0;
482
482
  }
483
483
 
484
- ._propertyEditorLabelCell_1ixsf_391 {
484
+ ._propertyEditorLabelCell_1g25u_391 {
485
485
  font-weight: 400;
486
486
  }
487
487
 
488
- ._readOnlyColumnCell_1ixsf_386 {
488
+ ._readOnlyColumnCell_1g25u_386 {
489
489
  padding-left: 0;
490
490
  }
491
491
 
492
- ._buttonsFooter_1ixsf_399 {
492
+ ._buttonsFooter_1g25u_399 {
493
493
  display: flex;
494
494
  justify-content: flex-end;
495
495
  gap: var(--spacing-2);
496
496
  }
497
497
 
498
- ._propertyEditorInput_1ixsf_405 {
498
+ ._propertyEditorInput_1g25u_405 {
499
499
  border: 0;
500
500
  background-color: transparent;
501
501
  font-size: inherit;
@@ -513,7 +513,7 @@
513
513
  font-size: var(--text-sm);
514
514
  }
515
515
 
516
- ._iconButton_1ixsf_381 {
516
+ ._iconButton_1g25u_381 {
517
517
  border: 0;
518
518
  background-color: transparent;
519
519
  font-size: inherit;
@@ -526,7 +526,7 @@
526
526
  color:var(--baseText);
527
527
  }
528
528
 
529
- ._primaryButton_1ixsf_420, ._secondaryButton_1ixsf_420 {
529
+ ._primaryButton_1g25u_420, ._secondaryButton_1g25u_420 {
530
530
  border: 0;
531
531
  background-color: transparent;
532
532
  font-size: inherit;
@@ -544,25 +544,25 @@
544
544
  border-radius: var(--radius-medium);
545
545
  }
546
546
 
547
- ._secondaryButton_1ixsf_420 {
547
+ ._secondaryButton_1g25u_420 {
548
548
  border: 1px solid var(--baseBorder);
549
549
  background-color: var(--baseSolidHover);
550
550
  color:var(--baseBase);
551
551
  }
552
552
 
553
- ._linkDialogEditForm_1ixsf_436 {
553
+ ._linkDialogEditForm_1g25u_436 {
554
554
  display: flex;
555
555
  align-items: center;
556
556
  gap: var(--spacing-2);
557
557
  }
558
558
 
559
- ._linkDialogInputContainer_1ixsf_442 {
559
+ ._linkDialogInputContainer_1g25u_442 {
560
560
  display: flex;
561
561
  flex-direction: column;
562
562
  align-items: stretch;
563
563
  }
564
564
 
565
- ._linkDialogInputWrapper_1ixsf_448 {
565
+ ._linkDialogInputWrapper_1g25u_448 {
566
566
  display: flex;
567
567
  align-items: center;
568
568
  background-color: var(--baseBase);
@@ -571,13 +571,13 @@
571
571
  border:1px solid var(--baseBorder);
572
572
  }
573
573
 
574
- ._linkDialogInputWrapper_1ixsf_448[data-visible-dropdown=true] {
574
+ ._linkDialogInputWrapper_1g25u_448[data-visible-dropdown=true] {
575
575
  border-bottom-left-radius: var(--radius-none) ;
576
576
  border-bottom-right-radius: var(--radius-none) ;
577
577
  border-bottom-width: 0;
578
578
  }
579
579
 
580
- ._linkDialogInputWrapper_1ixsf_448 > button {
580
+ ._linkDialogInputWrapper_1g25u_448 > button {
581
581
  border: 0;
582
582
  background-color: transparent;
583
583
  font-size: inherit;
@@ -590,7 +590,7 @@
590
590
  padding-right: var(--spacing-2);
591
591
  }
592
592
 
593
- ._linkDialogInput_1ixsf_442 {
593
+ ._linkDialogInput_1g25u_442 {
594
594
  border: 0;
595
595
  background-color: transparent;
596
596
  font-size: inherit;
@@ -605,19 +605,19 @@
605
605
  font-size: var(--text-sm);
606
606
  }
607
607
 
608
- ._linkDialogInput_1ixsf_442::-moz-placeholder {
608
+ ._linkDialogInput_1g25u_442::-moz-placeholder {
609
609
  color: var(--baseBorder);
610
610
  }
611
611
 
612
- ._linkDialogInput_1ixsf_442::placeholder {
612
+ ._linkDialogInput_1g25u_442::placeholder {
613
613
  color: var(--baseBorder);
614
614
  }
615
615
 
616
- ._linkDialogAutocompleteContainer_1ixsf_478 {
616
+ ._linkDialogAutocompleteContainer_1g25u_478 {
617
617
  position: relative;
618
618
  }
619
619
 
620
- ._linkDialogAutocompleteContainer_1ixsf_478 ul {
620
+ ._linkDialogAutocompleteContainer_1g25u_478 ul {
621
621
  all: unset;
622
622
  box-sizing: border-box;
623
623
  position: absolute;
@@ -634,11 +634,11 @@
634
634
  background-color: var(--baseBase);
635
635
  }
636
636
 
637
- ._linkDialogAutocompleteContainer_1ixsf_478 ul[data-visible=true] {
637
+ ._linkDialogAutocompleteContainer_1g25u_478 ul[data-visible=true] {
638
638
  display: block;
639
639
  }
640
640
 
641
- ._linkDialogAutocompleteContainer_1ixsf_478 ul li {
641
+ ._linkDialogAutocompleteContainer_1g25u_478 ul li {
642
642
  padding: var(--spacing-2) var(--spacing-3);
643
643
  white-space: nowrap;
644
644
  margin-bottom: var(--spacing-1);
@@ -646,34 +646,34 @@
646
646
  text-overflow: ellipsis;
647
647
  }
648
648
 
649
- ._linkDialogAutocompleteContainer_1ixsf_478 ul li[data-selected=true] {
649
+ ._linkDialogAutocompleteContainer_1g25u_478 ul li[data-selected=true] {
650
650
  background-color: var(--baseBgSubtle);
651
651
  }
652
652
 
653
- ._linkDialogAutocompleteContainer_1ixsf_478 ul li[data-highlighted=true] {
653
+ ._linkDialogAutocompleteContainer_1g25u_478 ul li[data-highlighted=true] {
654
654
  background-color: var(--baseBgHover);
655
655
  }
656
656
 
657
- ._linkDialogAutocompleteContainer_1ixsf_478 ul li:last-of-type {
657
+ ._linkDialogAutocompleteContainer_1g25u_478 ul li:last-of-type {
658
658
  border-bottom-left-radius: var(--radius-medium) ;
659
659
  border-bottom-right-radius: var(--radius-medium) ;
660
660
  }
661
661
 
662
- ._linkDialogAnchor_1ixsf_523 {
662
+ ._linkDialogAnchor_1g25u_523 {
663
663
  position: fixed;
664
664
  background-color: highlight;
665
665
  z-index: -1;
666
666
  }
667
667
 
668
- ._linkDialogAnchor_1ixsf_523[data-visible=true] {
668
+ ._linkDialogAnchor_1g25u_523[data-visible=true] {
669
669
  visibility: visible;
670
670
  }
671
671
 
672
- ._linkDialogAnchor_1ixsf_523[data-visible=false] {
672
+ ._linkDialogAnchor_1g25u_523[data-visible=false] {
673
673
  visibility: hidden;
674
674
  }
675
675
 
676
- ._linkDialogPopoverContent_1ixsf_537, ._tableColumnEditorPopoverContent_1ixsf_537, ._dialogContent_1ixsf_537 {
676
+ ._linkDialogPopoverContent_1g25u_537, ._tableColumnEditorPopoverContent_1g25u_537, ._dialogContent_1g25u_537 {
677
677
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
678
678
  display: flex;
679
679
  align-items: center;
@@ -685,7 +685,7 @@
685
685
  font-size: var(--text-sm);
686
686
  }
687
687
 
688
- ._popoverContent_1ixsf_549 {
688
+ ._popoverContent_1g25u_549 {
689
689
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
690
690
  display: flex;
691
691
  align-items: center;
@@ -696,13 +696,13 @@
696
696
  font-size: var(--text-sm);
697
697
  }
698
698
 
699
- ._popoverArrow_1ixsf_560 {
699
+ ._popoverArrow_1g25u_560 {
700
700
  fill: var(--baseBgSubtle);
701
701
  }
702
702
 
703
703
 
704
704
 
705
- ._linkDialogPreviewAnchor_1ixsf_566 {
705
+ ._linkDialogPreviewAnchor_1g25u_566 {
706
706
  margin-right: var(--spacing-3);
707
707
  display: flex;
708
708
  align-items: flex-start;
@@ -713,7 +713,7 @@
713
713
 
714
714
 
715
715
 
716
- ._linkDialogPreviewAnchor_1ixsf_566 svg {
716
+ ._linkDialogPreviewAnchor_1g25u_566 svg {
717
717
  width: var(--spacing-5);
718
718
  height: var(--spacing-5);
719
719
  margin-left: var(--spacing-2);
@@ -721,14 +721,14 @@
721
721
 
722
722
 
723
723
 
724
- ._linkDialogPreviewAnchor_1ixsf_566 span {
724
+ ._linkDialogPreviewAnchor_1g25u_566 span {
725
725
  max-width: 14rem;
726
726
  overflow-x: hidden;
727
727
  text-overflow: ellipsis;
728
728
  white-space: nowrap;
729
729
  }
730
730
 
731
- ._tooltipContent_1ixsf_588 {
731
+ ._tooltipContent_1g25u_588 {
732
732
  z-index: 2;
733
733
  position: relative;
734
734
  border-radius: var(--radius-medium);
@@ -738,11 +738,11 @@
738
738
  color: var(--baseBase);
739
739
  }
740
740
 
741
- ._tooltipContent_1ixsf_588 svg {
741
+ ._tooltipContent_1g25u_588 svg {
742
742
  fill: var(--baseText);
743
743
  }
744
744
 
745
- ._actionButton_1ixsf_602 {
745
+ ._actionButton_1g25u_602 {
746
746
  border: 0;
747
747
  background-color: transparent;
748
748
  font-size: inherit;
@@ -757,33 +757,33 @@
757
757
  border-radius: var(--radius-medium);
758
758
  }
759
759
 
760
- ._actionButton_1ixsf_602 svg {
760
+ ._actionButton_1g25u_602 svg {
761
761
  display: block;
762
762
  }
763
763
 
764
- ._actionButton_1ixsf_602:hover {
764
+ ._actionButton_1g25u_602:hover {
765
765
  background-color: var(--baseBgHover);
766
766
  }
767
767
 
768
- ._actionButton_1ixsf_602:active svg {
768
+ ._actionButton_1g25u_602:active svg {
769
769
  transform: translate(1px, 1px);
770
770
  }
771
771
 
772
- ._actionButton_1ixsf_602[data-state=on], ._actionButton_1ixsf_602:active {
772
+ ._actionButton_1g25u_602[data-state=on], ._actionButton_1g25u_602:active {
773
773
  background-color: var(--accentBgActive);
774
774
  }
775
775
 
776
- ._primaryActionButton_1ixsf_608 {
776
+ ._primaryActionButton_1g25u_608 {
777
777
  background-color: var(--accentSolid);
778
778
  color:var(--baseBase);
779
779
  }
780
780
 
781
- ._primaryActionButton_1ixsf_608:hover {
781
+ ._primaryActionButton_1g25u_608:hover {
782
782
  background-color: var(--accentSolidHover);
783
783
  color:var(--baseBase);
784
784
  }
785
785
 
786
- ._tableEditor_1ixsf_617 {
786
+ ._tableEditor_1g25u_617 {
787
787
  table-layout: fixed;
788
788
  width: 100%;
789
789
  height: 100%;
@@ -791,50 +791,50 @@
791
791
  border-collapse: collapse;
792
792
  }
793
793
 
794
- ._tableEditor_1ixsf_617 thead > tr > th {
794
+ ._tableEditor_1g25u_617 thead > tr > th {
795
795
  text-align: right;
796
796
  }
797
797
 
798
- ._tableEditor_1ixsf_617 > tbody > tr > td:not(._toolCell_1ixsf_628) {
798
+ ._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) {
799
799
  border: 1px solid var(--baseBorder);
800
800
  padding: var(--spacing-1) var(--spacing-2);
801
801
  white-space: normal;
802
802
  }
803
803
 
804
- ._tableEditor_1ixsf_617 > tbody > tr > td:not(._toolCell_1ixsf_628) > div {
804
+ ._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) > div {
805
805
  outline: none;
806
806
  }
807
807
 
808
- ._tableEditor_1ixsf_617 > tbody > tr > td:not(._toolCell_1ixsf_628) > div > p {
808
+ ._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) > div > p {
809
809
  margin: 0;
810
810
  }
811
811
 
812
- ._tableEditor_1ixsf_617 > tbody > tr > td[data-active=true]:not(._toolCell_1ixsf_628) {
812
+ ._tableEditor_1g25u_617 > tbody > tr > td[data-active=true]:not(._toolCell_1g25u_628) {
813
813
  outline: solid 2px var(--accentSolid)
814
814
  }
815
815
 
816
- ._tableEditor_1ixsf_617 ._tableColumnEditorTrigger_1ixsf_645, ._tableEditor_1ixsf_617 ._tableRowEditorTrigger_1ixsf_645, ._tableEditor_1ixsf_617 ._addRowButton_1ixsf_645, ._tableEditor_1ixsf_617 ._addColumnButton_1ixsf_645, ._tableEditor_1ixsf_617 ._iconButton_1ixsf_381 {
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 {
817
817
  opacity: .2;
818
818
  }
819
819
 
820
- ._tableEditor_1ixsf_617:hover ._tableColumnEditorTrigger_1ixsf_645, ._tableEditor_1ixsf_617:hover ._tableRowEditorTrigger_1ixsf_645, ._tableEditor_1ixsf_617:hover ._addRowButton_1ixsf_645, ._tableEditor_1ixsf_617:hover ._addColumnButton_1ixsf_645, ._tableEditor_1ixsf_617:hover ._iconButton_1ixsf_381 {
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 {
821
821
  opacity: .5;
822
822
  }
823
823
 
824
- ._tableEditor_1ixsf_617:hover ._tableColumnEditorTrigger_1ixsf_645:hover, ._tableEditor_1ixsf_617:hover ._tableRowEditorTrigger_1ixsf_645:hover, ._tableEditor_1ixsf_617:hover ._addRowButton_1ixsf_645:hover, ._tableEditor_1ixsf_617:hover ._addColumnButton_1ixsf_645:hover, ._tableEditor_1ixsf_617:hover ._iconButton_1ixsf_381: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 {
825
825
  opacity: 1;
826
826
  }
827
827
 
828
- ._toolCell_1ixsf_628 {
828
+ ._toolCell_1g25u_628 {
829
829
  text-align: right;
830
830
  }
831
831
 
832
- ._toolCell_1ixsf_628 button {
832
+ ._toolCell_1g25u_628 button {
833
833
  margin: auto;
834
834
  display: block;
835
835
  }
836
836
 
837
- ._tableColumnEditorTrigger_1ixsf_645 {
837
+ ._tableColumnEditorTrigger_1g25u_645 {
838
838
  border: 0;
839
839
  background-color: transparent;
840
840
  font-size: inherit;
@@ -850,31 +850,31 @@
850
850
  opacity: 0.2;
851
851
  }
852
852
 
853
- ._tableColumnEditorTrigger_1ixsf_645 svg {
853
+ ._tableColumnEditorTrigger_1g25u_645 svg {
854
854
  display: block;
855
855
  }
856
856
 
857
- ._tableColumnEditorTrigger_1ixsf_645:hover {
857
+ ._tableColumnEditorTrigger_1g25u_645:hover {
858
858
  background-color: var(--baseBgHover);
859
859
  }
860
860
 
861
- ._tableColumnEditorTrigger_1ixsf_645:active svg {
861
+ ._tableColumnEditorTrigger_1g25u_645:active svg {
862
862
  transform: translate(1px, 1px);
863
863
  }
864
864
 
865
- ._tableColumnEditorTrigger_1ixsf_645[data-state=on], ._tableColumnEditorTrigger_1ixsf_645:active {
865
+ ._tableColumnEditorTrigger_1g25u_645[data-state=on], ._tableColumnEditorTrigger_1g25u_645:active {
866
866
  background-color: var(--accentBgActive);
867
867
  }
868
868
 
869
- ._tableColumnEditorTrigger_1ixsf_645[data-active=true] {
869
+ ._tableColumnEditorTrigger_1g25u_645[data-active=true] {
870
870
  opacity: 1;
871
871
  }
872
872
 
873
- ._tableColumnEditorToolbar_1ixsf_679 {
873
+ ._tableColumnEditorToolbar_1g25u_679 {
874
874
  display: flex;
875
875
  }
876
876
 
877
- ._tableColumnEditorToolbar_1ixsf_679 > button {
877
+ ._tableColumnEditorToolbar_1g25u_679 > button {
878
878
  border: 0;
879
879
  background-color: transparent;
880
880
  font-size: inherit;
@@ -887,34 +887,34 @@
887
887
  padding: var(--spacing-2);
888
888
  }
889
889
 
890
- ._tableColumnEditorToolbar_1ixsf_679 > button svg {
890
+ ._tableColumnEditorToolbar_1g25u_679 > button svg {
891
891
  display: block;
892
892
  }
893
893
 
894
- ._tableColumnEditorToolbar_1ixsf_679 > button:hover {
894
+ ._tableColumnEditorToolbar_1g25u_679 > button:hover {
895
895
  background-color: var(--baseBgHover);
896
896
  }
897
897
 
898
- ._tableColumnEditorToolbar_1ixsf_679 > button:active svg {
898
+ ._tableColumnEditorToolbar_1g25u_679 > button:active svg {
899
899
  transform: translate(1px, 1px);
900
900
  }
901
901
 
902
- ._tableColumnEditorToolbar_1ixsf_679 > button[data-state=on], ._tableColumnEditorToolbar_1ixsf_679 > button:active {
902
+ ._tableColumnEditorToolbar_1g25u_679 > button[data-state=on], ._tableColumnEditorToolbar_1g25u_679 > button:active {
903
903
  background-color: var(--accentBgActive);
904
904
  }
905
905
 
906
- ._tableColumnEditorToolbar_1ixsf_679 [role=separator] {
906
+ ._tableColumnEditorToolbar_1g25u_679 [role=separator] {
907
907
  margin-left: var(--spacing-1);
908
908
  margin-right: var(--spacing-1);
909
909
  }
910
910
 
911
911
 
912
- ._toggleGroupRoot_1ixsf_691 {
912
+ ._toggleGroupRoot_1g25u_691 {
913
913
  display: inline-flex;
914
914
  }
915
915
 
916
916
 
917
- ._toggleGroupRoot_1ixsf_691 button {
917
+ ._toggleGroupRoot_1g25u_691 button {
918
918
  border: 0;
919
919
  background-color: transparent;
920
920
  font-size: inherit;
@@ -928,59 +928,59 @@
928
928
  }
929
929
 
930
930
 
931
- ._toggleGroupRoot_1ixsf_691 button svg {
931
+ ._toggleGroupRoot_1g25u_691 button svg {
932
932
  display: block;
933
933
  }
934
934
 
935
935
 
936
- ._toggleGroupRoot_1ixsf_691 button:hover {
936
+ ._toggleGroupRoot_1g25u_691 button:hover {
937
937
  background-color: var(--baseBgHover);
938
938
  }
939
939
 
940
940
 
941
- ._toggleGroupRoot_1ixsf_691 button:active svg {
941
+ ._toggleGroupRoot_1g25u_691 button:active svg {
942
942
  transform: translate(1px, 1px);
943
943
  }
944
944
 
945
945
 
946
- ._toggleGroupRoot_1ixsf_691 button[data-state=on], ._toggleGroupRoot_1ixsf_691 button:active {
946
+ ._toggleGroupRoot_1g25u_691 button[data-state=on], ._toggleGroupRoot_1g25u_691 button:active {
947
947
  background-color: var(--accentBgActive);
948
948
  }
949
949
 
950
950
 
951
- ._toggleGroupRoot_1ixsf_691 button:first-child {
951
+ ._toggleGroupRoot_1g25u_691 button:first-child {
952
952
  border-top-left-radius: var(--radius-base);
953
953
  border-bottom-left-radius: var(--radius-base);
954
954
  }
955
955
 
956
956
 
957
- ._toggleGroupRoot_1ixsf_691 button:last-child {
957
+ ._toggleGroupRoot_1g25u_691 button:last-child {
958
958
  border-top-right-radius: var(--radius-base);
959
959
  border-bottom-right-radius: var(--radius-base);
960
960
  }
961
961
 
962
- ._tableToolsColumn_1ixsf_708 {
962
+ ._tableToolsColumn_1g25u_708 {
963
963
  width: 3rem;
964
964
  }
965
965
 
966
- ._tableToolsColumn_1ixsf_708 button {
966
+ ._tableToolsColumn_1g25u_708 button {
967
967
  margin: auto;
968
968
  display: block;
969
969
  }
970
970
 
971
- ._leftAlignedCell_1ixsf_716 {
971
+ ._leftAlignedCell_1g25u_716 {
972
972
  text-align: left;
973
973
  }
974
974
 
975
- ._rightAlignedCell_1ixsf_720 {
975
+ ._rightAlignedCell_1g25u_720 {
976
976
  text-align: right;
977
977
  }
978
978
 
979
- ._centeredCell_1ixsf_724 {
979
+ ._centeredCell_1g25u_724 {
980
980
  text-align: center;
981
981
  }
982
982
 
983
- ._addColumnButton_1ixsf_645, ._addRowButton_1ixsf_645 {
983
+ ._addColumnButton_1g25u_645, ._addRowButton_1g25u_645 {
984
984
  border: 0;
985
985
  background-color: transparent;
986
986
  font-size: inherit;
@@ -998,61 +998,61 @@
998
998
  border-radius: var(--radius-medium);
999
999
  }
1000
1000
 
1001
- ._addColumnButton_1ixsf_645 svg, ._addRowButton_1ixsf_645 svg {
1001
+ ._addColumnButton_1g25u_645 svg, ._addRowButton_1g25u_645 svg {
1002
1002
  display: block;
1003
1003
  }
1004
1004
 
1005
- ._addColumnButton_1ixsf_645:hover, ._addRowButton_1ixsf_645:hover {
1005
+ ._addColumnButton_1g25u_645:hover, ._addRowButton_1g25u_645:hover {
1006
1006
  background-color: var(--baseBgHover);
1007
1007
  }
1008
1008
 
1009
- ._addColumnButton_1ixsf_645:active svg, ._addRowButton_1ixsf_645:active svg {
1009
+ ._addColumnButton_1g25u_645:active svg, ._addRowButton_1g25u_645:active svg {
1010
1010
  transform: translate(1px, 1px);
1011
1011
  }
1012
1012
 
1013
- ._addColumnButton_1ixsf_645[data-state=on], ._addRowButton_1ixsf_645[data-state=on], ._addColumnButton_1ixsf_645:active, ._addRowButton_1ixsf_645:active {
1013
+ ._addColumnButton_1g25u_645[data-state=on], ._addRowButton_1g25u_645[data-state=on], ._addColumnButton_1g25u_645:active, ._addRowButton_1g25u_645:active {
1014
1014
  background-color: var(--accentBgActive);
1015
1015
  }
1016
1016
 
1017
- ._addColumnButton_1ixsf_645 svg, ._addRowButton_1ixsf_645 svg {
1017
+ ._addColumnButton_1g25u_645 svg, ._addRowButton_1g25u_645 svg {
1018
1018
  margin: auto;
1019
1019
  }
1020
1020
 
1021
- ._addRowButton_1ixsf_645 {
1021
+ ._addRowButton_1g25u_645 {
1022
1022
  width: 100%;
1023
1023
  margin-top: var(--spacing-2);
1024
1024
  box-sizing: border-box;
1025
1025
  }
1026
1026
 
1027
- ._addColumnButton_1ixsf_645 {
1027
+ ._addColumnButton_1g25u_645 {
1028
1028
  margin-left: var(--spacing-2);
1029
1029
  height: 100%;
1030
1030
  }
1031
1031
 
1032
1032
  /** Dialog */
1033
- ._dialogOverlay_1ixsf_752 {
1033
+ ._dialogOverlay_1g25u_752 {
1034
1034
  position: fixed;
1035
1035
  inset: 0;
1036
- animation: _overlayShow_1ixsf_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1036
+ animation: _overlayShow_1g25u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1037
1037
  background-color: var(--baseBase);
1038
1038
  z-index: 51;
1039
1039
  opacity: 0.5;
1040
1040
  }
1041
1041
 
1042
- ._dialogContent_1ixsf_537 {
1042
+ ._dialogContent_1g25u_537 {
1043
1043
  position: fixed;
1044
1044
  top: 50%;
1045
1045
  left: 50%;
1046
1046
  transform: translate(-50%, -50%);
1047
- animation: _contentShow_1ixsf_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1047
+ animation: _contentShow_1g25u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1048
1048
  z-index: 52;
1049
1049
  }
1050
- ._dialogContent_1ixsf_537:focus {
1050
+ ._dialogContent_1g25u_537:focus {
1051
1051
  outline: none;
1052
1052
  }
1053
1053
 
1054
1054
 
1055
- @keyframes _overlayShow_1ixsf_1 {
1055
+ @keyframes _overlayShow_1g25u_1 {
1056
1056
  from {
1057
1057
  opacity: 0;
1058
1058
  }
@@ -1061,7 +1061,7 @@
1061
1061
  }
1062
1062
  }
1063
1063
 
1064
- @keyframes _contentShow_1ixsf_1 {
1064
+ @keyframes _contentShow_1g25u_1 {
1065
1065
  from {
1066
1066
  opacity: 0;
1067
1067
  transform: translate(-50%, -48%) scale(0.96);
@@ -1072,22 +1072,22 @@
1072
1072
  }
1073
1073
  }
1074
1074
 
1075
- ._focusedImage_1ixsf_794 {
1075
+ ._focusedImage_1g25u_794 {
1076
1076
  outline: highlight solid 2px;
1077
1077
  }
1078
1078
 
1079
- ._imageWrapper_1ixsf_798 {
1079
+ ._imageWrapper_1g25u_798 {
1080
1080
  display: inline-block;
1081
1081
  position: relative;
1082
1082
  }
1083
1083
 
1084
- ._imageWrapper_1ixsf_798[draggable=true] {
1084
+ ._imageWrapper_1g25u_798[draggable=true] {
1085
1085
  cursor: move; /* fallback if grab cursor is unsupported */
1086
1086
  cursor: grab;
1087
1087
  cursor: -webkit-grab;
1088
1088
  }
1089
1089
 
1090
- ._inlineEditor_1ixsf_810 {
1090
+ ._inlineEditor_1g25u_810 {
1091
1091
  display: inline-flex;
1092
1092
  border-radius: var(--radius-medium);
1093
1093
  padding: var(--spacing-1);
@@ -1096,7 +1096,7 @@
1096
1096
  background: var(--baseBg);
1097
1097
  }
1098
1098
 
1099
- ._blockEditor_1ixsf_819 {
1099
+ ._blockEditor_1g25u_819 {
1100
1100
  display: flex;
1101
1101
  justify-content: stretch;
1102
1102
  border-radius: var(--radius-medium);
@@ -1106,71 +1106,71 @@
1106
1106
  background: var(--baseBg);
1107
1107
  }
1108
1108
 
1109
- ._blockEditor_1ixsf_819 ._nestedEditor_1ixsf_828 {
1109
+ ._blockEditor_1g25u_819 ._nestedEditor_1g25u_828 {
1110
1110
  flex-grow: 1;
1111
1111
  }
1112
1112
 
1113
- ._nestedEditor_1ixsf_828 {
1113
+ ._nestedEditor_1g25u_828 {
1114
1114
  background: white;
1115
1115
  padding: var(--spacing-1) var(--spacing-2);
1116
1116
  border-radius: var(--radius-medium);
1117
1117
  }
1118
1118
 
1119
- ._nestedEditor_1ixsf_828 > p {
1119
+ ._nestedEditor_1g25u_828 > p {
1120
1120
  margin: 0;
1121
1121
  }
1122
1122
 
1123
- ._nestedEditor_1ixsf_828:focus {
1123
+ ._nestedEditor_1g25u_828:focus {
1124
1124
  outline: none;
1125
1125
  }
1126
1126
 
1127
- ._genericComponentName_1ixsf_845 {
1127
+ ._genericComponentName_1g25u_845 {
1128
1128
  font-size: var(--text-sm);
1129
1129
  color: var(--baseText);
1130
1130
  padding-right: var(--spacing-2);
1131
1131
  }
1132
1132
 
1133
- ._diffSourceToggle_1ixsf_851 {
1133
+ ._diffSourceToggle_1g25u_851 {
1134
1134
  border: 1px solid var(--baseBorder);
1135
1135
  border-radius: var(--radius-medium);
1136
1136
  display: flex;
1137
1137
  }
1138
1138
 
1139
- ._diffSourceToggle_1ixsf_851 ._toolbarToggleItem_1ixsf_170 {
1139
+ ._diffSourceToggle_1g25u_851 ._toolbarToggleItem_1g25u_170 {
1140
1140
  padding: 0;
1141
1141
  }
1142
1142
 
1143
- ._diffSourceToggle_1ixsf_851 ._toolbarToggleItem_1ixsf_170 > span {
1143
+ ._diffSourceToggle_1g25u_851 ._toolbarToggleItem_1g25u_170 > span {
1144
1144
  display: block;
1145
1145
  padding: var(--spacing-2) var(--spacing-3);
1146
1146
  }
1147
1147
 
1148
- ._selectWithLabel_1ixsf_865 {
1148
+ ._selectWithLabel_1g25u_865 {
1149
1149
  display: flex;
1150
1150
  align-items: center;
1151
1151
  gap: var(--spacing-2);
1152
1152
  margin-left: var(--spacing-2);
1153
1153
  }
1154
1154
 
1155
- ._selectWithLabel_1ixsf_865 > label {
1155
+ ._selectWithLabel_1g25u_865 > label {
1156
1156
  font-size: var(--text-sm);
1157
1157
  }
1158
1158
 
1159
- ._selectWithLabel_1ixsf_865 ._selectTrigger_1ixsf_252 {
1159
+ ._selectWithLabel_1g25u_865 ._selectTrigger_1g25u_252 {
1160
1160
  border: 1px solid var(--baseBorder);
1161
1161
  }
1162
1162
 
1163
- ._toolbarTitleMode_1ixsf_879 {
1163
+ ._toolbarTitleMode_1g25u_879 {
1164
1164
  font-size: var(--text-sm);
1165
1165
  margin-left: var(--spacing-2);
1166
1166
  }
1167
1167
 
1168
1168
 
1169
- ._imageControlWrapperResizing_1ixsf_885 {
1169
+ ._imageControlWrapperResizing_1g25u_885 {
1170
1170
  touch-action: none;
1171
1171
  }
1172
1172
 
1173
- ._imageResizer_1ixsf_889 {
1173
+ ._imageResizer_1g25u_889 {
1174
1174
  display: block;
1175
1175
  width: 7px;
1176
1176
  height: 7px;
@@ -1179,53 +1179,72 @@
1179
1179
  border: 1px solid var(--baseBg);
1180
1180
  }
1181
1181
 
1182
- ._imageResizer_1ixsf_889._imageResizerN_1ixsf_898 {
1182
+ ._imageResizer_1g25u_889._imageResizerN_1g25u_898 {
1183
1183
  top: -6px;
1184
1184
  left: 48%;
1185
1185
  cursor: n-resize;
1186
1186
  }
1187
1187
 
1188
- ._imageResizer_1ixsf_889._imageResizerNe_1ixsf_904 {
1188
+ ._imageResizer_1g25u_889._imageResizerNe_1g25u_904 {
1189
1189
  top: -6px;
1190
1190
  right: -6px;
1191
1191
  cursor: ne-resize;
1192
1192
  }
1193
1193
 
1194
- ._imageResizer_1ixsf_889._imageResizerE_1ixsf_910 {
1194
+ ._imageResizer_1g25u_889._imageResizerE_1g25u_910 {
1195
1195
  bottom: 48%;
1196
1196
  right: -6px;
1197
1197
  cursor: e-resize;
1198
1198
  }
1199
1199
 
1200
- ._imageResizer_1ixsf_889._imageResizerSe_1ixsf_916 {
1200
+ ._imageResizer_1g25u_889._imageResizerSe_1g25u_916 {
1201
1201
  bottom: -2px;
1202
1202
  right: -6px;
1203
1203
  cursor: nwse-resize;
1204
1204
  }
1205
1205
 
1206
- ._imageResizer_1ixsf_889._imageResizerS_1ixsf_916 {
1206
+ ._imageResizer_1g25u_889._imageResizerS_1g25u_916 {
1207
1207
  bottom: -2px;
1208
1208
  left: 48%;
1209
1209
  cursor: s-resize;
1210
1210
  }
1211
1211
 
1212
- ._imageResizer_1ixsf_889._imageResizerSw_1ixsf_928 {
1212
+ ._imageResizer_1g25u_889._imageResizerSw_1g25u_928 {
1213
1213
  bottom: -2px;
1214
1214
  left: -6px;
1215
1215
  cursor: sw-resize;
1216
1216
  }
1217
1217
 
1218
- ._imageResizer_1ixsf_889._imageResizerW_1ixsf_934 {
1218
+ ._imageResizer_1g25u_889._imageResizerW_1g25u_934 {
1219
1219
  bottom: 48%;
1220
1220
  left: -6px;
1221
1221
  cursor: w-resize;
1222
1222
  }
1223
1223
 
1224
- ._imageResizer_1ixsf_889._imageResizerNw_1ixsf_940 {
1224
+ ._imageResizer_1g25u_889._imageResizerNw_1g25u_940 {
1225
1225
  top: -6px;
1226
1226
  left: -6px;
1227
1227
  cursor: nw-resize;
1228
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
+ }
1229
1248
  :root, ._light-theme_13nbk_1 {
1230
1249
  --blue1: hsl(206, 100%, 99.2%);
1231
1250
  --blue2: hsl(210, 100%, 98.0%);