@mdxeditor/editor 0.22.0 → 0.22.2

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
@@ -137,7 +137,7 @@
137
137
  overflow-wrap: anywhere;
138
138
  flex-shrink: 1;
139
139
  }
140
- ._editorRoot_ykyo3_36 {
140
+ ._editorRoot_npm11_36 {
141
141
  --accentBase: var(--blue1);
142
142
  --accentBgSubtle: var(--blue2);
143
143
  --accentBg: var(--blue3);
@@ -234,14 +234,14 @@
234
234
  color: var(--baseText);
235
235
  }
236
236
 
237
- ._editorWrapper_ykyo3_133 {
237
+ ._editorWrapper_npm11_133 {
238
238
  }
239
239
 
240
- ._nestedListItem_ykyo3_136 {
240
+ ._nestedListItem_npm11_136 {
241
241
  list-style: none;
242
242
  }
243
243
 
244
- ._toolbarRoot_ykyo3_140 {
244
+ ._toolbarRoot_npm11_140 {
245
245
  /* border: var(--spacing-px) solid var(--baseBorder); */
246
246
  z-index: 1;
247
247
  display: flex;
@@ -257,23 +257,23 @@
257
257
  width: inherit;
258
258
  }
259
259
 
260
- ._toolbarRoot_ykyo3_140 div[role=separator] {
260
+ ._toolbarRoot_npm11_140 div[role=separator] {
261
261
  margin: var(--spacing-2) var(--spacing-2);
262
262
  border-left: 1px solid var(--baseBorder);
263
263
  border-right: 1px solid var(--baseBase);
264
264
  height: var(--spacing-4);
265
265
  }
266
266
 
267
- ._readOnlyToolbarRoot_ykyo3_163 {
267
+ ._readOnlyToolbarRoot_npm11_163 {
268
268
  pointer-events: none;
269
269
  background: var(--baseBase);
270
270
  }
271
271
 
272
- ._readOnlyToolbarRoot_ykyo3_163 > div {
272
+ ._readOnlyToolbarRoot_npm11_163 > div {
273
273
  opacity: 0.5;
274
274
  }
275
275
 
276
- ._toolbarModeSwitch_ykyo3_171 {
276
+ ._toolbarModeSwitch_npm11_171 {
277
277
  opacity: 1 !important;
278
278
  margin-left: auto;
279
279
  align-self: stretch;
@@ -284,31 +284,31 @@
284
284
  font-size: var(--text-xs);
285
285
  }
286
286
 
287
- ._toolbarModeSwitch_ykyo3_171 ._toolbarToggleItem_ykyo3_181 {
287
+ ._toolbarModeSwitch_npm11_171 ._toolbarToggleItem_npm11_181 {
288
288
  padding-inline-end: var(--spacing-4);
289
289
  padding-inline-start: var(--spacing-4);
290
290
  }
291
291
 
292
- ._toolbarModeSwitch_ykyo3_171 ._toolbarToggleItem_ykyo3_181:active, ._toolbarModeSwitch_ykyo3_171 ._toolbarToggleItem_ykyo3_181[data-state=on] {
292
+ ._toolbarModeSwitch_npm11_171 ._toolbarToggleItem_npm11_181:active, ._toolbarModeSwitch_npm11_171 ._toolbarToggleItem_npm11_181[data-state=on] {
293
293
  background-color:var(--baseBorder);
294
294
  }
295
295
 
296
- ._toolbarGroupOfGroups_ykyo3_191 {
296
+ ._toolbarGroupOfGroups_npm11_191 {
297
297
  display: flex;
298
298
  margin: 0 var(--spacing-1);
299
299
  }
300
300
 
301
- ._toolbarToggleSingleGroup_ykyo3_196:first-of-type ._toolbarToggleItem_ykyo3_181:only-child, ._toolbarToggleSingleGroup_ykyo3_196:only-child ._toolbarToggleItem_ykyo3_181:first-child, ._toolbarModeSwitch_ykyo3_171 ._toolbarToggleItem_ykyo3_181:first-child {
301
+ ._toolbarToggleSingleGroup_npm11_196:first-of-type ._toolbarToggleItem_npm11_181:only-child, ._toolbarToggleSingleGroup_npm11_196:only-child ._toolbarToggleItem_npm11_181:first-child, ._toolbarModeSwitch_npm11_171 ._toolbarToggleItem_npm11_181:first-child {
302
302
  border-top-left-radius: var(--radius-base);
303
303
  border-bottom-left-radius: var(--radius-base);
304
304
  }
305
305
 
306
- ._toolbarToggleSingleGroup_ykyo3_196:last-of-type ._toolbarToggleItem_ykyo3_181:only-child, ._toolbarToggleSingleGroup_ykyo3_196:only-child ._toolbarToggleItem_ykyo3_181:last-child, ._toolbarModeSwitch_ykyo3_171 ._toolbarToggleItem_ykyo3_181:last-child {
306
+ ._toolbarToggleSingleGroup_npm11_196:last-of-type ._toolbarToggleItem_npm11_181:only-child, ._toolbarToggleSingleGroup_npm11_196:only-child ._toolbarToggleItem_npm11_181:last-child, ._toolbarModeSwitch_npm11_171 ._toolbarToggleItem_npm11_181:last-child {
307
307
  border-top-right-radius: var(--radius-base);
308
308
  border-bottom-right-radius: var(--radius-base);
309
309
  }
310
310
 
311
- ._toolbarToggleItem_ykyo3_181, ._toolbarButton_ykyo3_210 {
311
+ ._toolbarToggleItem_npm11_181, ._toolbarButton_npm11_210 {
312
312
  border: 0;
313
313
  background-color: transparent;
314
314
  font-size: inherit;
@@ -321,40 +321,40 @@
321
321
  padding: var(--spacing-1);
322
322
  }
323
323
 
324
- ._toolbarToggleItem_ykyo3_181 svg, ._toolbarButton_ykyo3_210 svg {
324
+ ._toolbarToggleItem_npm11_181 svg, ._toolbarButton_npm11_210 svg {
325
325
  display: block;
326
326
  }
327
327
 
328
- ._toolbarToggleItem_ykyo3_181:hover, ._toolbarButton_ykyo3_210:hover {
328
+ ._toolbarToggleItem_npm11_181:hover, ._toolbarButton_npm11_210:hover {
329
329
  background-color: var(--baseBgHover);
330
330
  }
331
331
 
332
- ._toolbarToggleItem_ykyo3_181:active svg, ._toolbarButton_ykyo3_210:active svg {
332
+ ._toolbarToggleItem_npm11_181:active svg, ._toolbarButton_npm11_210:active svg {
333
333
  transform: translate(1px, 1px);
334
334
  }
335
335
 
336
- ._toolbarToggleItem_ykyo3_181[data-state=on], ._toolbarButton_ykyo3_210[data-state=on], ._toolbarToggleItem_ykyo3_181:active, ._toolbarButton_ykyo3_210:active {
336
+ ._toolbarToggleItem_npm11_181[data-state=on], ._toolbarButton_npm11_210[data-state=on], ._toolbarToggleItem_npm11_181:active, ._toolbarButton_npm11_210:active {
337
337
  background-color: var(--accentBgActive);
338
338
  }
339
339
 
340
- ._toolbarToggleItem_ykyo3_181[data-disabled], ._toolbarButton_ykyo3_210[data-disabled] {
340
+ ._toolbarToggleItem_npm11_181[data-disabled], ._toolbarButton_npm11_210[data-disabled] {
341
341
  pointer-events: none;
342
342
  color: var(--baseBorderHover);
343
343
  }
344
344
 
345
- ._toolbarButton_ykyo3_210 {
345
+ ._toolbarButton_npm11_210 {
346
346
  border-radius: var(--radius-base);
347
347
  }
348
348
 
349
- ._activeToolbarButton_ykyo3_240 {
349
+ ._activeToolbarButton_npm11_240 {
350
350
  color: var(--accentText);
351
351
  }
352
352
 
353
- ._toolbarToggleSingleGroup_ykyo3_196 {
353
+ ._toolbarToggleSingleGroup_npm11_196 {
354
354
  white-space: nowrap;
355
355
  }
356
356
 
357
- ._toolbarNodeKindSelectContainer_ykyo3_248, ._toolbarButtonDropdownContainer_ykyo3_249, ._toolbarCodeBlockLanguageSelectContent_ykyo3_250, ._selectContainer_ykyo3_251
357
+ ._toolbarNodeKindSelectContainer_npm11_248, ._toolbarButtonDropdownContainer_npm11_249, ._toolbarCodeBlockLanguageSelectContent_npm11_250, ._selectContainer_npm11_251
358
358
  {
359
359
  z-index: 3;
360
360
  width: var(--spacing-36);
@@ -364,11 +364,11 @@
364
364
  font-size: var(--text-sm);
365
365
  }
366
366
 
367
- ._toolbarButtonDropdownContainer_ykyo3_249 {
367
+ ._toolbarButtonDropdownContainer_npm11_249 {
368
368
  border-top-right-radius: var(--radius-base);
369
369
  }
370
370
 
371
- ._toolbarNodeKindSelectTrigger_ykyo3_265, ._toolbarButtonSelectTrigger_ykyo3_266, ._selectTrigger_ykyo3_267 {
371
+ ._toolbarNodeKindSelectTrigger_npm11_265, ._toolbarButtonSelectTrigger_npm11_266, ._selectTrigger_npm11_267 {
372
372
  border: 0;
373
373
  background-color: transparent;
374
374
  display: flex;
@@ -384,85 +384,85 @@
384
384
  font-size: var(--text-sm);
385
385
  }
386
386
 
387
- ._toolbarNodeKindSelectTrigger_ykyo3_265:hover, ._toolbarButtonSelectTrigger_ykyo3_266:hover, ._selectTrigger_ykyo3_267:hover {
387
+ ._toolbarNodeKindSelectTrigger_npm11_265:hover, ._toolbarButtonSelectTrigger_npm11_266:hover, ._selectTrigger_npm11_267:hover {
388
388
  background-color: var(--baseBgHover);
389
389
  }
390
390
 
391
- ._toolbarNodeKindSelectTrigger_ykyo3_265[data-state=open], ._toolbarButtonSelectTrigger_ykyo3_266[data-state=open], ._selectTrigger_ykyo3_267[data-state=open] {
391
+ ._toolbarNodeKindSelectTrigger_npm11_265[data-state=open], ._toolbarButtonSelectTrigger_npm11_266[data-state=open], ._selectTrigger_npm11_267[data-state=open] {
392
392
  border-bottom-right-radius: var(--radius-none);
393
393
  border-bottom-left-radius: var(--radius-none);
394
394
  background-color: var(--baseBgHover);
395
395
  }
396
- ._selectTrigger_ykyo3_267[data-placeholder] > span:first-child {
396
+ ._selectTrigger_npm11_267[data-placeholder] > span:first-child {
397
397
  color: var(--baseBorderHover);
398
398
  }
399
399
 
400
400
  /** used in the sandpack */
401
- ._toolbarButtonSelectTrigger_ykyo3_266 {
401
+ ._toolbarButtonSelectTrigger_npm11_266 {
402
402
  width: auto;
403
403
  padding-inline-start: var(--spacing-2) ;
404
404
  padding-inline-end: var(--spacing-1);
405
405
  }
406
406
 
407
- ._toolbarCodeBlockLanguageSelectTrigger_ykyo3_303, ._toolbarCodeBlockLanguageSelectContent_ykyo3_250
407
+ ._toolbarCodeBlockLanguageSelectTrigger_npm11_303, ._toolbarCodeBlockLanguageSelectContent_npm11_250
408
408
  {
409
409
  width: var(--spacing-48);
410
410
  }
411
411
 
412
- ._toolbarNodeKindSelectItem_ykyo3_309, ._selectItem_ykyo3_310
412
+ ._toolbarNodeKindSelectItem_npm11_309, ._selectItem_npm11_310
413
413
  {
414
414
  cursor: default;
415
415
  display: flex;
416
416
  padding: var(--spacing-2) var(--spacing-4);
417
417
  }
418
418
 
419
- ._toolbarNodeKindSelectItem_ykyo3_309[data-highlighted], ._selectItem_ykyo3_310[data-highlighted] {
419
+ ._toolbarNodeKindSelectItem_npm11_309[data-highlighted], ._selectItem_npm11_310[data-highlighted] {
420
420
  background-color: var(--baseBgSubtle);
421
421
  }
422
422
 
423
- ._toolbarNodeKindSelectItem_ykyo3_309[data-state=checked], ._selectItem_ykyo3_310[data-state=checked] {
423
+ ._toolbarNodeKindSelectItem_npm11_309[data-state=checked], ._selectItem_npm11_310[data-state=checked] {
424
424
  background-color: var(--accentBgActive);
425
425
  }
426
426
 
427
- ._toolbarNodeKindSelectItem_ykyo3_309[data-highlighted], ._selectItem_ykyo3_310[data-highlighted] {
427
+ ._toolbarNodeKindSelectItem_npm11_309[data-highlighted], ._selectItem_npm11_310[data-highlighted] {
428
428
  outline: none;
429
429
  }
430
430
 
431
- ._toolbarNodeKindSelectItem_ykyo3_309:last-child, ._selectItem_ykyo3_310:last-child {
431
+ ._toolbarNodeKindSelectItem_npm11_309:last-child, ._selectItem_npm11_310:last-child {
432
432
  border-bottom-left-radius: var(--radius-base);
433
433
  border-bottom-right-radius: var(--radius-base);
434
434
  }
435
435
 
436
- ._toolbarNodeKindSelectDropdownArrow_ykyo3_334, ._selectDropdownArrow_ykyo3_335 {
436
+ ._toolbarNodeKindSelectDropdownArrow_npm11_334, ._selectDropdownArrow_npm11_335 {
437
437
  margin-left: auto;
438
438
  }
439
439
 
440
- ._contentEditable_ykyo3_339 {
440
+ ._contentEditable_npm11_339 {
441
441
  box-sizing: border-box;
442
442
  width: 100%;
443
443
  color: var(--baseTextContrast);
444
444
  padding: var(--spacing-3);
445
445
  }
446
446
 
447
- ._contentEditable_ykyo3_339:focus {
447
+ ._contentEditable_npm11_339:focus {
448
448
  outline: none;
449
449
  }
450
450
 
451
- ._sandpackWrapper_ykyo3_349 {
451
+ ._sandpackWrapper_npm11_349 {
452
452
  margin-bottom:var(--spacing-5);
453
453
  }
454
454
 
455
- ._frontmatterWrapper_ykyo3_353 {
455
+ ._frontmatterWrapper_npm11_353 {
456
456
  border-radius: var(--radius-medium);
457
457
  padding: var(--spacing-3);
458
458
  background-color: var(--baseBgSubtle);
459
459
  }
460
460
 
461
- ._frontmatterWrapper_ykyo3_353[data-expanded=true] {
461
+ ._frontmatterWrapper_npm11_353[data-expanded=true] {
462
462
  margin-bottom: var(--spacing-10);
463
463
  }
464
464
 
465
- ._frontmatterToggleButton_ykyo3_363 {
465
+ ._frontmatterToggleButton_npm11_363 {
466
466
  border: 0;
467
467
  background-color: transparent;
468
468
  font-size: inherit;
@@ -478,7 +478,7 @@
478
478
  font-size: var(--text-sm);
479
479
  }
480
480
 
481
- ._propertyPanelTitle_ykyo3_371 {
481
+ ._propertyPanelTitle_npm11_371 {
482
482
  font-size: var(--text-xs);
483
483
  font-weight: 400;
484
484
  margin: 0;
@@ -486,49 +486,49 @@
486
486
  padding-left: var(--spacing-2);
487
487
  }
488
488
 
489
- ._propertyEditorTable_ykyo3_379 {
489
+ ._propertyEditorTable_npm11_379 {
490
490
  table-layout: fixed;
491
491
  border-spacing: var(--spacing-2);
492
492
  }
493
493
 
494
- ._propertyEditorTable_ykyo3_379 th {
494
+ ._propertyEditorTable_npm11_379 th {
495
495
  text-align: left;
496
496
  font-size: var(--text-sm);
497
497
  padding: var(--spacing-2) var(--spacing-3);
498
498
  }
499
499
 
500
- ._propertyEditorTable_ykyo3_379 col:nth-child(1) {
500
+ ._propertyEditorTable_npm11_379 col:nth-child(1) {
501
501
  width: 30%;
502
502
  }
503
503
 
504
- ._propertyEditorTable_ykyo3_379 col:nth-child(2) {
504
+ ._propertyEditorTable_npm11_379 col:nth-child(2) {
505
505
  width: 70%;
506
506
  }
507
507
 
508
- ._propertyEditorTable_ykyo3_379 td:last-child ._iconButton_ykyo3_396 {
508
+ ._propertyEditorTable_npm11_379 td:last-child ._iconButton_npm11_396 {
509
509
  margin-left: var(--spacing-4);
510
510
  margin-right: var(--spacing-4);
511
511
  }
512
512
 
513
- ._propertyEditorTable_ykyo3_379 ._readOnlyColumnCell_ykyo3_401 {
513
+ ._propertyEditorTable_npm11_379 ._readOnlyColumnCell_npm11_401 {
514
514
  padding-left: 0;
515
515
  }
516
516
 
517
- ._propertyEditorLabelCell_ykyo3_406 {
517
+ ._propertyEditorLabelCell_npm11_406 {
518
518
  font-weight: 400;
519
519
  }
520
520
 
521
- ._readOnlyColumnCell_ykyo3_401 {
521
+ ._readOnlyColumnCell_npm11_401 {
522
522
  padding-left: 0;
523
523
  }
524
524
 
525
- ._buttonsFooter_ykyo3_414 {
525
+ ._buttonsFooter_npm11_414 {
526
526
  display: flex;
527
527
  justify-content: flex-end;
528
528
  gap: var(--spacing-2);
529
529
  }
530
530
 
531
- ._propertyEditorInput_ykyo3_420 {
531
+ ._propertyEditorInput_npm11_420 {
532
532
  border: 0;
533
533
  background-color: transparent;
534
534
  font-size: inherit;
@@ -546,7 +546,7 @@
546
546
  font-size: var(--text-sm);
547
547
  }
548
548
 
549
- ._iconButton_ykyo3_396 {
549
+ ._iconButton_npm11_396 {
550
550
  border: 0;
551
551
  background-color: transparent;
552
552
  font-size: inherit;
@@ -559,15 +559,15 @@
559
559
  color:var(--baseText);
560
560
  }
561
561
 
562
- ._iconButton_ykyo3_396:hover {
562
+ ._iconButton_npm11_396:hover {
563
563
  color: var(--accentText);
564
564
  }
565
565
 
566
- ._iconButton_ykyo3_396:disabled, ._iconButton_ykyo3_396:disabled:hover {
566
+ ._iconButton_npm11_396:disabled, ._iconButton_npm11_396:disabled:hover {
567
567
  color:var(--baseLine);
568
568
  }
569
569
 
570
- ._primaryButton_ykyo3_441, ._secondaryButton_ykyo3_441 {
570
+ ._primaryButton_npm11_441, ._secondaryButton_npm11_441 {
571
571
  border: 0;
572
572
  background-color: transparent;
573
573
  font-size: inherit;
@@ -585,37 +585,37 @@
585
585
  border-radius: var(--radius-medium);
586
586
  }
587
587
 
588
- ._primaryButton_ykyo3_441:disabled, ._secondaryButton_ykyo3_441:disabled {
588
+ ._primaryButton_npm11_441:disabled, ._secondaryButton_npm11_441:disabled {
589
589
  background: var(--accentLine);
590
590
  border-color: var(--accentBg);
591
591
  }
592
592
 
593
- ._smallButton_ykyo3_455 {
593
+ ._smallButton_npm11_455 {
594
594
  font-size: var(--text-xs);
595
595
  padding: var(--spacing-1) var(--spacing-2);
596
596
  border-radius: var(--radius-base);
597
597
  }
598
598
 
599
- ._secondaryButton_ykyo3_441 {
599
+ ._secondaryButton_npm11_441 {
600
600
  border: 1px solid var(--baseBorder);
601
601
  background-color: var(--baseSolidHover);
602
602
  color:var(--baseBase);
603
603
  }
604
604
 
605
- ._linkDialogEditForm_ykyo3_467 {
605
+ ._linkDialogEditForm_npm11_467 {
606
606
  display: flex;
607
607
  flex-direction: column;
608
608
  align-items: stretch;
609
609
  gap: var(--spacing-2);
610
610
  }
611
611
 
612
- ._linkDialogInputContainer_ykyo3_474 {
612
+ ._linkDialogInputContainer_npm11_474 {
613
613
  display: flex;
614
614
  flex-direction: column;
615
615
  align-items: stretch;
616
616
  }
617
617
 
618
- ._linkDialogInputWrapper_ykyo3_480 {
618
+ ._linkDialogInputWrapper_npm11_480 {
619
619
  display: flex;
620
620
  align-items: center;
621
621
  background-color: var(--baseBase);
@@ -624,13 +624,13 @@
624
624
  border:1px solid var(--baseBorder);
625
625
  }
626
626
 
627
- ._linkDialogInputWrapper_ykyo3_480[data-visible-dropdown=true] {
627
+ ._linkDialogInputWrapper_npm11_480[data-visible-dropdown=true] {
628
628
  border-bottom-left-radius: var(--radius-none) ;
629
629
  border-bottom-right-radius: var(--radius-none) ;
630
630
  border-bottom-width: 0;
631
631
  }
632
632
 
633
- ._linkDialogInputWrapper_ykyo3_480 > button {
633
+ ._linkDialogInputWrapper_npm11_480 > button {
634
634
  border: 0;
635
635
  background-color: transparent;
636
636
  font-size: inherit;
@@ -643,7 +643,7 @@
643
643
  padding-right: var(--spacing-2);
644
644
  }
645
645
 
646
- ._linkDialogInput_ykyo3_474 {
646
+ ._linkDialogInput_npm11_474 {
647
647
  border: 0;
648
648
  background-color: transparent;
649
649
  font-size: inherit;
@@ -658,19 +658,19 @@
658
658
  font-size: var(--text-sm);
659
659
  }
660
660
 
661
- ._linkDialogInput_ykyo3_474::-moz-placeholder {
661
+ ._linkDialogInput_npm11_474::-moz-placeholder {
662
662
  color: var(--baseBorder);
663
663
  }
664
664
 
665
- ._linkDialogInput_ykyo3_474::placeholder {
665
+ ._linkDialogInput_npm11_474::placeholder {
666
666
  color: var(--baseBorder);
667
667
  }
668
668
 
669
- ._linkDialogAutocompleteContainer_ykyo3_510 {
669
+ ._linkDialogAutocompleteContainer_npm11_510 {
670
670
  position: relative;
671
671
  }
672
672
 
673
- ._linkDialogAutocompleteContainer_ykyo3_510 ul {
673
+ ._linkDialogAutocompleteContainer_npm11_510 ul {
674
674
  all: unset;
675
675
  box-sizing: border-box;
676
676
  position: absolute;
@@ -687,11 +687,11 @@
687
687
  background-color: var(--baseBase);
688
688
  }
689
689
 
690
- ._linkDialogAutocompleteContainer_ykyo3_510 ul[data-visible=true] {
690
+ ._linkDialogAutocompleteContainer_npm11_510 ul[data-visible=true] {
691
691
  display: block;
692
692
  }
693
693
 
694
- ._linkDialogAutocompleteContainer_ykyo3_510 ul li {
694
+ ._linkDialogAutocompleteContainer_npm11_510 ul li {
695
695
  padding: var(--spacing-2) var(--spacing-3);
696
696
  white-space: nowrap;
697
697
  margin-bottom: var(--spacing-1);
@@ -699,34 +699,34 @@
699
699
  text-overflow: ellipsis;
700
700
  }
701
701
 
702
- ._linkDialogAutocompleteContainer_ykyo3_510 ul li[data-selected=true] {
702
+ ._linkDialogAutocompleteContainer_npm11_510 ul li[data-selected=true] {
703
703
  background-color: var(--baseBgSubtle);
704
704
  }
705
705
 
706
- ._linkDialogAutocompleteContainer_ykyo3_510 ul li[data-highlighted=true] {
706
+ ._linkDialogAutocompleteContainer_npm11_510 ul li[data-highlighted=true] {
707
707
  background-color: var(--baseBgHover);
708
708
  }
709
709
 
710
- ._linkDialogAutocompleteContainer_ykyo3_510 ul li:last-of-type {
710
+ ._linkDialogAutocompleteContainer_npm11_510 ul li:last-of-type {
711
711
  border-bottom-left-radius: var(--radius-medium) ;
712
712
  border-bottom-right-radius: var(--radius-medium) ;
713
713
  }
714
714
 
715
- ._linkDialogAnchor_ykyo3_555 {
715
+ ._linkDialogAnchor_npm11_555 {
716
716
  position: fixed;
717
717
  background-color: highlight;
718
718
  z-index: -1;
719
719
  }
720
720
 
721
- ._linkDialogAnchor_ykyo3_555[data-visible=true] {
721
+ ._linkDialogAnchor_npm11_555[data-visible=true] {
722
722
  visibility: visible;
723
723
  }
724
724
 
725
- ._linkDialogAnchor_ykyo3_555[data-visible=false] {
725
+ ._linkDialogAnchor_npm11_555[data-visible=false] {
726
726
  visibility: hidden;
727
727
  }
728
728
 
729
- ._linkDialogPopoverContent_ykyo3_569, ._tableColumnEditorPopoverContent_ykyo3_569, ._dialogContent_ykyo3_569 {
729
+ ._linkDialogPopoverContent_npm11_569, ._tableColumnEditorPopoverContent_npm11_569, ._dialogContent_npm11_569 {
730
730
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
731
731
  display: flex;
732
732
  align-items: center;
@@ -738,7 +738,7 @@
738
738
  font-size: var(--text-sm);
739
739
  }
740
740
 
741
- ._largeDialogContent_ykyo3_581 {
741
+ ._largeDialogContent_npm11_581 {
742
742
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
743
743
  gap: var(--spacing-0_5);
744
744
  border-radius:var(--radius-medium);
@@ -748,13 +748,13 @@
748
748
  font-size: var(--text-sm);
749
749
  }
750
750
 
751
- ._dialogTitle_ykyo3_591 {
751
+ ._dialogTitle_npm11_591 {
752
752
  font-size: var(--text-base);
753
753
  font-weight: 600;
754
754
  padding-left: var(--spacing-2);
755
755
  }
756
756
 
757
- ._dialogCloseButton_ykyo3_597 {
757
+ ._dialogCloseButton_npm11_597 {
758
758
  border: 0;
759
759
  background-color: transparent;
760
760
  font-size: inherit;
@@ -769,7 +769,7 @@
769
769
  right: 10px;
770
770
  }
771
771
 
772
- ._popoverContent_ykyo3_604 {
772
+ ._popoverContent_npm11_604 {
773
773
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
774
774
  display: flex;
775
775
  align-items: center;
@@ -778,15 +778,16 @@
778
778
  background-color: var(--baseBgSubtle);
779
779
  padding:var(--spacing-2) var(--spacing-2);
780
780
  font-size: var(--text-sm);
781
+ z-index: 1;
781
782
  }
782
783
 
783
- ._popoverArrow_ykyo3_615 {
784
+ ._popoverArrow_npm11_616 {
784
785
  fill: var(--baseBgSubtle);
785
786
  }
786
787
 
787
788
 
788
789
 
789
- ._linkDialogPreviewAnchor_ykyo3_621 {
790
+ ._linkDialogPreviewAnchor_npm11_622 {
790
791
  margin-right: var(--spacing-3);
791
792
  display: flex;
792
793
  align-items: flex-start;
@@ -797,7 +798,7 @@
797
798
 
798
799
 
799
800
 
800
- ._linkDialogPreviewAnchor_ykyo3_621 svg {
801
+ ._linkDialogPreviewAnchor_npm11_622 svg {
801
802
  width: var(--spacing-5);
802
803
  height: var(--spacing-5);
803
804
  margin-left: var(--spacing-2);
@@ -805,14 +806,14 @@
805
806
 
806
807
 
807
808
 
808
- ._linkDialogPreviewAnchor_ykyo3_621 span {
809
+ ._linkDialogPreviewAnchor_npm11_622 span {
809
810
  max-width: 14rem;
810
811
  overflow-x: hidden;
811
812
  text-overflow: ellipsis;
812
813
  white-space: nowrap;
813
814
  }
814
815
 
815
- ._tooltipContent_ykyo3_643 {
816
+ ._tooltipContent_npm11_644 {
816
817
  z-index: 2;
817
818
  position: relative;
818
819
  border-radius: var(--radius-medium);
@@ -822,11 +823,11 @@
822
823
  color: var(--baseBase);
823
824
  }
824
825
 
825
- ._tooltipContent_ykyo3_643 svg {
826
+ ._tooltipContent_npm11_644 svg {
826
827
  fill: var(--baseText);
827
828
  }
828
829
 
829
- ._actionButton_ykyo3_657 {
830
+ ._actionButton_npm11_658 {
830
831
  border: 0;
831
832
  background-color: transparent;
832
833
  font-size: inherit;
@@ -841,33 +842,33 @@
841
842
  border-radius: var(--radius-medium);
842
843
  }
843
844
 
844
- ._actionButton_ykyo3_657 svg {
845
+ ._actionButton_npm11_658 svg {
845
846
  display: block;
846
847
  }
847
848
 
848
- ._actionButton_ykyo3_657:hover {
849
+ ._actionButton_npm11_658:hover {
849
850
  background-color: var(--baseBgHover);
850
851
  }
851
852
 
852
- ._actionButton_ykyo3_657:active svg {
853
+ ._actionButton_npm11_658:active svg {
853
854
  transform: translate(1px, 1px);
854
855
  }
855
856
 
856
- ._actionButton_ykyo3_657[data-state=on], ._actionButton_ykyo3_657:active {
857
+ ._actionButton_npm11_658[data-state=on], ._actionButton_npm11_658:active {
857
858
  background-color: var(--accentBgActive);
858
859
  }
859
860
 
860
- ._primaryActionButton_ykyo3_663 {
861
+ ._primaryActionButton_npm11_664 {
861
862
  background-color: var(--accentSolid);
862
863
  color:var(--baseBase);
863
864
  }
864
865
 
865
- ._primaryActionButton_ykyo3_663:hover {
866
+ ._primaryActionButton_npm11_664:hover {
866
867
  background-color: var(--accentSolidHover);
867
868
  color:var(--baseBase);
868
869
  }
869
870
 
870
- ._tableEditor_ykyo3_672 {
871
+ ._tableEditor_npm11_673 {
871
872
  table-layout: fixed;
872
873
  width: 100%;
873
874
  height: 100%;
@@ -875,50 +876,50 @@
875
876
  border-collapse: collapse;
876
877
  }
877
878
 
878
- ._tableEditor_ykyo3_672 thead > tr > th {
879
+ ._tableEditor_npm11_673 thead > tr > th {
879
880
  text-align: right;
880
881
  }
881
882
 
882
- ._tableEditor_ykyo3_672 > tbody > tr > td:not(._toolCell_ykyo3_683) {
883
+ ._tableEditor_npm11_673 > tbody > tr > td:not(._toolCell_npm11_684) {
883
884
  border: 1px solid var(--baseBorder);
884
885
  padding: var(--spacing-1) var(--spacing-2);
885
886
  white-space: normal;
886
887
  }
887
888
 
888
- ._tableEditor_ykyo3_672 > tbody > tr > td:not(._toolCell_ykyo3_683) > div {
889
+ ._tableEditor_npm11_673 > tbody > tr > td:not(._toolCell_npm11_684) > div {
889
890
  outline: none;
890
891
  }
891
892
 
892
- ._tableEditor_ykyo3_672 > tbody > tr > td:not(._toolCell_ykyo3_683) > div > p {
893
+ ._tableEditor_npm11_673 > tbody > tr > td:not(._toolCell_npm11_684) > div > p {
893
894
  margin: 0;
894
895
  }
895
896
 
896
- ._tableEditor_ykyo3_672 > tbody > tr > td[data-active=true]:not(._toolCell_ykyo3_683) {
897
+ ._tableEditor_npm11_673 > tbody > tr > td[data-active=true]:not(._toolCell_npm11_684) {
897
898
  outline: solid 2px var(--accentSolid)
898
899
  }
899
900
 
900
- ._tableEditor_ykyo3_672 ._tableColumnEditorTrigger_ykyo3_700, ._tableEditor_ykyo3_672 ._tableRowEditorTrigger_ykyo3_700, ._tableEditor_ykyo3_672 ._addRowButton_ykyo3_700, ._tableEditor_ykyo3_672 ._addColumnButton_ykyo3_700, ._tableEditor_ykyo3_672 ._iconButton_ykyo3_396 {
901
+ ._tableEditor_npm11_673 ._tableColumnEditorTrigger_npm11_701, ._tableEditor_npm11_673 ._tableRowEditorTrigger_npm11_701, ._tableEditor_npm11_673 ._addRowButton_npm11_701, ._tableEditor_npm11_673 ._addColumnButton_npm11_701, ._tableEditor_npm11_673 ._iconButton_npm11_396 {
901
902
  opacity: .2;
902
903
  }
903
904
 
904
- ._tableEditor_ykyo3_672:hover ._tableColumnEditorTrigger_ykyo3_700, ._tableEditor_ykyo3_672:hover ._tableRowEditorTrigger_ykyo3_700, ._tableEditor_ykyo3_672:hover ._addRowButton_ykyo3_700, ._tableEditor_ykyo3_672:hover ._addColumnButton_ykyo3_700, ._tableEditor_ykyo3_672:hover ._iconButton_ykyo3_396 {
905
+ ._tableEditor_npm11_673:hover ._tableColumnEditorTrigger_npm11_701, ._tableEditor_npm11_673:hover ._tableRowEditorTrigger_npm11_701, ._tableEditor_npm11_673:hover ._addRowButton_npm11_701, ._tableEditor_npm11_673:hover ._addColumnButton_npm11_701, ._tableEditor_npm11_673:hover ._iconButton_npm11_396 {
905
906
  opacity: .5;
906
907
  }
907
908
 
908
- ._tableEditor_ykyo3_672:hover ._tableColumnEditorTrigger_ykyo3_700:hover, ._tableEditor_ykyo3_672:hover ._tableRowEditorTrigger_ykyo3_700:hover, ._tableEditor_ykyo3_672:hover ._addRowButton_ykyo3_700:hover, ._tableEditor_ykyo3_672:hover ._addColumnButton_ykyo3_700:hover, ._tableEditor_ykyo3_672:hover ._iconButton_ykyo3_396:hover {
909
+ ._tableEditor_npm11_673:hover ._tableColumnEditorTrigger_npm11_701:hover, ._tableEditor_npm11_673:hover ._tableRowEditorTrigger_npm11_701:hover, ._tableEditor_npm11_673:hover ._addRowButton_npm11_701:hover, ._tableEditor_npm11_673:hover ._addColumnButton_npm11_701:hover, ._tableEditor_npm11_673:hover ._iconButton_npm11_396:hover {
909
910
  opacity: 1;
910
911
  }
911
912
 
912
- ._toolCell_ykyo3_683 {
913
+ ._toolCell_npm11_684 {
913
914
  text-align: right;
914
915
  }
915
916
 
916
- ._toolCell_ykyo3_683 button {
917
+ ._toolCell_npm11_684 button {
917
918
  margin: auto;
918
919
  display: block;
919
920
  }
920
921
 
921
- ._tableColumnEditorTrigger_ykyo3_700 {
922
+ ._tableColumnEditorTrigger_npm11_701 {
922
923
  border: 0;
923
924
  background-color: transparent;
924
925
  font-size: inherit;
@@ -934,31 +935,31 @@
934
935
  opacity: 0.2;
935
936
  }
936
937
 
937
- ._tableColumnEditorTrigger_ykyo3_700 svg {
938
+ ._tableColumnEditorTrigger_npm11_701 svg {
938
939
  display: block;
939
940
  }
940
941
 
941
- ._tableColumnEditorTrigger_ykyo3_700:hover {
942
+ ._tableColumnEditorTrigger_npm11_701:hover {
942
943
  background-color: var(--baseBgHover);
943
944
  }
944
945
 
945
- ._tableColumnEditorTrigger_ykyo3_700:active svg {
946
+ ._tableColumnEditorTrigger_npm11_701:active svg {
946
947
  transform: translate(1px, 1px);
947
948
  }
948
949
 
949
- ._tableColumnEditorTrigger_ykyo3_700[data-state=on], ._tableColumnEditorTrigger_ykyo3_700:active {
950
+ ._tableColumnEditorTrigger_npm11_701[data-state=on], ._tableColumnEditorTrigger_npm11_701:active {
950
951
  background-color: var(--accentBgActive);
951
952
  }
952
953
 
953
- ._tableColumnEditorTrigger_ykyo3_700[data-active=true] {
954
+ ._tableColumnEditorTrigger_npm11_701[data-active=true] {
954
955
  opacity: 1;
955
956
  }
956
957
 
957
- ._tableColumnEditorToolbar_ykyo3_734 {
958
+ ._tableColumnEditorToolbar_npm11_735 {
958
959
  display: flex;
959
960
  }
960
961
 
961
- ._tableColumnEditorToolbar_ykyo3_734 > button {
962
+ ._tableColumnEditorToolbar_npm11_735 > button {
962
963
  border: 0;
963
964
  background-color: transparent;
964
965
  font-size: inherit;
@@ -971,34 +972,34 @@
971
972
  padding: var(--spacing-2);
972
973
  }
973
974
 
974
- ._tableColumnEditorToolbar_ykyo3_734 > button svg {
975
+ ._tableColumnEditorToolbar_npm11_735 > button svg {
975
976
  display: block;
976
977
  }
977
978
 
978
- ._tableColumnEditorToolbar_ykyo3_734 > button:hover {
979
+ ._tableColumnEditorToolbar_npm11_735 > button:hover {
979
980
  background-color: var(--baseBgHover);
980
981
  }
981
982
 
982
- ._tableColumnEditorToolbar_ykyo3_734 > button:active svg {
983
+ ._tableColumnEditorToolbar_npm11_735 > button:active svg {
983
984
  transform: translate(1px, 1px);
984
985
  }
985
986
 
986
- ._tableColumnEditorToolbar_ykyo3_734 > button[data-state=on], ._tableColumnEditorToolbar_ykyo3_734 > button:active {
987
+ ._tableColumnEditorToolbar_npm11_735 > button[data-state=on], ._tableColumnEditorToolbar_npm11_735 > button:active {
987
988
  background-color: var(--accentBgActive);
988
989
  }
989
990
 
990
- ._tableColumnEditorToolbar_ykyo3_734 [role=separator] {
991
+ ._tableColumnEditorToolbar_npm11_735 [role=separator] {
991
992
  margin-left: var(--spacing-1);
992
993
  margin-right: var(--spacing-1);
993
994
  }
994
995
 
995
996
 
996
- ._toggleGroupRoot_ykyo3_746 {
997
+ ._toggleGroupRoot_npm11_747 {
997
998
  display: inline-flex;
998
999
  }
999
1000
 
1000
1001
 
1001
- ._toggleGroupRoot_ykyo3_746 button {
1002
+ ._toggleGroupRoot_npm11_747 button {
1002
1003
  border: 0;
1003
1004
  background-color: transparent;
1004
1005
  font-size: inherit;
@@ -1012,59 +1013,59 @@
1012
1013
  }
1013
1014
 
1014
1015
 
1015
- ._toggleGroupRoot_ykyo3_746 button svg {
1016
+ ._toggleGroupRoot_npm11_747 button svg {
1016
1017
  display: block;
1017
1018
  }
1018
1019
 
1019
1020
 
1020
- ._toggleGroupRoot_ykyo3_746 button:hover {
1021
+ ._toggleGroupRoot_npm11_747 button:hover {
1021
1022
  background-color: var(--baseBgHover);
1022
1023
  }
1023
1024
 
1024
1025
 
1025
- ._toggleGroupRoot_ykyo3_746 button:active svg {
1026
+ ._toggleGroupRoot_npm11_747 button:active svg {
1026
1027
  transform: translate(1px, 1px);
1027
1028
  }
1028
1029
 
1029
1030
 
1030
- ._toggleGroupRoot_ykyo3_746 button[data-state=on], ._toggleGroupRoot_ykyo3_746 button:active {
1031
+ ._toggleGroupRoot_npm11_747 button[data-state=on], ._toggleGroupRoot_npm11_747 button:active {
1031
1032
  background-color: var(--accentBgActive);
1032
1033
  }
1033
1034
 
1034
1035
 
1035
- ._toggleGroupRoot_ykyo3_746 button:first-child {
1036
+ ._toggleGroupRoot_npm11_747 button:first-child {
1036
1037
  border-top-left-radius: var(--radius-base);
1037
1038
  border-bottom-left-radius: var(--radius-base);
1038
1039
  }
1039
1040
 
1040
1041
 
1041
- ._toggleGroupRoot_ykyo3_746 button:last-child {
1042
+ ._toggleGroupRoot_npm11_747 button:last-child {
1042
1043
  border-top-right-radius: var(--radius-base);
1043
1044
  border-bottom-right-radius: var(--radius-base);
1044
1045
  }
1045
1046
 
1046
- ._tableToolsColumn_ykyo3_763 {
1047
+ ._tableToolsColumn_npm11_764 {
1047
1048
  width: 3rem;
1048
1049
  }
1049
1050
 
1050
- ._tableToolsColumn_ykyo3_763 button {
1051
+ ._tableToolsColumn_npm11_764 button {
1051
1052
  margin: auto;
1052
1053
  display: block;
1053
1054
  }
1054
1055
 
1055
- ._leftAlignedCell_ykyo3_771 {
1056
+ ._leftAlignedCell_npm11_772 {
1056
1057
  text-align: left;
1057
1058
  }
1058
1059
 
1059
- ._rightAlignedCell_ykyo3_775 {
1060
+ ._rightAlignedCell_npm11_776 {
1060
1061
  text-align: right;
1061
1062
  }
1062
1063
 
1063
- ._centeredCell_ykyo3_779 {
1064
+ ._centeredCell_npm11_780 {
1064
1065
  text-align: center;
1065
1066
  }
1066
1067
 
1067
- ._addColumnButton_ykyo3_700, ._addRowButton_ykyo3_700 {
1068
+ ._addColumnButton_npm11_701, ._addRowButton_npm11_701 {
1068
1069
  border: 0;
1069
1070
  background-color: transparent;
1070
1071
  font-size: inherit;
@@ -1082,62 +1083,62 @@
1082
1083
  border-radius: var(--radius-medium);
1083
1084
  }
1084
1085
 
1085
- ._addColumnButton_ykyo3_700 svg, ._addRowButton_ykyo3_700 svg {
1086
+ ._addColumnButton_npm11_701 svg, ._addRowButton_npm11_701 svg {
1086
1087
  display: block;
1087
1088
  }
1088
1089
 
1089
- ._addColumnButton_ykyo3_700:hover, ._addRowButton_ykyo3_700:hover {
1090
+ ._addColumnButton_npm11_701:hover, ._addRowButton_npm11_701:hover {
1090
1091
  background-color: var(--baseBgHover);
1091
1092
  }
1092
1093
 
1093
- ._addColumnButton_ykyo3_700:active svg, ._addRowButton_ykyo3_700:active svg {
1094
+ ._addColumnButton_npm11_701:active svg, ._addRowButton_npm11_701:active svg {
1094
1095
  transform: translate(1px, 1px);
1095
1096
  }
1096
1097
 
1097
- ._addColumnButton_ykyo3_700[data-state=on], ._addRowButton_ykyo3_700[data-state=on], ._addColumnButton_ykyo3_700:active, ._addRowButton_ykyo3_700:active {
1098
+ ._addColumnButton_npm11_701[data-state=on], ._addRowButton_npm11_701[data-state=on], ._addColumnButton_npm11_701:active, ._addRowButton_npm11_701:active {
1098
1099
  background-color: var(--accentBgActive);
1099
1100
  }
1100
1101
 
1101
- ._addColumnButton_ykyo3_700 svg, ._addRowButton_ykyo3_700 svg {
1102
+ ._addColumnButton_npm11_701 svg, ._addRowButton_npm11_701 svg {
1102
1103
  margin: auto;
1103
1104
  }
1104
1105
 
1105
- ._addRowButton_ykyo3_700 {
1106
+ ._addRowButton_npm11_701 {
1106
1107
  width: 100%;
1107
1108
  margin-top: var(--spacing-2);
1108
1109
  box-sizing: border-box;
1109
1110
  }
1110
1111
 
1111
- ._addColumnButton_ykyo3_700 {
1112
+ ._addColumnButton_npm11_701 {
1112
1113
  margin-left: var(--spacing-2);
1113
1114
  height: 100%;
1114
1115
  }
1115
1116
 
1116
1117
  /** Dialog */
1117
- ._dialogOverlay_ykyo3_807 {
1118
+ ._dialogOverlay_npm11_808 {
1118
1119
  position: fixed;
1119
1120
  inset: 0;
1120
- animation: _overlayShow_ykyo3_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1121
+ animation: _overlayShow_npm11_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1121
1122
  background-color: var(--baseBase);
1122
1123
  z-index: 51;
1123
1124
  opacity: 0.5;
1124
1125
  }
1125
1126
 
1126
- ._dialogContent_ykyo3_569, ._largeDialogContent_ykyo3_581 {
1127
+ ._dialogContent_npm11_569, ._largeDialogContent_npm11_581 {
1127
1128
  position: fixed;
1128
1129
  top: 50%;
1129
1130
  left: 50%;
1130
1131
  transform: translate(-50%, -50%);
1131
- animation: _contentShow_ykyo3_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1132
+ animation: _contentShow_npm11_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1132
1133
  z-index: 52;
1133
1134
  }
1134
1135
 
1135
- ._dialogContent_ykyo3_569:focus, ._largeDialogContent_ykyo3_581:focus {
1136
+ ._dialogContent_npm11_569:focus, ._largeDialogContent_npm11_581:focus {
1136
1137
  outline: none;
1137
1138
  }
1138
1139
 
1139
1140
 
1140
- @keyframes _overlayShow_ykyo3_1 {
1141
+ @keyframes _overlayShow_npm11_1 {
1141
1142
  from {
1142
1143
  opacity: 0;
1143
1144
  }
@@ -1146,7 +1147,7 @@
1146
1147
  }
1147
1148
  }
1148
1149
 
1149
- @keyframes _contentShow_ykyo3_1 {
1150
+ @keyframes _contentShow_npm11_1 {
1150
1151
  from {
1151
1152
  opacity: 0;
1152
1153
  transform: translate(-50%, -48%) scale(0.96);
@@ -1157,22 +1158,22 @@
1157
1158
  }
1158
1159
  }
1159
1160
 
1160
- ._focusedImage_ykyo3_850 {
1161
+ ._focusedImage_npm11_851 {
1161
1162
  outline: highlight solid 2px;
1162
1163
  }
1163
1164
 
1164
- ._imageWrapper_ykyo3_854 {
1165
+ ._imageWrapper_npm11_855 {
1165
1166
  display: inline-block;
1166
1167
  position: relative;
1167
1168
  }
1168
1169
 
1169
- ._imageWrapper_ykyo3_854[draggable=true] {
1170
+ ._imageWrapper_npm11_855[draggable=true] {
1170
1171
  cursor: move; /* fallback if grab cursor is unsupported */
1171
1172
  cursor: grab;
1172
1173
  cursor: -webkit-grab;
1173
1174
  }
1174
1175
 
1175
- ._inlineEditor_ykyo3_866 {
1176
+ ._inlineEditor_npm11_867 {
1176
1177
  display: inline-flex;
1177
1178
  border-radius: var(--radius-medium);
1178
1179
  padding: var(--spacing-1);
@@ -1181,7 +1182,7 @@
1181
1182
  background: var(--baseBg);
1182
1183
  }
1183
1184
 
1184
- ._blockEditor_ykyo3_875 {
1185
+ ._blockEditor_npm11_876 {
1185
1186
  display: flex;
1186
1187
  justify-content: stretch;
1187
1188
  border-radius: var(--radius-medium);
@@ -1191,71 +1192,71 @@
1191
1192
  background: var(--baseBg);
1192
1193
  }
1193
1194
 
1194
- ._blockEditor_ykyo3_875 ._nestedEditor_ykyo3_884 {
1195
+ ._blockEditor_npm11_876 ._nestedEditor_npm11_885 {
1195
1196
  flex-grow: 1;
1196
1197
  }
1197
1198
 
1198
- ._nestedEditor_ykyo3_884 {
1199
+ ._nestedEditor_npm11_885 {
1199
1200
  background: white;
1200
1201
  padding: var(--spacing-1) var(--spacing-2);
1201
1202
  border-radius: var(--radius-medium);
1202
1203
  }
1203
1204
 
1204
- ._nestedEditor_ykyo3_884 > p {
1205
+ ._nestedEditor_npm11_885 > p {
1205
1206
  margin: 0;
1206
1207
  }
1207
1208
 
1208
- ._nestedEditor_ykyo3_884:focus {
1209
+ ._nestedEditor_npm11_885:focus {
1209
1210
  outline: none;
1210
1211
  }
1211
1212
 
1212
- ._genericComponentName_ykyo3_901 {
1213
+ ._genericComponentName_npm11_902 {
1213
1214
  font-size: var(--text-sm);
1214
1215
  color: var(--baseText);
1215
1216
  padding-right: var(--spacing-2);
1216
1217
  }
1217
1218
 
1218
- ._diffSourceToggle_ykyo3_907 {
1219
+ ._diffSourceToggle_npm11_908 {
1219
1220
  border: 1px solid var(--baseBorder);
1220
1221
  border-radius: var(--radius-medium);
1221
1222
  display: flex;
1222
1223
  }
1223
1224
 
1224
- ._diffSourceToggle_ykyo3_907 ._toolbarToggleItem_ykyo3_181 {
1225
+ ._diffSourceToggle_npm11_908 ._toolbarToggleItem_npm11_181 {
1225
1226
  padding: 0;
1226
1227
  }
1227
1228
 
1228
- ._diffSourceToggle_ykyo3_907 ._toolbarToggleItem_ykyo3_181 > span {
1229
+ ._diffSourceToggle_npm11_908 ._toolbarToggleItem_npm11_181 > span {
1229
1230
  display: block;
1230
1231
  padding: var(--spacing-2) var(--spacing-3);
1231
1232
  }
1232
1233
 
1233
- ._selectWithLabel_ykyo3_921 {
1234
+ ._selectWithLabel_npm11_922 {
1234
1235
  display: flex;
1235
1236
  align-items: center;
1236
1237
  gap: var(--spacing-2);
1237
1238
  margin-left: var(--spacing-2);
1238
1239
  }
1239
1240
 
1240
- ._selectWithLabel_ykyo3_921 > label {
1241
+ ._selectWithLabel_npm11_922 > label {
1241
1242
  font-size: var(--text-sm);
1242
1243
  }
1243
1244
 
1244
- ._selectWithLabel_ykyo3_921 ._selectTrigger_ykyo3_267 {
1245
+ ._selectWithLabel_npm11_922 ._selectTrigger_npm11_267 {
1245
1246
  border: 1px solid var(--baseBorder);
1246
1247
  }
1247
1248
 
1248
- ._toolbarTitleMode_ykyo3_935 {
1249
+ ._toolbarTitleMode_npm11_936 {
1249
1250
  font-size: var(--text-sm);
1250
1251
  margin-left: var(--spacing-2);
1251
1252
  }
1252
1253
 
1253
1254
 
1254
- ._imageControlWrapperResizing_ykyo3_941 {
1255
+ ._imageControlWrapperResizing_npm11_942 {
1255
1256
  touch-action: none;
1256
1257
  }
1257
1258
 
1258
- ._imageResizer_ykyo3_945 {
1259
+ ._imageResizer_npm11_946 {
1259
1260
  display: block;
1260
1261
  width: 7px;
1261
1262
  height: 7px;
@@ -1264,55 +1265,55 @@
1264
1265
  border: 1px solid var(--baseBg);
1265
1266
  }
1266
1267
 
1267
- ._imageResizer_ykyo3_945._imageResizerN_ykyo3_954 {
1268
+ ._imageResizer_npm11_946._imageResizerN_npm11_955 {
1268
1269
  top: -6px;
1269
1270
  left: 48%;
1270
1271
  cursor: n-resize;
1271
1272
  }
1272
1273
 
1273
- ._imageResizer_ykyo3_945._imageResizerNe_ykyo3_960 {
1274
+ ._imageResizer_npm11_946._imageResizerNe_npm11_961 {
1274
1275
  top: -6px;
1275
1276
  right: -6px;
1276
1277
  cursor: ne-resize;
1277
1278
  }
1278
1279
 
1279
- ._imageResizer_ykyo3_945._imageResizerE_ykyo3_966 {
1280
+ ._imageResizer_npm11_946._imageResizerE_npm11_967 {
1280
1281
  bottom: 48%;
1281
1282
  right: -6px;
1282
1283
  cursor: e-resize;
1283
1284
  }
1284
1285
 
1285
- ._imageResizer_ykyo3_945._imageResizerSe_ykyo3_972 {
1286
+ ._imageResizer_npm11_946._imageResizerSe_npm11_973 {
1286
1287
  bottom: -2px;
1287
1288
  right: -6px;
1288
1289
  cursor: nwse-resize;
1289
1290
  }
1290
1291
 
1291
- ._imageResizer_ykyo3_945._imageResizerS_ykyo3_972 {
1292
+ ._imageResizer_npm11_946._imageResizerS_npm11_973 {
1292
1293
  bottom: -2px;
1293
1294
  left: 48%;
1294
1295
  cursor: s-resize;
1295
1296
  }
1296
1297
 
1297
- ._imageResizer_ykyo3_945._imageResizerSw_ykyo3_984 {
1298
+ ._imageResizer_npm11_946._imageResizerSw_npm11_985 {
1298
1299
  bottom: -2px;
1299
1300
  left: -6px;
1300
1301
  cursor: sw-resize;
1301
1302
  }
1302
1303
 
1303
- ._imageResizer_ykyo3_945._imageResizerW_ykyo3_990 {
1304
+ ._imageResizer_npm11_946._imageResizerW_npm11_991 {
1304
1305
  bottom: 48%;
1305
1306
  left: -6px;
1306
1307
  cursor: w-resize;
1307
1308
  }
1308
1309
 
1309
- ._imageResizer_ykyo3_945._imageResizerNw_ykyo3_996 {
1310
+ ._imageResizer_npm11_946._imageResizerNw_npm11_997 {
1310
1311
  top: -6px;
1311
1312
  left: -6px;
1312
1313
  cursor: nw-resize;
1313
1314
  }
1314
1315
 
1315
- ._placeholder_ykyo3_1002 {
1316
+ ._placeholder_npm11_1003 {
1316
1317
  color: var(--baseSolid);
1317
1318
  overflow: hidden;
1318
1319
  position: absolute;
@@ -1327,7 +1328,7 @@
1327
1328
  pointer-events: none;
1328
1329
  }
1329
1330
 
1330
- ._rootContentEditableWrapper_ykyo3_1015 {
1331
+ ._rootContentEditableWrapper_npm11_1016 {
1331
1332
  position: relative;
1332
1333
  }
1333
1334
  :root, ._light-theme_13nbk_1 {