@mdxeditor/editor 1.12.1 → 1.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.
package/dist/style.css CHANGED
@@ -119,6 +119,9 @@
119
119
  .mdxeditor .cm-scroller {
120
120
  padding: 0 !important;
121
121
  }
122
+ .mdxeditor .cm-focused {
123
+ outline: none;
124
+ }
122
125
  .mdxeditor .sp-wrapper {
123
126
  border: 1px solid var(--baseLine);
124
127
  border-radius: var(--radius-medium);
@@ -152,7 +155,7 @@
152
155
  .mdxeditor .cm-activeLine {
153
156
  background: transparent;
154
157
  }
155
- ._editorRoot_1xgxv_37 {
158
+ ._editorRoot_1qeio_37 {
156
159
  --accentBase: var(--blue1);
157
160
  --accentBgSubtle: var(--blue2);
158
161
  --accentBg: var(--blue3);
@@ -195,6 +198,8 @@
195
198
  --admonitionNoteBg: var(--slate4);
196
199
  --admonitionNoteBorder: var(--slate8);
197
200
 
201
+ --error-color: var(--red10);
202
+
198
203
  --spacing-0:0px;
199
204
  --spacing-px:1px;
200
205
  --spacing-0_5:0.125rem;
@@ -251,14 +256,14 @@
251
256
  color: var(--baseText);
252
257
  }
253
258
 
254
- ._editorWrapper_1xgxv_136 {
259
+ ._editorWrapper_1qeio_138 {
255
260
  }
256
261
 
257
- ._nestedListItem_1xgxv_139 {
262
+ ._nestedListItem_1qeio_141 {
258
263
  list-style: none;
259
264
  }
260
265
 
261
- ._toolbarRoot_1xgxv_143 {
266
+ ._toolbarRoot_1qeio_145 {
262
267
  /* border: var(--spacing-px) solid var(--baseBorder); */
263
268
  z-index: 1;
264
269
  display: flex;
@@ -274,23 +279,23 @@
274
279
  width: inherit;
275
280
  }
276
281
 
277
- ._toolbarRoot_1xgxv_143 div[role=separator] {
282
+ ._toolbarRoot_1qeio_145 div[role=separator] {
278
283
  margin: var(--spacing-2) var(--spacing-1);
279
284
  border-left: 1px solid var(--baseBorder);
280
285
  border-right: 1px solid var(--baseBase);
281
286
  height: var(--spacing-4);
282
287
  }
283
288
 
284
- ._readOnlyToolbarRoot_1xgxv_166 {
289
+ ._readOnlyToolbarRoot_1qeio_168 {
285
290
  pointer-events: none;
286
291
  background: var(--baseBase);
287
292
  }
288
293
 
289
- ._readOnlyToolbarRoot_1xgxv_166 > div {
294
+ ._readOnlyToolbarRoot_1qeio_168 > div {
290
295
  opacity: 0.5;
291
296
  }
292
297
 
293
- ._toolbarModeSwitch_1xgxv_174 {
298
+ ._toolbarModeSwitch_1qeio_176 {
294
299
  opacity: 1 !important;
295
300
  margin-left: auto;
296
301
  align-self: stretch;
@@ -301,31 +306,31 @@
301
306
  font-size: var(--text-xs);
302
307
  }
303
308
 
304
- ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184 {
309
+ ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186 {
305
310
  padding-inline-end: var(--spacing-4);
306
311
  padding-inline-start: var(--spacing-4);
307
312
  }
308
313
 
309
- ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184:active, ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184[data-state=on] {
314
+ ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:active, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186[data-state=on] {
310
315
  background-color:var(--baseBorder);
311
316
  }
312
317
 
313
- ._toolbarGroupOfGroups_1xgxv_194 {
318
+ ._toolbarGroupOfGroups_1qeio_196 {
314
319
  display: flex;
315
320
  margin: 0 var(--spacing-1);
316
321
  }
317
322
 
318
- ._toolbarToggleSingleGroup_1xgxv_199:first-of-type ._toolbarToggleItem_1xgxv_184:only-child, ._toolbarToggleSingleGroup_1xgxv_199:only-child ._toolbarToggleItem_1xgxv_184:first-child, ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184:first-child {
323
+ ._toolbarToggleSingleGroup_1qeio_201:first-of-type ._toolbarToggleItem_1qeio_186:only-child, ._toolbarToggleSingleGroup_1qeio_201:only-child ._toolbarToggleItem_1qeio_186:first-child, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:first-child {
319
324
  border-top-left-radius: var(--radius-base);
320
325
  border-bottom-left-radius: var(--radius-base);
321
326
  }
322
327
 
323
- ._toolbarToggleSingleGroup_1xgxv_199:last-of-type ._toolbarToggleItem_1xgxv_184:only-child, ._toolbarToggleSingleGroup_1xgxv_199:only-child ._toolbarToggleItem_1xgxv_184:last-child, ._toolbarModeSwitch_1xgxv_174 ._toolbarToggleItem_1xgxv_184:last-child {
328
+ ._toolbarToggleSingleGroup_1qeio_201:last-of-type ._toolbarToggleItem_1qeio_186:only-child, ._toolbarToggleSingleGroup_1qeio_201:only-child ._toolbarToggleItem_1qeio_186:last-child, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:last-child {
324
329
  border-top-right-radius: var(--radius-base);
325
330
  border-bottom-right-radius: var(--radius-base);
326
331
  }
327
332
 
328
- ._toolbarToggleItem_1xgxv_184, ._toolbarButton_1xgxv_213 {
333
+ ._toolbarToggleItem_1qeio_186, ._toolbarButton_1qeio_215 {
329
334
  border: 0;
330
335
  background-color: transparent;
331
336
  font-size: inherit;
@@ -338,41 +343,41 @@
338
343
  padding: var(--spacing-1);
339
344
  }
340
345
 
341
- ._toolbarToggleItem_1xgxv_184 svg, ._toolbarButton_1xgxv_213 svg {
346
+ ._toolbarToggleItem_1qeio_186 svg, ._toolbarButton_1qeio_215 svg {
342
347
  display: block;
343
348
  }
344
349
 
345
- ._toolbarToggleItem_1xgxv_184:hover, ._toolbarButton_1xgxv_213:hover {
350
+ ._toolbarToggleItem_1qeio_186:hover, ._toolbarButton_1qeio_215:hover {
346
351
  background-color: var(--baseBgActive);
347
352
  }
348
353
 
349
- ._toolbarToggleItem_1xgxv_184:active svg, ._toolbarButton_1xgxv_213:active svg {
354
+ ._toolbarToggleItem_1qeio_186:active svg, ._toolbarButton_1qeio_215:active svg {
350
355
  transform: translate(1px, 1px);
351
356
  }
352
357
 
353
- ._toolbarToggleItem_1xgxv_184[data-state=on], ._toolbarButton_1xgxv_213[data-state=on], ._toolbarToggleItem_1xgxv_184:active, ._toolbarButton_1xgxv_213:active {
358
+ ._toolbarToggleItem_1qeio_186[data-state=on], ._toolbarButton_1qeio_215[data-state=on], ._toolbarToggleItem_1qeio_186:active, ._toolbarButton_1qeio_215:active {
354
359
  color: var(--baseTextContrast);
355
360
  background-color: var(--baseBgActive);
356
361
  }
357
362
 
358
- ._toolbarToggleItem_1xgxv_184[data-disabled], ._toolbarButton_1xgxv_213[data-disabled] {
363
+ ._toolbarToggleItem_1qeio_186[data-disabled], ._toolbarButton_1qeio_215[data-disabled] {
359
364
  pointer-events: none;
360
365
  color: var(--baseBorderHover);
361
366
  }
362
367
 
363
- ._toolbarButton_1xgxv_213 {
368
+ ._toolbarButton_1qeio_215 {
364
369
  border-radius: var(--radius-base);
365
370
  }
366
371
 
367
- ._activeToolbarButton_1xgxv_244 {
372
+ ._activeToolbarButton_1qeio_246 {
368
373
  color: var(--accentText);
369
374
  }
370
375
 
371
- ._toolbarToggleSingleGroup_1xgxv_199 {
376
+ ._toolbarToggleSingleGroup_1qeio_201 {
372
377
  white-space: nowrap;
373
378
  }
374
379
 
375
- ._toolbarNodeKindSelectContainer_1xgxv_252, ._toolbarButtonDropdownContainer_1xgxv_253, ._toolbarCodeBlockLanguageSelectContent_1xgxv_254, ._selectContainer_1xgxv_255
380
+ ._toolbarNodeKindSelectContainer_1qeio_254, ._toolbarButtonDropdownContainer_1qeio_255, ._toolbarCodeBlockLanguageSelectContent_1qeio_256, ._selectContainer_1qeio_257
376
381
  {
377
382
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
378
383
  z-index: 3;
@@ -383,15 +388,15 @@
383
388
  font-size: var(--text-sm);
384
389
  }
385
390
 
386
- ._toolbarButtonDropdownContainer_1xgxv_253 {
391
+ ._toolbarButtonDropdownContainer_1qeio_255 {
387
392
  border-top-right-radius: var(--radius-base);
388
393
  }
389
394
 
390
- ._toolbarButtonDropdownContainer_1xgxv_253 ._selectItem_1xgxv_269:first-child {
395
+ ._toolbarButtonDropdownContainer_1qeio_255 ._selectItem_1qeio_271:first-child {
391
396
  border-top-right-radius: var(--radius-base);
392
397
  }
393
398
 
394
- ._toolbarNodeKindSelectTrigger_1xgxv_274, ._toolbarButtonSelectTrigger_1xgxv_275, ._selectTrigger_1xgxv_276 {
399
+ ._toolbarNodeKindSelectTrigger_1qeio_276, ._toolbarButtonSelectTrigger_1qeio_277, ._selectTrigger_1qeio_278 {
395
400
  border: 0;
396
401
  background-color: transparent;
397
402
  display: flex;
@@ -407,86 +412,86 @@
407
412
  margin: 0 var(--spacing-1);
408
413
  }
409
414
 
410
- ._toolbarNodeKindSelectTrigger_1xgxv_274[data-state=open], ._toolbarButtonSelectTrigger_1xgxv_275[data-state=open], ._selectTrigger_1xgxv_276[data-state=open] {
415
+ ._toolbarNodeKindSelectTrigger_1qeio_276[data-state=open], ._toolbarButtonSelectTrigger_1qeio_277[data-state=open], ._selectTrigger_1qeio_278[data-state=open] {
411
416
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
412
417
  border-bottom-right-radius: var(--radius-none);
413
418
  border-bottom-left-radius: var(--radius-none);
414
419
  }
415
420
 
416
- ._selectTrigger_1xgxv_276[data-placeholder] > span:first-child {
421
+ ._selectTrigger_1qeio_278[data-placeholder] > span:first-child {
417
422
  color: var(--baseBorderHover);
418
423
  }
419
424
 
420
425
  /** used in the sandpack */
421
- ._toolbarButtonSelectTrigger_1xgxv_275 {
426
+ ._toolbarButtonSelectTrigger_1qeio_277 {
422
427
  width: auto;
423
428
  padding-inline-start: var(--spacing-2) ;
424
429
  padding-inline-end: var(--spacing-1);
425
430
  padding-block: var(--spacing-0_5);
426
431
  }
427
432
 
428
- ._toolbarCodeBlockLanguageSelectTrigger_1xgxv_310, ._toolbarCodeBlockLanguageSelectContent_1xgxv_254
433
+ ._toolbarCodeBlockLanguageSelectTrigger_1qeio_312, ._toolbarCodeBlockLanguageSelectContent_1qeio_256
429
434
  {
430
435
  width: var(--spacing-48);
431
436
  }
432
437
 
433
- ._toolbarNodeKindSelectItem_1xgxv_316, ._selectItem_1xgxv_269
438
+ ._toolbarNodeKindSelectItem_1qeio_318, ._selectItem_1qeio_271
434
439
  {
435
440
  cursor: default;
436
441
  display: flex;
437
442
  padding: var(--spacing-2);
438
443
  }
439
444
 
440
- ._toolbarNodeKindSelectItem_1xgxv_316[data-highlighted], ._selectItem_1xgxv_269[data-highlighted] {
445
+ ._toolbarNodeKindSelectItem_1qeio_318[data-highlighted], ._selectItem_1qeio_271[data-highlighted] {
441
446
  background-color: var(--baseBg);
442
447
  }
443
448
 
444
- ._toolbarNodeKindSelectItem_1xgxv_316[data-state=checked], ._selectItem_1xgxv_269[data-state=checked] {
449
+ ._toolbarNodeKindSelectItem_1qeio_318[data-state=checked], ._selectItem_1qeio_271[data-state=checked] {
445
450
  color: var(--baseTextContrast);
446
451
  background-color: var(--baseBg);
447
452
  }
448
453
 
449
- ._toolbarNodeKindSelectItem_1xgxv_316[data-highlighted], ._selectItem_1xgxv_269[data-highlighted] {
454
+ ._toolbarNodeKindSelectItem_1qeio_318[data-highlighted], ._selectItem_1qeio_271[data-highlighted] {
450
455
  outline: none;
451
456
  }
452
457
 
453
- ._toolbarNodeKindSelectItem_1xgxv_316:last-child, ._selectItem_1xgxv_269:last-child {
458
+ ._toolbarNodeKindSelectItem_1qeio_318:last-child, ._selectItem_1qeio_271:last-child {
454
459
  border-bottom-left-radius: var(--radius-base);
455
460
  border-bottom-right-radius: var(--radius-base);
456
461
  }
457
462
 
458
- ._toolbarNodeKindSelectDropdownArrow_1xgxv_342, ._selectDropdownArrow_1xgxv_343 {
463
+ ._toolbarNodeKindSelectDropdownArrow_1qeio_344, ._selectDropdownArrow_1qeio_345 {
459
464
  margin-left: auto;
460
465
  display: flex;
461
466
  align-items: center;
462
467
  }
463
468
 
464
- ._contentEditable_1xgxv_349 {
469
+ ._contentEditable_1qeio_351 {
465
470
  box-sizing: border-box;
466
471
  width: 100%;
467
472
  color: var(--baseTextContrast);
468
473
  padding: var(--spacing-3);
469
474
  }
470
475
 
471
- ._contentEditable_1xgxv_349:focus {
476
+ ._contentEditable_1qeio_351:focus {
472
477
  outline: none;
473
478
  }
474
479
 
475
- ._sandpackWrapper_1xgxv_359 {
480
+ ._sandpackWrapper_1qeio_361 {
476
481
  margin-bottom:var(--spacing-5);
477
482
  }
478
483
 
479
- ._frontmatterWrapper_1xgxv_363 {
484
+ ._frontmatterWrapper_1qeio_365 {
480
485
  border-radius: var(--radius-medium);
481
486
  padding: var(--spacing-3);
482
487
  background-color: var(--baseBgSubtle);
483
488
  }
484
489
 
485
- ._frontmatterWrapper_1xgxv_363[data-expanded=true] {
490
+ ._frontmatterWrapper_1qeio_365[data-expanded=true] {
486
491
  margin-bottom: var(--spacing-10);
487
492
  }
488
493
 
489
- ._frontmatterToggleButton_1xgxv_373 {
494
+ ._frontmatterToggleButton_1qeio_375 {
490
495
  border: 0;
491
496
  background-color: transparent;
492
497
  font-size: inherit;
@@ -502,7 +507,7 @@
502
507
  font-size: var(--text-sm);
503
508
  }
504
509
 
505
- ._propertyPanelTitle_1xgxv_381 {
510
+ ._propertyPanelTitle_1qeio_383 {
506
511
  font-size: var(--text-xs);
507
512
  font-weight: 400;
508
513
  margin: 0;
@@ -510,49 +515,49 @@
510
515
  padding-left: var(--spacing-2);
511
516
  }
512
517
 
513
- ._propertyEditorTable_1xgxv_389 {
518
+ ._propertyEditorTable_1qeio_391 {
514
519
  table-layout: fixed;
515
520
  border-spacing: var(--spacing-2);
516
521
  }
517
522
 
518
- ._propertyEditorTable_1xgxv_389 th {
523
+ ._propertyEditorTable_1qeio_391 th {
519
524
  text-align: left;
520
525
  font-size: var(--text-sm);
521
526
  padding: var(--spacing-2) var(--spacing-3);
522
527
  }
523
528
 
524
- ._propertyEditorTable_1xgxv_389 col:nth-child(1) {
529
+ ._propertyEditorTable_1qeio_391 col:nth-child(1) {
525
530
  width: 30%;
526
531
  }
527
532
 
528
- ._propertyEditorTable_1xgxv_389 col:nth-child(2) {
533
+ ._propertyEditorTable_1qeio_391 col:nth-child(2) {
529
534
  width: 70%;
530
535
  }
531
536
 
532
- ._propertyEditorTable_1xgxv_389 td:last-child ._iconButton_1xgxv_406 {
537
+ ._propertyEditorTable_1qeio_391 td:last-child ._iconButton_1qeio_408 {
533
538
  margin-left: var(--spacing-4);
534
539
  margin-right: var(--spacing-4);
535
540
  }
536
541
 
537
- ._propertyEditorTable_1xgxv_389 ._readOnlyColumnCell_1xgxv_411 {
542
+ ._propertyEditorTable_1qeio_391 ._readOnlyColumnCell_1qeio_413 {
538
543
  padding-left: 0;
539
544
  }
540
545
 
541
- ._propertyEditorLabelCell_1xgxv_416 {
546
+ ._propertyEditorLabelCell_1qeio_418 {
542
547
  font-weight: 400;
543
548
  }
544
549
 
545
- ._readOnlyColumnCell_1xgxv_411 {
550
+ ._readOnlyColumnCell_1qeio_413 {
546
551
  padding-left: 0;
547
552
  }
548
553
 
549
- ._buttonsFooter_1xgxv_424 {
554
+ ._buttonsFooter_1qeio_426 {
550
555
  display: flex;
551
556
  justify-content: flex-end;
552
557
  gap: var(--spacing-2);
553
558
  }
554
559
 
555
- ._propertyEditorInput_1xgxv_430 {
560
+ ._propertyEditorInput_1qeio_432 {
556
561
  border: 0;
557
562
  background-color: transparent;
558
563
  font-size: inherit;
@@ -570,7 +575,7 @@
570
575
  font-size: var(--text-sm);
571
576
  }
572
577
 
573
- ._iconButton_1xgxv_406 {
578
+ ._iconButton_1qeio_408 {
574
579
  border: 0;
575
580
  background-color: transparent;
576
581
  font-size: inherit;
@@ -583,15 +588,15 @@
583
588
  color:var(--baseText);
584
589
  }
585
590
 
586
- ._iconButton_1xgxv_406:hover {
591
+ ._iconButton_1qeio_408:hover {
587
592
  color: var(--accentText);
588
593
  }
589
594
 
590
- ._iconButton_1xgxv_406:disabled, ._iconButton_1xgxv_406:disabled:hover {
595
+ ._iconButton_1qeio_408:disabled, ._iconButton_1qeio_408:disabled:hover {
591
596
  color:var(--baseLine);
592
597
  }
593
598
 
594
- ._primaryButton_1xgxv_451, ._secondaryButton_1xgxv_451 {
599
+ ._primaryButton_1qeio_453, ._secondaryButton_1qeio_453 {
595
600
  border: 0;
596
601
  background-color: transparent;
597
602
  font-size: inherit;
@@ -609,30 +614,30 @@
609
614
  border-radius: var(--radius-medium);
610
615
  }
611
616
 
612
- ._primaryButton_1xgxv_451:disabled, ._secondaryButton_1xgxv_451:disabled {
617
+ ._primaryButton_1qeio_453:disabled, ._secondaryButton_1qeio_453:disabled {
613
618
  background: var(--accentLine);
614
619
  border-color: var(--accentBg);
615
620
  }
616
621
 
617
- ._smallButton_1xgxv_465 {
622
+ ._smallButton_1qeio_467 {
618
623
  font-size: var(--text-xs);
619
624
  padding: var(--spacing-1) var(--spacing-2);
620
625
  border-radius: var(--radius-base);
621
626
  }
622
627
 
623
- ._secondaryButton_1xgxv_451 {
628
+ ._secondaryButton_1qeio_453 {
624
629
  border: 1px solid var(--baseBorder);
625
630
  background-color: var(--baseSolidHover);
626
631
  color:var(--baseBase);
627
632
  }
628
633
 
629
- ._dialogForm_1xgxv_477 {
634
+ ._dialogForm_1qeio_479 {
630
635
  display: flex;
631
636
  flex-direction: row;
632
637
  gap: var(--spacing-2);
633
638
  }
634
639
 
635
- ._linkDialogEditForm_1xgxv_483 {
640
+ ._linkDialogEditForm_1qeio_485 {
636
641
  display: flex;
637
642
  flex-direction: column;
638
643
  align-items: stretch;
@@ -640,13 +645,13 @@
640
645
  padding: 0;
641
646
  }
642
647
 
643
- ._linkDialogInputContainer_1xgxv_491 {
648
+ ._linkDialogInputContainer_1qeio_493 {
644
649
  display: flex;
645
650
  flex-direction: column;
646
651
  align-items: stretch;
647
652
  }
648
653
 
649
- ._linkDialogInputWrapper_1xgxv_497 {
654
+ ._linkDialogInputWrapper_1qeio_499 {
650
655
  display: flex;
651
656
  align-items: center;
652
657
  background-color: var(--baseBase);
@@ -655,13 +660,13 @@
655
660
  border:1px solid var(--baseBorder);
656
661
  }
657
662
 
658
- ._linkDialogInputWrapper_1xgxv_497[data-visible-dropdown=true] {
663
+ ._linkDialogInputWrapper_1qeio_499[data-visible-dropdown=true] {
659
664
  border-bottom-left-radius: var(--radius-none) ;
660
665
  border-bottom-right-radius: var(--radius-none) ;
661
666
  border-bottom-width: 0;
662
667
  }
663
668
 
664
- ._linkDialogInputWrapper_1xgxv_497 > button {
669
+ ._linkDialogInputWrapper_1qeio_499 > button {
665
670
  border: 0;
666
671
  background-color: transparent;
667
672
  font-size: inherit;
@@ -674,7 +679,7 @@
674
679
  padding-right: var(--spacing-2);
675
680
  }
676
681
 
677
- ._linkDialogInput_1xgxv_491, ._dialogInput_1xgxv_517 {
682
+ ._linkDialogInput_1qeio_493, ._dialogInput_1qeio_519 {
678
683
  border: 0;
679
684
  background-color: transparent;
680
685
  font-size: inherit;
@@ -689,29 +694,29 @@
689
694
  font-size: var(--text-sm);
690
695
  }
691
696
 
692
- ._linkDialogInput_1xgxv_491::-moz-placeholder, ._dialogInput_1xgxv_517::-moz-placeholder {
697
+ ._linkDialogInput_1qeio_493::-moz-placeholder, ._dialogInput_1qeio_519::-moz-placeholder {
693
698
  color: var(--baseBorder);
694
699
  }
695
700
 
696
- ._linkDialogInput_1xgxv_491::placeholder, ._dialogInput_1xgxv_517::placeholder {
701
+ ._linkDialogInput_1qeio_493::placeholder, ._dialogInput_1qeio_519::placeholder {
697
702
  color: var(--baseBorder);
698
703
  }
699
704
 
700
- ._linkDialogAnchor_1xgxv_527 {
705
+ ._linkDialogAnchor_1qeio_529 {
701
706
  position: fixed;
702
707
  background-color: highlight;
703
708
  z-index: -1;
704
709
  }
705
710
 
706
- ._linkDialogAnchor_1xgxv_527[data-visible=true] {
711
+ ._linkDialogAnchor_1qeio_529[data-visible=true] {
707
712
  visibility: visible;
708
713
  }
709
714
 
710
- ._linkDialogAnchor_1xgxv_527[data-visible=false] {
715
+ ._linkDialogAnchor_1qeio_529[data-visible=false] {
711
716
  visibility: hidden;
712
717
  }
713
718
 
714
- ._linkDialogPopoverContent_1xgxv_541, ._tableColumnEditorPopoverContent_1xgxv_541, ._dialogContent_1xgxv_541 {
719
+ ._linkDialogPopoverContent_1qeio_543, ._tableColumnEditorPopoverContent_1qeio_543, ._dialogContent_1qeio_543 {
715
720
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
716
721
  display: flex;
717
722
  align-items: center;
@@ -723,7 +728,7 @@
723
728
  font-size: var(--text-sm);
724
729
  }
725
730
 
726
- ._largeDialogContent_1xgxv_553 {
731
+ ._largeDialogContent_1qeio_555 {
727
732
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
728
733
  gap: var(--spacing-0_5);
729
734
  border-radius:var(--radius-medium);
@@ -733,13 +738,13 @@
733
738
  font-size: var(--text-sm);
734
739
  }
735
740
 
736
- ._dialogTitle_1xgxv_563 {
741
+ ._dialogTitle_1qeio_565 {
737
742
  font-size: var(--text-base);
738
743
  font-weight: 600;
739
744
  padding-left: var(--spacing-2);
740
745
  }
741
746
 
742
- ._dialogCloseButton_1xgxv_569 {
747
+ ._dialogCloseButton_1qeio_571 {
743
748
  border: 0;
744
749
  background-color: transparent;
745
750
  font-size: inherit;
@@ -754,7 +759,7 @@
754
759
  right: 10px;
755
760
  }
756
761
 
757
- ._popoverContent_1xgxv_576 {
762
+ ._popoverContent_1qeio_578 {
758
763
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
759
764
  display: flex;
760
765
  align-items: center;
@@ -766,11 +771,11 @@
766
771
  z-index: 1;
767
772
  }
768
773
 
769
- ._popoverArrow_1xgxv_588 {
774
+ ._popoverArrow_1qeio_590 {
770
775
  fill: var(--basePageBg);
771
776
  }
772
777
 
773
- ._linkDialogPreviewAnchor_1xgxv_592 {
778
+ ._linkDialogPreviewAnchor_1qeio_594 {
774
779
  margin-right: var(--spacing-3);
775
780
  display: flex;
776
781
  align-items: flex-start;
@@ -779,23 +784,23 @@
779
784
  border: 1px solid transparent;
780
785
  }
781
786
 
782
- ._linkDialogPreviewAnchor_1xgxv_592 svg {
787
+ ._linkDialogPreviewAnchor_1qeio_594 svg {
783
788
  width: var(--spacing-5);
784
789
  height: var(--spacing-5);
785
790
  margin-left: var(--spacing-2);
786
791
  }
787
792
 
788
- ._linkDialogPreviewAnchor_1xgxv_592 span {
793
+ ._linkDialogPreviewAnchor_1qeio_594 span {
789
794
  max-width: 14rem;
790
795
  overflow-x: hidden;
791
796
  text-overflow: ellipsis;
792
797
  white-space: nowrap;
793
798
  }
794
- ._tooltipTrigger_1xgxv_613 {
799
+ ._tooltipTrigger_1qeio_615 {
795
800
  align-self: center;
796
801
  }
797
802
 
798
- ._tooltipContent_1xgxv_617 {
803
+ ._tooltipContent_1qeio_619 {
799
804
  z-index: 2;
800
805
  position: relative;
801
806
  border-radius: var(--radius-medium);
@@ -805,11 +810,11 @@
805
810
  color: var(--baseBase);
806
811
  }
807
812
 
808
- ._tooltipContent_1xgxv_617 svg {
813
+ ._tooltipContent_1qeio_619 svg {
809
814
  fill: var(--baseText);
810
815
  }
811
816
 
812
- ._actionButton_1xgxv_631 {
817
+ ._actionButton_1qeio_633 {
813
818
  border: 0;
814
819
  background-color: transparent;
815
820
  font-size: inherit;
@@ -824,34 +829,34 @@
824
829
  border-radius: var(--radius-medium);
825
830
  }
826
831
 
827
- ._actionButton_1xgxv_631 svg {
832
+ ._actionButton_1qeio_633 svg {
828
833
  display: block;
829
834
  }
830
835
 
831
- ._actionButton_1xgxv_631:hover {
836
+ ._actionButton_1qeio_633:hover {
832
837
  background-color: var(--baseBgHover);
833
838
  }
834
839
 
835
- ._actionButton_1xgxv_631:active svg {
840
+ ._actionButton_1qeio_633:active svg {
836
841
  transform: translate(1px, 1px);
837
842
  }
838
843
 
839
- ._actionButton_1xgxv_631[data-state=on], ._actionButton_1xgxv_631:active {
844
+ ._actionButton_1qeio_633[data-state=on], ._actionButton_1qeio_633:active {
840
845
  background-color: var(--baseBgHover);
841
846
  color: var(--baseTextContrast);
842
847
  }
843
848
 
844
- ._primaryActionButton_1xgxv_637 {
849
+ ._primaryActionButton_1qeio_639 {
845
850
  background-color: var(--accentSolid);
846
851
  color:var(--baseBase);
847
852
  }
848
853
 
849
- ._primaryActionButton_1xgxv_637:hover {
854
+ ._primaryActionButton_1qeio_639:hover {
850
855
  background-color: var(--accentSolidHover);
851
856
  color:var(--baseBase);
852
857
  }
853
858
 
854
- ._tableEditor_1xgxv_646 {
859
+ ._tableEditor_1qeio_648 {
855
860
  table-layout: fixed;
856
861
  width: 100%;
857
862
  height: 100%;
@@ -859,50 +864,50 @@
859
864
  border-collapse: collapse;
860
865
  }
861
866
 
862
- ._tableEditor_1xgxv_646 thead > tr > th {
867
+ ._tableEditor_1qeio_648 thead > tr > th {
863
868
  text-align: right;
864
869
  }
865
870
 
866
- ._tableEditor_1xgxv_646 > tbody > tr > td:not(._toolCell_1xgxv_657) {
871
+ ._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) {
867
872
  border: 1px solid var(--baseBgActive);
868
873
  padding: var(--spacing-1) var(--spacing-2);
869
874
  white-space: normal;
870
875
  }
871
876
 
872
- ._tableEditor_1xgxv_646 > tbody > tr > td:not(._toolCell_1xgxv_657) > div {
877
+ ._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) > div {
873
878
  outline: none;
874
879
  }
875
880
 
876
- ._tableEditor_1xgxv_646 > tbody > tr > td:not(._toolCell_1xgxv_657) > div > p {
881
+ ._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) > div > p {
877
882
  margin: 0;
878
883
  }
879
884
 
880
- ._tableEditor_1xgxv_646 > tbody > tr > td[data-active=true]:not(._toolCell_1xgxv_657) {
885
+ ._tableEditor_1qeio_648 > tbody > tr > td[data-active=true]:not(._toolCell_1qeio_659) {
881
886
  outline: solid 1px var(--baseSolid);
882
887
  }
883
888
 
884
- ._tableEditor_1xgxv_646 ._tableColumnEditorTrigger_1xgxv_674, ._tableEditor_1xgxv_646 ._tableRowEditorTrigger_1xgxv_674, ._tableEditor_1xgxv_646 ._addRowButton_1xgxv_674, ._tableEditor_1xgxv_646 ._addColumnButton_1xgxv_674, ._tableEditor_1xgxv_646 ._iconButton_1xgxv_406 {
889
+ ._tableEditor_1qeio_648 ._tableColumnEditorTrigger_1qeio_676, ._tableEditor_1qeio_648 ._tableRowEditorTrigger_1qeio_676, ._tableEditor_1qeio_648 ._addRowButton_1qeio_676, ._tableEditor_1qeio_648 ._addColumnButton_1qeio_676, ._tableEditor_1qeio_648 ._iconButton_1qeio_408 {
885
890
  opacity: .15;
886
891
  }
887
892
 
888
- ._tableEditor_1xgxv_646:hover ._tableColumnEditorTrigger_1xgxv_674, ._tableEditor_1xgxv_646:hover ._tableRowEditorTrigger_1xgxv_674, ._tableEditor_1xgxv_646:hover ._addRowButton_1xgxv_674, ._tableEditor_1xgxv_646:hover ._addColumnButton_1xgxv_674, ._tableEditor_1xgxv_646:hover ._iconButton_1xgxv_406 {
893
+ ._tableEditor_1qeio_648:hover ._tableColumnEditorTrigger_1qeio_676, ._tableEditor_1qeio_648:hover ._tableRowEditorTrigger_1qeio_676, ._tableEditor_1qeio_648:hover ._addRowButton_1qeio_676, ._tableEditor_1qeio_648:hover ._addColumnButton_1qeio_676, ._tableEditor_1qeio_648:hover ._iconButton_1qeio_408 {
889
894
  opacity: 0.3;
890
895
  }
891
896
 
892
- ._tableEditor_1xgxv_646:hover ._tableColumnEditorTrigger_1xgxv_674:hover, ._tableEditor_1xgxv_646:hover ._tableRowEditorTrigger_1xgxv_674:hover, ._tableEditor_1xgxv_646:hover ._addRowButton_1xgxv_674:hover, ._tableEditor_1xgxv_646:hover ._addColumnButton_1xgxv_674:hover, ._tableEditor_1xgxv_646:hover ._iconButton_1xgxv_406:hover {
897
+ ._tableEditor_1qeio_648:hover ._tableColumnEditorTrigger_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._tableRowEditorTrigger_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._addRowButton_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._addColumnButton_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._iconButton_1qeio_408:hover {
893
898
  opacity: 1;
894
899
  }
895
900
 
896
- ._toolCell_1xgxv_657 {
901
+ ._toolCell_1qeio_659 {
897
902
  text-align: right;
898
903
  }
899
904
 
900
- ._toolCell_1xgxv_657 button {
905
+ ._toolCell_1qeio_659 button {
901
906
  margin: auto;
902
907
  display: block;
903
908
  }
904
909
 
905
- ._tableColumnEditorTrigger_1xgxv_674 {
910
+ ._tableColumnEditorTrigger_1qeio_676 {
906
911
  border: 0;
907
912
  background-color: transparent;
908
913
  font-size: inherit;
@@ -918,32 +923,32 @@
918
923
  opacity: 0.2;
919
924
  }
920
925
 
921
- ._tableColumnEditorTrigger_1xgxv_674 svg {
926
+ ._tableColumnEditorTrigger_1qeio_676 svg {
922
927
  display: block;
923
928
  }
924
929
 
925
- ._tableColumnEditorTrigger_1xgxv_674:hover {
930
+ ._tableColumnEditorTrigger_1qeio_676:hover {
926
931
  background-color: var(--baseBgHover);
927
932
  }
928
933
 
929
- ._tableColumnEditorTrigger_1xgxv_674:active svg {
934
+ ._tableColumnEditorTrigger_1qeio_676:active svg {
930
935
  transform: translate(1px, 1px);
931
936
  }
932
937
 
933
- ._tableColumnEditorTrigger_1xgxv_674[data-state=on], ._tableColumnEditorTrigger_1xgxv_674:active {
938
+ ._tableColumnEditorTrigger_1qeio_676[data-state=on], ._tableColumnEditorTrigger_1qeio_676:active {
934
939
  background-color: var(--baseBgHover);
935
940
  color: var(--baseTextContrast);
936
941
  }
937
942
 
938
- ._tableColumnEditorTrigger_1xgxv_674[data-active=true] {
943
+ ._tableColumnEditorTrigger_1qeio_676[data-active=true] {
939
944
  opacity: 1 !important;
940
945
  }
941
946
 
942
- ._tableColumnEditorToolbar_1xgxv_708 {
947
+ ._tableColumnEditorToolbar_1qeio_710 {
943
948
  display: flex;
944
949
  }
945
950
 
946
- ._tableColumnEditorToolbar_1xgxv_708 > button {
951
+ ._tableColumnEditorToolbar_1qeio_710 > button {
947
952
  border: 0;
948
953
  background-color: transparent;
949
954
  font-size: inherit;
@@ -956,35 +961,35 @@
956
961
  padding: var(--spacing-1_5);
957
962
  }
958
963
 
959
- ._tableColumnEditorToolbar_1xgxv_708 > button svg {
964
+ ._tableColumnEditorToolbar_1qeio_710 > button svg {
960
965
  display: block;
961
966
  }
962
967
 
963
- ._tableColumnEditorToolbar_1xgxv_708 > button:hover {
968
+ ._tableColumnEditorToolbar_1qeio_710 > button:hover {
964
969
  background-color: var(--baseBgHover);
965
970
  }
966
971
 
967
- ._tableColumnEditorToolbar_1xgxv_708 > button:active svg {
972
+ ._tableColumnEditorToolbar_1qeio_710 > button:active svg {
968
973
  transform: translate(1px, 1px);
969
974
  }
970
975
 
971
- ._tableColumnEditorToolbar_1xgxv_708 > button[data-state=on], ._tableColumnEditorToolbar_1xgxv_708 > button:active {
976
+ ._tableColumnEditorToolbar_1qeio_710 > button[data-state=on], ._tableColumnEditorToolbar_1qeio_710 > button:active {
972
977
  background-color: var(--baseBgHover);
973
978
  color: var(--baseTextContrast);
974
979
  }
975
980
 
976
- ._tableColumnEditorToolbar_1xgxv_708 [role=separator] {
981
+ ._tableColumnEditorToolbar_1qeio_710 [role=separator] {
977
982
  margin-left: var(--spacing-1);
978
983
  margin-right: var(--spacing-1);
979
984
  }
980
985
 
981
986
 
982
- ._toggleGroupRoot_1xgxv_721 {
987
+ ._toggleGroupRoot_1qeio_723 {
983
988
  display: inline-flex;
984
989
  }
985
990
 
986
991
 
987
- ._toggleGroupRoot_1xgxv_721 button {
992
+ ._toggleGroupRoot_1qeio_723 button {
988
993
  border: 0;
989
994
  background-color: transparent;
990
995
  font-size: inherit;
@@ -998,60 +1003,60 @@
998
1003
  }
999
1004
 
1000
1005
 
1001
- ._toggleGroupRoot_1xgxv_721 button svg {
1006
+ ._toggleGroupRoot_1qeio_723 button svg {
1002
1007
  display: block;
1003
1008
  }
1004
1009
 
1005
1010
 
1006
- ._toggleGroupRoot_1xgxv_721 button:hover {
1011
+ ._toggleGroupRoot_1qeio_723 button:hover {
1007
1012
  background-color: var(--baseBgHover);
1008
1013
  }
1009
1014
 
1010
1015
 
1011
- ._toggleGroupRoot_1xgxv_721 button:active svg {
1016
+ ._toggleGroupRoot_1qeio_723 button:active svg {
1012
1017
  transform: translate(1px, 1px);
1013
1018
  }
1014
1019
 
1015
1020
 
1016
- ._toggleGroupRoot_1xgxv_721 button[data-state=on], ._toggleGroupRoot_1xgxv_721 button:active {
1021
+ ._toggleGroupRoot_1qeio_723 button[data-state=on], ._toggleGroupRoot_1qeio_723 button:active {
1017
1022
  background-color: var(--baseBgHover);
1018
1023
  color: var(--baseTextContrast);
1019
1024
  }
1020
1025
 
1021
1026
 
1022
- ._toggleGroupRoot_1xgxv_721 button:first-child {
1027
+ ._toggleGroupRoot_1qeio_723 button:first-child {
1023
1028
  border-top-left-radius: var(--radius-base);
1024
1029
  border-bottom-left-radius: var(--radius-base);
1025
1030
  }
1026
1031
 
1027
1032
 
1028
- ._toggleGroupRoot_1xgxv_721 button:last-child {
1033
+ ._toggleGroupRoot_1qeio_723 button:last-child {
1029
1034
  border-top-right-radius: var(--radius-base);
1030
1035
  border-bottom-right-radius: var(--radius-base);
1031
1036
  }
1032
1037
 
1033
- ._tableToolsColumn_1xgxv_738 {
1038
+ ._tableToolsColumn_1qeio_740 {
1034
1039
  width: 3rem;
1035
1040
  }
1036
1041
 
1037
- ._tableToolsColumn_1xgxv_738 button {
1042
+ ._tableToolsColumn_1qeio_740 button {
1038
1043
  margin: auto;
1039
1044
  display: block;
1040
1045
  }
1041
1046
 
1042
- ._leftAlignedCell_1xgxv_746 {
1047
+ ._leftAlignedCell_1qeio_748 {
1043
1048
  text-align: left;
1044
1049
  }
1045
1050
 
1046
- ._rightAlignedCell_1xgxv_750 {
1051
+ ._rightAlignedCell_1qeio_752 {
1047
1052
  text-align: right;
1048
1053
  }
1049
1054
 
1050
- ._centeredCell_1xgxv_754 {
1055
+ ._centeredCell_1qeio_756 {
1051
1056
  text-align: center;
1052
1057
  }
1053
1058
 
1054
- ._addColumnButton_1xgxv_674, ._addRowButton_1xgxv_674 {
1059
+ ._addColumnButton_1qeio_676, ._addRowButton_1qeio_676 {
1055
1060
  border: 0;
1056
1061
  background-color: transparent;
1057
1062
  font-size: inherit;
@@ -1068,28 +1073,28 @@
1068
1073
  align-items: center;
1069
1074
  }
1070
1075
 
1071
- ._addColumnButton_1xgxv_674 svg, ._addRowButton_1xgxv_674 svg {
1076
+ ._addColumnButton_1qeio_676 svg, ._addRowButton_1qeio_676 svg {
1072
1077
  display: block;
1073
1078
  }
1074
1079
 
1075
- ._addColumnButton_1xgxv_674:hover, ._addRowButton_1xgxv_674:hover {
1080
+ ._addColumnButton_1qeio_676:hover, ._addRowButton_1qeio_676:hover {
1076
1081
  background-color: var(--baseBgHover);
1077
1082
  }
1078
1083
 
1079
- ._addColumnButton_1xgxv_674:active svg, ._addRowButton_1xgxv_674:active svg {
1084
+ ._addColumnButton_1qeio_676:active svg, ._addRowButton_1qeio_676:active svg {
1080
1085
  transform: translate(1px, 1px);
1081
1086
  }
1082
1087
 
1083
- ._addColumnButton_1xgxv_674[data-state=on], ._addRowButton_1xgxv_674[data-state=on], ._addColumnButton_1xgxv_674:active, ._addRowButton_1xgxv_674:active {
1088
+ ._addColumnButton_1qeio_676[data-state=on], ._addRowButton_1qeio_676[data-state=on], ._addColumnButton_1qeio_676:active, ._addRowButton_1qeio_676:active {
1084
1089
  background-color: var(--baseBgHover);
1085
1090
  color: var(--baseTextContrast);
1086
1091
  }
1087
1092
 
1088
- ._addColumnButton_1xgxv_674 svg, ._addRowButton_1xgxv_674 svg {
1093
+ ._addColumnButton_1qeio_676 svg, ._addRowButton_1qeio_676 svg {
1089
1094
  margin: auto;
1090
1095
  }
1091
1096
 
1092
- ._addRowButton_1xgxv_674 {
1097
+ ._addRowButton_1qeio_676 {
1093
1098
  width: 100%;
1094
1099
  margin-top: var(--spacing-px);
1095
1100
  box-sizing: border-box;
@@ -1097,7 +1102,7 @@
1097
1102
  border-bottom-left-radius: var(--radius-medium);
1098
1103
  }
1099
1104
 
1100
- ._addColumnButton_1xgxv_674 {
1105
+ ._addColumnButton_1qeio_676 {
1101
1106
  margin-left: var(--spacing-px);
1102
1107
  height: 100%;
1103
1108
  border-top-right-radius: var(--radius-medium);
@@ -1105,30 +1110,30 @@
1105
1110
  }
1106
1111
 
1107
1112
  /** Dialog */
1108
- ._dialogOverlay_1xgxv_785 {
1113
+ ._dialogOverlay_1qeio_787 {
1109
1114
  position: fixed;
1110
1115
  inset: 0;
1111
- animation: _overlayShow_1xgxv_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1116
+ animation: _overlayShow_1qeio_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1112
1117
  background-color: var(--baseBase);
1113
1118
  z-index: 51;
1114
1119
  opacity: 0.5;
1115
1120
  }
1116
1121
 
1117
- ._dialogContent_1xgxv_541, ._largeDialogContent_1xgxv_553 {
1122
+ ._dialogContent_1qeio_543, ._largeDialogContent_1qeio_555 {
1118
1123
  position: fixed;
1119
1124
  top: 50%;
1120
1125
  left: 50%;
1121
1126
  transform: translate(-50%, -50%);
1122
- animation: _contentShow_1xgxv_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1127
+ animation: _contentShow_1qeio_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1123
1128
  z-index: 52;
1124
1129
  }
1125
1130
 
1126
- ._dialogContent_1xgxv_541:focus, ._largeDialogContent_1xgxv_553:focus {
1131
+ ._dialogContent_1qeio_543:focus, ._largeDialogContent_1qeio_555:focus {
1127
1132
  outline: none;
1128
1133
  }
1129
1134
 
1130
1135
 
1131
- @keyframes _overlayShow_1xgxv_1 {
1136
+ @keyframes _overlayShow_1qeio_1 {
1132
1137
  from {
1133
1138
  opacity: 0;
1134
1139
  }
@@ -1137,7 +1142,7 @@
1137
1142
  }
1138
1143
  }
1139
1144
 
1140
- @keyframes _contentShow_1xgxv_1 {
1145
+ @keyframes _contentShow_1qeio_1 {
1141
1146
  from {
1142
1147
  opacity: 0;
1143
1148
  transform: translate(-50%, -48%) scale(0.96);
@@ -1148,22 +1153,22 @@
1148
1153
  }
1149
1154
  }
1150
1155
 
1151
- ._focusedImage_1xgxv_828 {
1156
+ ._focusedImage_1qeio_830 {
1152
1157
  outline: highlight solid 2px;
1153
1158
  }
1154
1159
 
1155
- ._imageWrapper_1xgxv_832 {
1160
+ ._imageWrapper_1qeio_834 {
1156
1161
  display: inline-block;
1157
1162
  position: relative;
1158
1163
  }
1159
1164
 
1160
- ._imageWrapper_1xgxv_832[draggable=true] {
1165
+ ._imageWrapper_1qeio_834[draggable=true] {
1161
1166
  cursor: move; /* fallback if grab cursor is unsupported */
1162
1167
  cursor: grab;
1163
1168
  cursor: -webkit-grab;
1164
1169
  }
1165
1170
 
1166
- ._editImageButton_1xgxv_844 {
1171
+ ._editImageButton_1qeio_846 {
1167
1172
  position: absolute;
1168
1173
  right: var(--spacing-2);
1169
1174
  top: var(--spacing-2);
@@ -1171,11 +1176,11 @@
1171
1176
  border-radius: var(--radius-full);
1172
1177
  }
1173
1178
 
1174
- ._editImageButton_1xgxv_844 svg {
1179
+ ._editImageButton_1qeio_846 svg {
1175
1180
  display: block;
1176
1181
  }
1177
1182
 
1178
- ._inlineEditor_1xgxv_856 {
1183
+ ._inlineEditor_1qeio_858 {
1179
1184
  display: inline-flex;
1180
1185
  border-radius: var(--radius-medium);
1181
1186
  padding: var(--spacing-1);
@@ -1184,7 +1189,7 @@
1184
1189
  background: var(--baseBg);
1185
1190
  }
1186
1191
 
1187
- ._blockEditor_1xgxv_865 {
1192
+ ._blockEditor_1qeio_867 {
1188
1193
  display: flex;
1189
1194
  justify-content: stretch;
1190
1195
  border-radius: var(--radius-medium);
@@ -1194,70 +1199,70 @@
1194
1199
  background: var(--baseBg);
1195
1200
  }
1196
1201
 
1197
- ._blockEditor_1xgxv_865 ._nestedEditor_1xgxv_874 {
1202
+ ._blockEditor_1qeio_867 ._nestedEditor_1qeio_876 {
1198
1203
  flex-grow: 1;
1199
1204
  }
1200
1205
 
1201
- ._nestedEditor_1xgxv_874 {
1206
+ ._nestedEditor_1qeio_876 {
1202
1207
  background: white;
1203
1208
  padding: var(--spacing-1) var(--spacing-2);
1204
1209
  border-radius: var(--radius-medium);
1205
1210
  }
1206
1211
 
1207
- ._nestedEditor_1xgxv_874 > p {
1212
+ ._nestedEditor_1qeio_876 > p {
1208
1213
  margin: 0;
1209
1214
  }
1210
1215
 
1211
- ._nestedEditor_1xgxv_874:focus {
1216
+ ._nestedEditor_1qeio_876:focus {
1212
1217
  outline: none;
1213
1218
  }
1214
1219
 
1215
- ._genericComponentName_1xgxv_891 {
1220
+ ._genericComponentName_1qeio_893 {
1216
1221
  font-size: var(--text-sm);
1217
1222
  color: var(--baseText);
1218
1223
  padding-right: var(--spacing-2);
1219
1224
  }
1220
1225
 
1221
- ._diffSourceToggle_1xgxv_897 {
1226
+ ._diffSourceToggle_1qeio_899 {
1222
1227
  border-radius: var(--radius-medium);
1223
1228
  display: flex;
1224
1229
  }
1225
1230
 
1226
- ._diffSourceToggle_1xgxv_897 ._toolbarToggleItem_1xgxv_184 {
1231
+ ._diffSourceToggle_1qeio_899 ._toolbarToggleItem_1qeio_186 {
1227
1232
  padding: 0;
1228
1233
  }
1229
1234
 
1230
- ._diffSourceToggle_1xgxv_897 ._toolbarToggleItem_1xgxv_184 > span {
1235
+ ._diffSourceToggle_1qeio_899 ._toolbarToggleItem_1qeio_186 > span {
1231
1236
  display: block;
1232
1237
  padding: var(--spacing-1) var(--spacing-2);
1233
1238
  }
1234
1239
 
1235
- ._selectWithLabel_1xgxv_910 {
1240
+ ._selectWithLabel_1qeio_912 {
1236
1241
  display: flex;
1237
1242
  align-items: center;
1238
1243
  gap: var(--spacing-2);
1239
1244
  margin-left: var(--spacing-2);
1240
1245
  }
1241
1246
 
1242
- ._selectWithLabel_1xgxv_910 > label {
1247
+ ._selectWithLabel_1qeio_912 > label {
1243
1248
  font-size: var(--text-sm);
1244
1249
  }
1245
1250
 
1246
- ._selectWithLabel_1xgxv_910 ._selectTrigger_1xgxv_276 {
1251
+ ._selectWithLabel_1qeio_912 ._selectTrigger_1qeio_278 {
1247
1252
  border: 1px solid var(--baseBorder);
1248
1253
  }
1249
1254
 
1250
- ._toolbarTitleMode_1xgxv_924 {
1255
+ ._toolbarTitleMode_1qeio_926 {
1251
1256
  font-size: var(--text-sm);
1252
1257
  margin-left: var(--spacing-2);
1253
1258
  }
1254
1259
 
1255
1260
 
1256
- ._imageControlWrapperResizing_1xgxv_930 {
1261
+ ._imageControlWrapperResizing_1qeio_932 {
1257
1262
  touch-action: none;
1258
1263
  }
1259
1264
 
1260
- ._imageResizer_1xgxv_934 {
1265
+ ._imageResizer_1qeio_936 {
1261
1266
  display: block;
1262
1267
  width: 7px;
1263
1268
  height: 7px;
@@ -1266,55 +1271,55 @@
1266
1271
  border: 1px solid var(--baseBg);
1267
1272
  }
1268
1273
 
1269
- ._imageResizer_1xgxv_934._imageResizerN_1xgxv_943 {
1274
+ ._imageResizer_1qeio_936._imageResizerN_1qeio_945 {
1270
1275
  top: -6px;
1271
1276
  left: 48%;
1272
1277
  cursor: n-resize;
1273
1278
  }
1274
1279
 
1275
- ._imageResizer_1xgxv_934._imageResizerNe_1xgxv_949 {
1280
+ ._imageResizer_1qeio_936._imageResizerNe_1qeio_951 {
1276
1281
  top: -6px;
1277
1282
  right: -6px;
1278
1283
  cursor: ne-resize;
1279
1284
  }
1280
1285
 
1281
- ._imageResizer_1xgxv_934._imageResizerE_1xgxv_955 {
1286
+ ._imageResizer_1qeio_936._imageResizerE_1qeio_957 {
1282
1287
  bottom: 48%;
1283
1288
  right: -6px;
1284
1289
  cursor: e-resize;
1285
1290
  }
1286
1291
 
1287
- ._imageResizer_1xgxv_934._imageResizerSe_1xgxv_961 {
1292
+ ._imageResizer_1qeio_936._imageResizerSe_1qeio_963 {
1288
1293
  bottom: -2px;
1289
1294
  right: -6px;
1290
1295
  cursor: nwse-resize;
1291
1296
  }
1292
1297
 
1293
- ._imageResizer_1xgxv_934._imageResizerS_1xgxv_961 {
1298
+ ._imageResizer_1qeio_936._imageResizerS_1qeio_963 {
1294
1299
  bottom: -2px;
1295
1300
  left: 48%;
1296
1301
  cursor: s-resize;
1297
1302
  }
1298
1303
 
1299
- ._imageResizer_1xgxv_934._imageResizerSw_1xgxv_973 {
1304
+ ._imageResizer_1qeio_936._imageResizerSw_1qeio_975 {
1300
1305
  bottom: -2px;
1301
1306
  left: -6px;
1302
1307
  cursor: sw-resize;
1303
1308
  }
1304
1309
 
1305
- ._imageResizer_1xgxv_934._imageResizerW_1xgxv_979 {
1310
+ ._imageResizer_1qeio_936._imageResizerW_1qeio_981 {
1306
1311
  bottom: 48%;
1307
1312
  left: -6px;
1308
1313
  cursor: w-resize;
1309
1314
  }
1310
1315
 
1311
- ._imageResizer_1xgxv_934._imageResizerNw_1xgxv_985 {
1316
+ ._imageResizer_1qeio_936._imageResizerNw_1qeio_987 {
1312
1317
  top: -6px;
1313
1318
  left: -6px;
1314
1319
  cursor: nw-resize;
1315
1320
  }
1316
1321
 
1317
- ._placeholder_1xgxv_991 {
1322
+ ._placeholder_1qeio_993 {
1318
1323
  color: var(--baseSolid);
1319
1324
  overflow: hidden;
1320
1325
  position: absolute;
@@ -1329,19 +1334,19 @@
1329
1334
  pointer-events: none;
1330
1335
  }
1331
1336
 
1332
- ._rootContentEditableWrapper_1xgxv_1004 {
1337
+ ._rootContentEditableWrapper_1qeio_1006 {
1333
1338
  position: relative;
1334
1339
  }
1335
1340
 
1336
1341
 
1337
1342
 
1338
- ._downshiftContainer_1xgxv_1010 {
1343
+ ._downshiftContainer_1qeio_1012 {
1339
1344
  display: flex;
1340
1345
  flex-direction: column;
1341
1346
  align-items: stretch;
1342
1347
  }
1343
1348
 
1344
- ._downshiftInputWrapper_1xgxv_1016 {
1349
+ ._downshiftInputWrapper_1qeio_1018 {
1345
1350
  display: flex;
1346
1351
  align-items: center;
1347
1352
  background-color: var(--baseBase);
@@ -1350,13 +1355,13 @@
1350
1355
  border:1px solid var(--baseBorder);
1351
1356
  }
1352
1357
 
1353
- ._downshiftInputWrapper_1xgxv_1016[data-visible-dropdown=true] {
1358
+ ._downshiftInputWrapper_1qeio_1018[data-visible-dropdown=true] {
1354
1359
  border-bottom-left-radius: var(--radius-none) ;
1355
1360
  border-bottom-right-radius: var(--radius-none) ;
1356
1361
  border-bottom-width: 0;
1357
1362
  }
1358
1363
 
1359
- ._downshiftInputWrapper_1xgxv_1016 > button {
1364
+ ._downshiftInputWrapper_1qeio_1018 > button {
1360
1365
  border: 0;
1361
1366
  background-color: transparent;
1362
1367
  font-size: inherit;
@@ -1369,7 +1374,7 @@
1369
1374
  padding-right: var(--spacing-2);
1370
1375
  }
1371
1376
 
1372
- ._downshiftInput_1xgxv_1016 {
1377
+ ._downshiftInput_1qeio_1018 {
1373
1378
  border: 0;
1374
1379
  background-color: transparent;
1375
1380
  font-size: inherit;
@@ -1384,19 +1389,19 @@
1384
1389
  font-size: var(--text-sm);
1385
1390
  }
1386
1391
 
1387
- ._downshiftInput_1xgxv_1016::-moz-placeholder {
1392
+ ._downshiftInput_1qeio_1018::-moz-placeholder {
1388
1393
  color: var(--baseBorder);
1389
1394
  }
1390
1395
 
1391
- ._downshiftInput_1xgxv_1016::placeholder {
1396
+ ._downshiftInput_1qeio_1018::placeholder {
1392
1397
  color: var(--baseBorder);
1393
1398
  }
1394
1399
 
1395
- ._downshiftAutocompleteContainer_1xgxv_1046 {
1400
+ ._downshiftAutocompleteContainer_1qeio_1048 {
1396
1401
  position: relative;
1397
1402
  }
1398
1403
 
1399
- ._downshiftAutocompleteContainer_1xgxv_1046 ul {
1404
+ ._downshiftAutocompleteContainer_1qeio_1048 ul {
1400
1405
  all: unset;
1401
1406
  box-sizing: border-box;
1402
1407
  position: absolute;
@@ -1413,11 +1418,11 @@
1413
1418
  background-color: var(--baseBase);
1414
1419
  }
1415
1420
 
1416
- ._downshiftAutocompleteContainer_1xgxv_1046 ul[data-visible=true] {
1421
+ ._downshiftAutocompleteContainer_1qeio_1048 ul[data-visible=true] {
1417
1422
  display: block;
1418
1423
  }
1419
1424
 
1420
- ._downshiftAutocompleteContainer_1xgxv_1046 ul li {
1425
+ ._downshiftAutocompleteContainer_1qeio_1048 ul li {
1421
1426
  padding: var(--spacing-2) var(--spacing-3);
1422
1427
  white-space: nowrap;
1423
1428
  margin-bottom: var(--spacing-1);
@@ -1425,20 +1430,20 @@
1425
1430
  text-overflow: ellipsis;
1426
1431
  }
1427
1432
 
1428
- ._downshiftAutocompleteContainer_1xgxv_1046 ul li[data-selected=true] {
1433
+ ._downshiftAutocompleteContainer_1qeio_1048 ul li[data-selected=true] {
1429
1434
  background-color: var(--baseBgSubtle);
1430
1435
  }
1431
1436
 
1432
- ._downshiftAutocompleteContainer_1xgxv_1046 ul li[data-highlighted=true] {
1437
+ ._downshiftAutocompleteContainer_1qeio_1048 ul li[data-highlighted=true] {
1433
1438
  background-color: var(--baseBgHover);
1434
1439
  }
1435
1440
 
1436
- ._downshiftAutocompleteContainer_1xgxv_1046 ul li:last-of-type {
1441
+ ._downshiftAutocompleteContainer_1qeio_1048 ul li:last-of-type {
1437
1442
  border-bottom-left-radius: var(--radius-medium) ;
1438
1443
  border-bottom-right-radius: var(--radius-medium) ;
1439
1444
  }
1440
1445
 
1441
- ._textInput_1xgxv_1091 {
1446
+ ._textInput_1qeio_1093 {
1442
1447
  all: unset;
1443
1448
  border-radius: var(--radius-base);
1444
1449
  border:1px solid var(--baseBorder);
@@ -1446,23 +1451,32 @@
1446
1451
  padding: var(--spacing-2) var(--spacing-3);
1447
1452
  }
1448
1453
 
1449
- form._multiFieldForm_1xgxv_1099 {
1454
+ form._multiFieldForm_1qeio_1101 {
1450
1455
  display: flex;
1451
1456
  flex-direction: column;
1452
1457
  padding: var(--spacing-2);
1453
1458
  gap: var(--spacing-2);
1454
1459
  }
1455
1460
 
1456
- form._multiFieldForm_1xgxv_1099 ._formField_1xgxv_1105 {
1461
+ form._multiFieldForm_1qeio_1101 ._formField_1qeio_1107 {
1457
1462
  display: flex;
1458
1463
  flex-direction: column;
1459
1464
  gap: var(--spacing-2);
1460
1465
  }
1461
1466
 
1462
- form._multiFieldForm_1xgxv_1099 ._formField_1xgxv_1105 label {
1467
+ form._multiFieldForm_1qeio_1101 ._formField_1qeio_1107 label {
1463
1468
  font-size: var(--text-xs);
1464
1469
  }
1465
1470
 
1471
+ ._markdownParseError_1qeio_1118 {
1472
+ border-radius: var(--radius-base);
1473
+ border: 1px solid var(--error-color);
1474
+ padding: var(--spacing-2);
1475
+ margin-block: var(--spacing-2);
1476
+ color: var(--error-color);
1477
+ font-size: var(--text-xs);
1478
+ }
1479
+
1466
1480
 
1467
1481
  :root, ._light-theme_7hn0e_1 {
1468
1482
  --blue1: hsl(206, 100%, 99.2%);