@mdxeditor/editor 2.20.5 → 3.0.0-alpha.1
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/index.d.ts +23 -12
- package/dist/index.js +5 -3
- package/dist/plugins/codeblock/CodeBlockNode.js +23 -26
- package/dist/plugins/codemirror/CodeMirrorEditor.js +59 -24
- package/dist/plugins/codemirror/index.js +9 -5
- package/dist/plugins/core/index.js +10 -1
- package/dist/plugins/sandpack/useCodeMirrorRef.js +1 -1
- package/dist/style.css +202 -198
- package/dist/styles/ui.module.css.js +106 -106
- package/package.json +2 -1
package/dist/style.css
CHANGED
|
@@ -335,7 +335,7 @@
|
|
|
335
335
|
.mdxeditor hr.selected[data-lexical-decorator=true] {
|
|
336
336
|
outline: 2px solid highlight;
|
|
337
337
|
}
|
|
338
|
-
.
|
|
338
|
+
._editorRoot_r5eta_38 {
|
|
339
339
|
--accentBase: var(--blue-1);
|
|
340
340
|
--accentBgSubtle: var(--blue-2);
|
|
341
341
|
--accentBg: var(--blue-3);
|
|
@@ -436,13 +436,13 @@
|
|
|
436
436
|
color: var(--baseText);
|
|
437
437
|
}
|
|
438
438
|
|
|
439
|
-
.
|
|
439
|
+
._editorWrapper_r5eta_139 {}
|
|
440
440
|
|
|
441
|
-
.
|
|
441
|
+
._nestedListItem_r5eta_141 {
|
|
442
442
|
list-style: none;
|
|
443
443
|
}
|
|
444
444
|
|
|
445
|
-
.
|
|
445
|
+
._toolbarRoot_r5eta_145 {
|
|
446
446
|
/* border: var(--spacing-px) solid var(--baseBorder); */
|
|
447
447
|
z-index: 1;
|
|
448
448
|
display: flex;
|
|
@@ -458,23 +458,23 @@
|
|
|
458
458
|
width: inherit;
|
|
459
459
|
}
|
|
460
460
|
|
|
461
|
-
.
|
|
461
|
+
._toolbarRoot_r5eta_145 div[role=separator] {
|
|
462
462
|
margin: var(--spacing-2) var(--spacing-1);
|
|
463
463
|
border-left: 1px solid var(--baseBorder);
|
|
464
464
|
border-right: 1px solid var(--baseBase);
|
|
465
465
|
height: var(--spacing-4);
|
|
466
466
|
}
|
|
467
467
|
|
|
468
|
-
.
|
|
468
|
+
._readOnlyToolbarRoot_r5eta_168 {
|
|
469
469
|
pointer-events: none;
|
|
470
470
|
background: var(--baseBase);
|
|
471
471
|
}
|
|
472
472
|
|
|
473
|
-
.
|
|
473
|
+
._readOnlyToolbarRoot_r5eta_168>div {
|
|
474
474
|
opacity: 0.5;
|
|
475
475
|
}
|
|
476
476
|
|
|
477
|
-
.
|
|
477
|
+
._toolbarModeSwitch_r5eta_177 {
|
|
478
478
|
opacity: 1 !important;
|
|
479
479
|
margin-left: auto;
|
|
480
480
|
align-self: stretch;
|
|
@@ -485,31 +485,31 @@
|
|
|
485
485
|
font-size: var(--text-xs);
|
|
486
486
|
}
|
|
487
487
|
|
|
488
|
-
.
|
|
488
|
+
._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187 {
|
|
489
489
|
padding-inline-end: var(--spacing-4);
|
|
490
490
|
padding-inline-start: var(--spacing-4);
|
|
491
491
|
}
|
|
492
492
|
|
|
493
|
-
.
|
|
493
|
+
._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:active, ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187[data-state=on] {
|
|
494
494
|
background-color: var(--baseBorder);
|
|
495
495
|
}
|
|
496
496
|
|
|
497
|
-
.
|
|
497
|
+
._toolbarGroupOfGroups_r5eta_198 {
|
|
498
498
|
display: flex;
|
|
499
499
|
margin: 0 var(--spacing-1);
|
|
500
500
|
}
|
|
501
501
|
|
|
502
|
-
.
|
|
502
|
+
._toolbarToggleSingleGroup_r5eta_203:first-of-type ._toolbarToggleItem_r5eta_187:only-child, ._toolbarToggleSingleGroup_r5eta_203:only-child ._toolbarToggleItem_r5eta_187:first-child, ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:first-child {
|
|
503
503
|
border-top-left-radius: var(--radius-base);
|
|
504
504
|
border-bottom-left-radius: var(--radius-base);
|
|
505
505
|
}
|
|
506
506
|
|
|
507
|
-
.
|
|
507
|
+
._toolbarToggleSingleGroup_r5eta_203:last-of-type ._toolbarToggleItem_r5eta_187:only-child, ._toolbarToggleSingleGroup_r5eta_203:only-child ._toolbarToggleItem_r5eta_187:last-child, ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:last-child {
|
|
508
508
|
border-top-right-radius: var(--radius-base);
|
|
509
509
|
border-bottom-right-radius: var(--radius-base);
|
|
510
510
|
}
|
|
511
511
|
|
|
512
|
-
.
|
|
512
|
+
._toolbarToggleItem_r5eta_187, ._toolbarButton_r5eta_218 {
|
|
513
513
|
border: 0;
|
|
514
514
|
background-color: transparent;
|
|
515
515
|
font-size: inherit;
|
|
@@ -522,41 +522,41 @@
|
|
|
522
522
|
padding: var(--spacing-1);
|
|
523
523
|
}
|
|
524
524
|
|
|
525
|
-
.
|
|
525
|
+
._toolbarToggleItem_r5eta_187 svg, ._toolbarButton_r5eta_218 svg {
|
|
526
526
|
display: block;
|
|
527
527
|
}
|
|
528
528
|
|
|
529
|
-
.
|
|
529
|
+
._toolbarToggleItem_r5eta_187:hover, ._toolbarButton_r5eta_218:hover {
|
|
530
530
|
background-color: var(--baseBgActive);
|
|
531
531
|
}
|
|
532
532
|
|
|
533
|
-
.
|
|
533
|
+
._toolbarToggleItem_r5eta_187:active svg, ._toolbarButton_r5eta_218:active svg {
|
|
534
534
|
transform: translate(1px, 1px);
|
|
535
535
|
}
|
|
536
536
|
|
|
537
|
-
.
|
|
537
|
+
._toolbarToggleItem_r5eta_187[data-state=on], ._toolbarButton_r5eta_218[data-state=on], ._toolbarToggleItem_r5eta_187:active, ._toolbarButton_r5eta_218:active {
|
|
538
538
|
color: var(--baseTextContrast);
|
|
539
539
|
background-color: var(--baseBgActive);
|
|
540
540
|
}
|
|
541
541
|
|
|
542
|
-
.
|
|
542
|
+
._toolbarToggleItem_r5eta_187[data-disabled], ._toolbarButton_r5eta_218[data-disabled] {
|
|
543
543
|
pointer-events: none;
|
|
544
544
|
color: var(--baseBorderHover);
|
|
545
545
|
}
|
|
546
546
|
|
|
547
|
-
.
|
|
547
|
+
._toolbarButton_r5eta_218 {
|
|
548
548
|
border-radius: var(--radius-base);
|
|
549
549
|
}
|
|
550
550
|
|
|
551
|
-
.
|
|
551
|
+
._activeToolbarButton_r5eta_250 {
|
|
552
552
|
color: var(--accentText);
|
|
553
553
|
}
|
|
554
554
|
|
|
555
|
-
.
|
|
555
|
+
._toolbarToggleSingleGroup_r5eta_203 {
|
|
556
556
|
white-space: nowrap;
|
|
557
557
|
}
|
|
558
558
|
|
|
559
|
-
.
|
|
559
|
+
._toolbarNodeKindSelectContainer_r5eta_258, ._toolbarButtonDropdownContainer_r5eta_259, ._toolbarCodeBlockLanguageSelectContent_r5eta_260, ._selectContainer_r5eta_261 {
|
|
560
560
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
561
561
|
z-index: 3;
|
|
562
562
|
width: var(--spacing-36);
|
|
@@ -566,15 +566,15 @@
|
|
|
566
566
|
font-size: var(--text-sm);
|
|
567
567
|
}
|
|
568
568
|
|
|
569
|
-
.
|
|
569
|
+
._toolbarButtonDropdownContainer_r5eta_259 {
|
|
570
570
|
border-top-right-radius: var(--radius-base);
|
|
571
571
|
}
|
|
572
572
|
|
|
573
|
-
.
|
|
573
|
+
._toolbarButtonDropdownContainer_r5eta_259 ._selectItem_r5eta_274:first-child {
|
|
574
574
|
border-top-right-radius: var(--radius-base);
|
|
575
575
|
}
|
|
576
576
|
|
|
577
|
-
.
|
|
577
|
+
._toolbarNodeKindSelectTrigger_r5eta_279, ._toolbarButtonSelectTrigger_r5eta_280, ._selectTrigger_r5eta_281 {
|
|
578
578
|
border: 0;
|
|
579
579
|
background-color: transparent;
|
|
580
580
|
display: flex;
|
|
@@ -590,59 +590,59 @@
|
|
|
590
590
|
margin: 0 var(--spacing-1);
|
|
591
591
|
}
|
|
592
592
|
|
|
593
|
-
.
|
|
593
|
+
._toolbarNodeKindSelectTrigger_r5eta_279[data-state=open], ._toolbarButtonSelectTrigger_r5eta_280[data-state=open], ._selectTrigger_r5eta_281[data-state=open] {
|
|
594
594
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
595
595
|
border-bottom-right-radius: var(--radius-none);
|
|
596
596
|
border-bottom-left-radius: var(--radius-none);
|
|
597
597
|
}
|
|
598
598
|
|
|
599
|
-
.
|
|
599
|
+
._selectTrigger_r5eta_281[data-placeholder]>span:first-child {
|
|
600
600
|
color: var(--baseBorderHover);
|
|
601
601
|
}
|
|
602
602
|
|
|
603
603
|
/** used in the sandpack */
|
|
604
|
-
.
|
|
604
|
+
._toolbarButtonSelectTrigger_r5eta_280 {
|
|
605
605
|
width: auto;
|
|
606
606
|
padding-inline-start: var(--spacing-2);
|
|
607
607
|
padding-inline-end: var(--spacing-1);
|
|
608
608
|
padding-block: var(--spacing-0_5);
|
|
609
609
|
}
|
|
610
610
|
|
|
611
|
-
.
|
|
611
|
+
._toolbarCodeBlockLanguageSelectTrigger_r5eta_315, ._toolbarCodeBlockLanguageSelectContent_r5eta_260 {
|
|
612
612
|
width: var(--spacing-48);
|
|
613
613
|
}
|
|
614
614
|
|
|
615
|
-
.
|
|
615
|
+
._toolbarNodeKindSelectItem_r5eta_320, ._selectItem_r5eta_274 {
|
|
616
616
|
cursor: default;
|
|
617
617
|
display: flex;
|
|
618
618
|
padding: var(--spacing-2);
|
|
619
619
|
}
|
|
620
620
|
|
|
621
|
-
.
|
|
621
|
+
._toolbarNodeKindSelectItem_r5eta_320[data-highlighted], ._selectItem_r5eta_274[data-highlighted] {
|
|
622
622
|
background-color: var(--baseBg);
|
|
623
623
|
}
|
|
624
624
|
|
|
625
|
-
.
|
|
625
|
+
._toolbarNodeKindSelectItem_r5eta_320[data-state=checked], ._selectItem_r5eta_274[data-state=checked] {
|
|
626
626
|
color: var(--baseTextContrast);
|
|
627
627
|
background-color: var(--baseBg);
|
|
628
628
|
}
|
|
629
629
|
|
|
630
|
-
.
|
|
630
|
+
._toolbarNodeKindSelectItem_r5eta_320[data-highlighted], ._selectItem_r5eta_274[data-highlighted] {
|
|
631
631
|
outline: none;
|
|
632
632
|
}
|
|
633
633
|
|
|
634
|
-
.
|
|
634
|
+
._toolbarNodeKindSelectItem_r5eta_320:last-child, ._selectItem_r5eta_274:last-child {
|
|
635
635
|
border-bottom-left-radius: var(--radius-base);
|
|
636
636
|
border-bottom-right-radius: var(--radius-base);
|
|
637
637
|
}
|
|
638
638
|
|
|
639
|
-
.
|
|
639
|
+
._toolbarNodeKindSelectDropdownArrow_r5eta_345, ._selectDropdownArrow_r5eta_346 {
|
|
640
640
|
margin-left: auto;
|
|
641
641
|
display: flex;
|
|
642
642
|
align-items: center;
|
|
643
643
|
}
|
|
644
644
|
|
|
645
|
-
.
|
|
645
|
+
._contentEditable_r5eta_352 {
|
|
646
646
|
box-sizing: border-box;
|
|
647
647
|
width: 100%;
|
|
648
648
|
color: var(--baseTextContrast);
|
|
@@ -650,25 +650,29 @@
|
|
|
650
650
|
padding: var(--spacing-3);
|
|
651
651
|
}
|
|
652
652
|
|
|
653
|
-
.
|
|
653
|
+
._contentEditable_r5eta_352:focus {
|
|
654
654
|
outline: none;
|
|
655
655
|
}
|
|
656
656
|
|
|
657
|
-
.
|
|
657
|
+
._codeMirrorWrapper_r5eta_364 {
|
|
658
658
|
margin-bottom: var(--spacing-5);
|
|
659
|
+
border: 1px solid var(--baseLine);
|
|
660
|
+
border-radius: var(--radius-medium);
|
|
661
|
+
overflow: hidden;
|
|
662
|
+
padding: 0.8rem;
|
|
659
663
|
}
|
|
660
664
|
|
|
661
|
-
.
|
|
665
|
+
._frontmatterWrapper_r5eta_372 {
|
|
662
666
|
border-radius: var(--radius-medium);
|
|
663
667
|
padding: var(--spacing-3);
|
|
664
668
|
background-color: var(--baseBgSubtle);
|
|
665
669
|
}
|
|
666
670
|
|
|
667
|
-
.
|
|
671
|
+
._frontmatterWrapper_r5eta_372[data-expanded=true] {
|
|
668
672
|
margin-bottom: var(--spacing-10);
|
|
669
673
|
}
|
|
670
674
|
|
|
671
|
-
.
|
|
675
|
+
._frontmatterToggleButton_r5eta_382 {
|
|
672
676
|
border: 0;
|
|
673
677
|
background-color: transparent;
|
|
674
678
|
font-size: inherit;
|
|
@@ -684,7 +688,7 @@
|
|
|
684
688
|
font-size: var(--text-sm);
|
|
685
689
|
}
|
|
686
690
|
|
|
687
|
-
.
|
|
691
|
+
._propertyPanelTitle_r5eta_390 {
|
|
688
692
|
font-size: var(--text-xs);
|
|
689
693
|
font-weight: 400;
|
|
690
694
|
margin: 0;
|
|
@@ -692,49 +696,49 @@
|
|
|
692
696
|
padding-left: var(--spacing-2);
|
|
693
697
|
}
|
|
694
698
|
|
|
695
|
-
.
|
|
699
|
+
._propertyEditorTable_r5eta_398 {
|
|
696
700
|
table-layout: fixed;
|
|
697
701
|
border-spacing: var(--spacing-2);
|
|
698
702
|
}
|
|
699
703
|
|
|
700
|
-
.
|
|
704
|
+
._propertyEditorTable_r5eta_398 th {
|
|
701
705
|
text-align: left;
|
|
702
706
|
font-size: var(--text-sm);
|
|
703
707
|
padding: var(--spacing-2) var(--spacing-3);
|
|
704
708
|
}
|
|
705
709
|
|
|
706
|
-
.
|
|
710
|
+
._propertyEditorTable_r5eta_398 col:nth-child(1) {
|
|
707
711
|
width: 30%;
|
|
708
712
|
}
|
|
709
713
|
|
|
710
|
-
.
|
|
714
|
+
._propertyEditorTable_r5eta_398 col:nth-child(2) {
|
|
711
715
|
width: 70%;
|
|
712
716
|
}
|
|
713
717
|
|
|
714
|
-
.
|
|
718
|
+
._propertyEditorTable_r5eta_398 td:last-child ._iconButton_r5eta_416 {
|
|
715
719
|
margin-left: var(--spacing-4);
|
|
716
720
|
margin-right: var(--spacing-4);
|
|
717
721
|
}
|
|
718
722
|
|
|
719
|
-
.
|
|
723
|
+
._propertyEditorTable_r5eta_398 ._readOnlyColumnCell_r5eta_421 {
|
|
720
724
|
padding-left: 0;
|
|
721
725
|
}
|
|
722
726
|
|
|
723
|
-
.
|
|
727
|
+
._propertyEditorLabelCell_r5eta_426 {
|
|
724
728
|
font-weight: 400;
|
|
725
729
|
}
|
|
726
730
|
|
|
727
|
-
.
|
|
731
|
+
._readOnlyColumnCell_r5eta_421 {
|
|
728
732
|
padding-left: 0;
|
|
729
733
|
}
|
|
730
734
|
|
|
731
|
-
.
|
|
735
|
+
._buttonsFooter_r5eta_434 {
|
|
732
736
|
display: flex;
|
|
733
737
|
justify-content: flex-end;
|
|
734
738
|
gap: var(--spacing-2);
|
|
735
739
|
}
|
|
736
740
|
|
|
737
|
-
.
|
|
741
|
+
._propertyEditorInput_r5eta_440 {
|
|
738
742
|
border: 0;
|
|
739
743
|
background-color: transparent;
|
|
740
744
|
font-size: inherit;
|
|
@@ -752,7 +756,7 @@
|
|
|
752
756
|
font-size: var(--text-sm);
|
|
753
757
|
}
|
|
754
758
|
|
|
755
|
-
.
|
|
759
|
+
._iconButton_r5eta_416 {
|
|
756
760
|
border: 0;
|
|
757
761
|
background-color: transparent;
|
|
758
762
|
font-size: inherit;
|
|
@@ -765,15 +769,15 @@
|
|
|
765
769
|
color: var(--baseText);
|
|
766
770
|
}
|
|
767
771
|
|
|
768
|
-
.
|
|
772
|
+
._iconButton_r5eta_416:hover {
|
|
769
773
|
color: var(--accentText);
|
|
770
774
|
}
|
|
771
775
|
|
|
772
|
-
.
|
|
776
|
+
._iconButton_r5eta_416:disabled, ._iconButton_r5eta_416:disabled:hover {
|
|
773
777
|
color: var(--baseLine);
|
|
774
778
|
}
|
|
775
779
|
|
|
776
|
-
.
|
|
780
|
+
._primaryButton_r5eta_464, ._secondaryButton_r5eta_465 {
|
|
777
781
|
border: 0;
|
|
778
782
|
background-color: transparent;
|
|
779
783
|
font-size: inherit;
|
|
@@ -791,30 +795,30 @@
|
|
|
791
795
|
border-radius: var(--radius-medium);
|
|
792
796
|
}
|
|
793
797
|
|
|
794
|
-
.
|
|
798
|
+
._primaryButton_r5eta_464:disabled, ._secondaryButton_r5eta_465:disabled {
|
|
795
799
|
background: var(--accentLine);
|
|
796
800
|
border-color: var(--accentBg);
|
|
797
801
|
}
|
|
798
802
|
|
|
799
|
-
.
|
|
803
|
+
._smallButton_r5eta_480 {
|
|
800
804
|
font-size: var(--text-xs);
|
|
801
805
|
padding: var(--spacing-1) var(--spacing-2);
|
|
802
806
|
border-radius: var(--radius-base);
|
|
803
807
|
}
|
|
804
808
|
|
|
805
|
-
.
|
|
809
|
+
._secondaryButton_r5eta_465 {
|
|
806
810
|
border: 1px solid var(--baseBorder);
|
|
807
811
|
background-color: var(--baseSolidHover);
|
|
808
812
|
color: var(--baseBase);
|
|
809
813
|
}
|
|
810
814
|
|
|
811
|
-
.
|
|
815
|
+
._dialogForm_r5eta_492 {
|
|
812
816
|
display: flex;
|
|
813
817
|
flex-direction: row;
|
|
814
818
|
gap: var(--spacing-2);
|
|
815
819
|
}
|
|
816
820
|
|
|
817
|
-
.
|
|
821
|
+
._linkDialogEditForm_r5eta_498 {
|
|
818
822
|
display: flex;
|
|
819
823
|
flex-direction: column;
|
|
820
824
|
align-items: stretch;
|
|
@@ -822,13 +826,13 @@
|
|
|
822
826
|
padding: 0;
|
|
823
827
|
}
|
|
824
828
|
|
|
825
|
-
.
|
|
829
|
+
._linkDialogInputContainer_r5eta_506 {
|
|
826
830
|
display: flex;
|
|
827
831
|
flex-direction: column;
|
|
828
832
|
align-items: stretch;
|
|
829
833
|
}
|
|
830
834
|
|
|
831
|
-
.
|
|
835
|
+
._linkDialogInputWrapper_r5eta_512 {
|
|
832
836
|
display: flex;
|
|
833
837
|
align-items: center;
|
|
834
838
|
background-color: var(--baseBase);
|
|
@@ -837,13 +841,13 @@
|
|
|
837
841
|
border: 1px solid var(--baseBorder);
|
|
838
842
|
}
|
|
839
843
|
|
|
840
|
-
.
|
|
844
|
+
._linkDialogInputWrapper_r5eta_512[data-visible-dropdown=true] {
|
|
841
845
|
border-bottom-left-radius: var(--radius-none);
|
|
842
846
|
border-bottom-right-radius: var(--radius-none);
|
|
843
847
|
border-bottom-width: 0;
|
|
844
848
|
}
|
|
845
849
|
|
|
846
|
-
.
|
|
850
|
+
._linkDialogInputWrapper_r5eta_512>button {
|
|
847
851
|
border: 0;
|
|
848
852
|
background-color: transparent;
|
|
849
853
|
font-size: inherit;
|
|
@@ -856,7 +860,7 @@
|
|
|
856
860
|
padding-right: var(--spacing-2);
|
|
857
861
|
}
|
|
858
862
|
|
|
859
|
-
.
|
|
863
|
+
._linkDialogInput_r5eta_506, ._dialogInput_r5eta_533 {
|
|
860
864
|
border: 0;
|
|
861
865
|
background-color: transparent;
|
|
862
866
|
font-size: inherit;
|
|
@@ -871,29 +875,29 @@
|
|
|
871
875
|
font-size: var(--text-sm);
|
|
872
876
|
}
|
|
873
877
|
|
|
874
|
-
.
|
|
878
|
+
._linkDialogInput_r5eta_506::-moz-placeholder, ._dialogInput_r5eta_533::-moz-placeholder {
|
|
875
879
|
color: var(--baseBorder);
|
|
876
880
|
}
|
|
877
881
|
|
|
878
|
-
.
|
|
882
|
+
._linkDialogInput_r5eta_506::placeholder, ._dialogInput_r5eta_533::placeholder {
|
|
879
883
|
color: var(--baseBorder);
|
|
880
884
|
}
|
|
881
885
|
|
|
882
|
-
.
|
|
886
|
+
._linkDialogAnchor_r5eta_544 {
|
|
883
887
|
position: fixed;
|
|
884
888
|
background-color: highlight;
|
|
885
889
|
z-index: -1;
|
|
886
890
|
}
|
|
887
891
|
|
|
888
|
-
.
|
|
892
|
+
._linkDialogAnchor_r5eta_544[data-visible=true] {
|
|
889
893
|
visibility: visible;
|
|
890
894
|
}
|
|
891
895
|
|
|
892
|
-
.
|
|
896
|
+
._linkDialogAnchor_r5eta_544[data-visible=false] {
|
|
893
897
|
visibility: hidden;
|
|
894
898
|
}
|
|
895
899
|
|
|
896
|
-
.
|
|
900
|
+
._linkDialogPopoverContent_r5eta_558, ._tableColumnEditorPopoverContent_r5eta_559, ._dialogContent_r5eta_560 {
|
|
897
901
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
898
902
|
display: flex;
|
|
899
903
|
align-items: center;
|
|
@@ -905,7 +909,7 @@
|
|
|
905
909
|
font-size: var(--text-sm);
|
|
906
910
|
}
|
|
907
911
|
|
|
908
|
-
.
|
|
912
|
+
._largeDialogContent_r5eta_572 {
|
|
909
913
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
910
914
|
gap: var(--spacing-0_5);
|
|
911
915
|
border-radius: var(--radius-medium);
|
|
@@ -915,13 +919,13 @@
|
|
|
915
919
|
font-size: var(--text-sm);
|
|
916
920
|
}
|
|
917
921
|
|
|
918
|
-
.
|
|
922
|
+
._dialogTitle_r5eta_582 {
|
|
919
923
|
font-size: var(--text-base);
|
|
920
924
|
font-weight: 600;
|
|
921
925
|
padding-left: var(--spacing-2);
|
|
922
926
|
}
|
|
923
927
|
|
|
924
|
-
.
|
|
928
|
+
._dialogCloseButton_r5eta_588 {
|
|
925
929
|
border: 0;
|
|
926
930
|
background-color: transparent;
|
|
927
931
|
font-size: inherit;
|
|
@@ -936,7 +940,7 @@
|
|
|
936
940
|
right: 10px;
|
|
937
941
|
}
|
|
938
942
|
|
|
939
|
-
.
|
|
943
|
+
._popoverContent_r5eta_595 {
|
|
940
944
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
941
945
|
display: flex;
|
|
942
946
|
align-items: center;
|
|
@@ -948,11 +952,11 @@
|
|
|
948
952
|
z-index: 1;
|
|
949
953
|
}
|
|
950
954
|
|
|
951
|
-
.
|
|
955
|
+
._popoverArrow_r5eta_607 {
|
|
952
956
|
fill: var(--basePageBg);
|
|
953
957
|
}
|
|
954
958
|
|
|
955
|
-
.
|
|
959
|
+
._linkDialogPreviewAnchor_r5eta_611 {
|
|
956
960
|
margin-right: var(--spacing-3);
|
|
957
961
|
display: flex;
|
|
958
962
|
align-items: flex-start;
|
|
@@ -962,24 +966,24 @@
|
|
|
962
966
|
border: 1px solid transparent;
|
|
963
967
|
}
|
|
964
968
|
|
|
965
|
-
.
|
|
969
|
+
._linkDialogPreviewAnchor_r5eta_611 svg {
|
|
966
970
|
width: var(--spacing-5);
|
|
967
971
|
height: var(--spacing-5);
|
|
968
972
|
margin-left: var(--spacing-2);
|
|
969
973
|
}
|
|
970
974
|
|
|
971
|
-
.
|
|
975
|
+
._linkDialogPreviewAnchor_r5eta_611 span {
|
|
972
976
|
max-width: 14rem;
|
|
973
977
|
overflow-x: hidden;
|
|
974
978
|
text-overflow: ellipsis;
|
|
975
979
|
white-space: nowrap;
|
|
976
980
|
}
|
|
977
981
|
|
|
978
|
-
.
|
|
982
|
+
._tooltipTrigger_r5eta_634 {
|
|
979
983
|
align-self: center;
|
|
980
984
|
}
|
|
981
985
|
|
|
982
|
-
.
|
|
986
|
+
._tooltipContent_r5eta_638 {
|
|
983
987
|
z-index: 2;
|
|
984
988
|
position: relative;
|
|
985
989
|
border-radius: var(--radius-medium);
|
|
@@ -989,11 +993,11 @@
|
|
|
989
993
|
color: var(--baseBase);
|
|
990
994
|
}
|
|
991
995
|
|
|
992
|
-
.
|
|
996
|
+
._tooltipContent_r5eta_638 svg {
|
|
993
997
|
fill: var(--baseText);
|
|
994
998
|
}
|
|
995
999
|
|
|
996
|
-
.
|
|
1000
|
+
._actionButton_r5eta_652 {
|
|
997
1001
|
border: 0;
|
|
998
1002
|
background-color: transparent;
|
|
999
1003
|
font-size: inherit;
|
|
@@ -1008,34 +1012,34 @@
|
|
|
1008
1012
|
border-radius: var(--radius-medium);
|
|
1009
1013
|
}
|
|
1010
1014
|
|
|
1011
|
-
.
|
|
1015
|
+
._actionButton_r5eta_652 svg {
|
|
1012
1016
|
display: block;
|
|
1013
1017
|
}
|
|
1014
1018
|
|
|
1015
|
-
.
|
|
1019
|
+
._actionButton_r5eta_652:hover {
|
|
1016
1020
|
background-color: var(--baseBgHover);
|
|
1017
1021
|
}
|
|
1018
1022
|
|
|
1019
|
-
.
|
|
1023
|
+
._actionButton_r5eta_652:active svg {
|
|
1020
1024
|
transform: translate(1px, 1px);
|
|
1021
1025
|
}
|
|
1022
1026
|
|
|
1023
|
-
.
|
|
1027
|
+
._actionButton_r5eta_652[data-state=on], ._actionButton_r5eta_652:active {
|
|
1024
1028
|
background-color: var(--baseBgHover);
|
|
1025
1029
|
color: var(--baseTextContrast);
|
|
1026
1030
|
}
|
|
1027
1031
|
|
|
1028
|
-
.
|
|
1032
|
+
._primaryActionButton_r5eta_658 {
|
|
1029
1033
|
background-color: var(--accentSolid);
|
|
1030
1034
|
color: var(--baseBase);
|
|
1031
1035
|
}
|
|
1032
1036
|
|
|
1033
|
-
.
|
|
1037
|
+
._primaryActionButton_r5eta_658:hover {
|
|
1034
1038
|
background-color: var(--accentSolidHover);
|
|
1035
1039
|
color: var(--baseBase);
|
|
1036
1040
|
}
|
|
1037
1041
|
|
|
1038
|
-
.
|
|
1042
|
+
._tableEditor_r5eta_668 {
|
|
1039
1043
|
table-layout: fixed;
|
|
1040
1044
|
width: 100%;
|
|
1041
1045
|
height: 100%;
|
|
@@ -1043,50 +1047,50 @@
|
|
|
1043
1047
|
border-collapse: collapse;
|
|
1044
1048
|
}
|
|
1045
1049
|
|
|
1046
|
-
.
|
|
1050
|
+
._tableEditor_r5eta_668 thead>tr>th {
|
|
1047
1051
|
text-align: right;
|
|
1048
1052
|
}
|
|
1049
1053
|
|
|
1050
|
-
.
|
|
1054
|
+
._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679), ._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type) {
|
|
1051
1055
|
border: 1px solid var(--baseBgActive);
|
|
1052
1056
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1053
1057
|
white-space: normal;
|
|
1054
1058
|
}
|
|
1055
1059
|
|
|
1056
|
-
:is(.
|
|
1060
|
+
:is(._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679),._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type))>div {
|
|
1057
1061
|
outline: none;
|
|
1058
1062
|
}
|
|
1059
1063
|
|
|
1060
|
-
:is(.
|
|
1064
|
+
:is(._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679),._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type))>div>p {
|
|
1061
1065
|
margin: 0;
|
|
1062
1066
|
}
|
|
1063
1067
|
|
|
1064
|
-
[data-active=true]:is(.
|
|
1068
|
+
[data-active=true]:is(._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679),._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type)) {
|
|
1065
1069
|
outline: solid 1px var(--baseSolid);
|
|
1066
1070
|
}
|
|
1067
1071
|
|
|
1068
|
-
.
|
|
1072
|
+
._tableEditor_r5eta_668 ._tableColumnEditorTrigger_r5eta_698, ._tableEditor_r5eta_668 ._tableRowEditorTrigger_r5eta_699, ._tableEditor_r5eta_668 ._addRowButton_r5eta_700, ._tableEditor_r5eta_668 ._addColumnButton_r5eta_701, ._tableEditor_r5eta_668 ._iconButton_r5eta_416 {
|
|
1069
1073
|
opacity: .15;
|
|
1070
1074
|
}
|
|
1071
1075
|
|
|
1072
|
-
.
|
|
1076
|
+
._tableEditor_r5eta_668:hover ._tableColumnEditorTrigger_r5eta_698, ._tableEditor_r5eta_668:hover ._tableRowEditorTrigger_r5eta_699, ._tableEditor_r5eta_668:hover ._addRowButton_r5eta_700, ._tableEditor_r5eta_668:hover ._addColumnButton_r5eta_701, ._tableEditor_r5eta_668:hover ._iconButton_r5eta_416 {
|
|
1073
1077
|
opacity: 0.3;
|
|
1074
1078
|
}
|
|
1075
1079
|
|
|
1076
|
-
.
|
|
1080
|
+
._tableEditor_r5eta_668:hover ._tableColumnEditorTrigger_r5eta_698:hover, ._tableEditor_r5eta_668:hover ._tableRowEditorTrigger_r5eta_699:hover, ._tableEditor_r5eta_668:hover ._addRowButton_r5eta_700:hover, ._tableEditor_r5eta_668:hover ._addColumnButton_r5eta_701:hover, ._tableEditor_r5eta_668:hover ._iconButton_r5eta_416:hover {
|
|
1077
1081
|
opacity: 1;
|
|
1078
1082
|
}
|
|
1079
1083
|
|
|
1080
|
-
.
|
|
1084
|
+
._toolCell_r5eta_679 {
|
|
1081
1085
|
text-align: right;
|
|
1082
1086
|
}
|
|
1083
1087
|
|
|
1084
|
-
.
|
|
1088
|
+
._toolCell_r5eta_679 button {
|
|
1085
1089
|
margin: auto;
|
|
1086
1090
|
display: block;
|
|
1087
1091
|
}
|
|
1088
1092
|
|
|
1089
|
-
.
|
|
1093
|
+
._tableColumnEditorTrigger_r5eta_698 {
|
|
1090
1094
|
border: 0;
|
|
1091
1095
|
background-color: transparent;
|
|
1092
1096
|
font-size: inherit;
|
|
@@ -1102,32 +1106,32 @@
|
|
|
1102
1106
|
opacity: 0.2;
|
|
1103
1107
|
}
|
|
1104
1108
|
|
|
1105
|
-
.
|
|
1109
|
+
._tableColumnEditorTrigger_r5eta_698 svg {
|
|
1106
1110
|
display: block;
|
|
1107
1111
|
}
|
|
1108
1112
|
|
|
1109
|
-
.
|
|
1113
|
+
._tableColumnEditorTrigger_r5eta_698:hover {
|
|
1110
1114
|
background-color: var(--baseBgHover);
|
|
1111
1115
|
}
|
|
1112
1116
|
|
|
1113
|
-
.
|
|
1117
|
+
._tableColumnEditorTrigger_r5eta_698:active svg {
|
|
1114
1118
|
transform: translate(1px, 1px);
|
|
1115
1119
|
}
|
|
1116
1120
|
|
|
1117
|
-
.
|
|
1121
|
+
._tableColumnEditorTrigger_r5eta_698[data-state=on], ._tableColumnEditorTrigger_r5eta_698:active {
|
|
1118
1122
|
background-color: var(--baseBgHover);
|
|
1119
1123
|
color: var(--baseTextContrast);
|
|
1120
1124
|
}
|
|
1121
1125
|
|
|
1122
|
-
.
|
|
1126
|
+
._tableColumnEditorTrigger_r5eta_698[data-active=true] {
|
|
1123
1127
|
opacity: 1 !important;
|
|
1124
1128
|
}
|
|
1125
1129
|
|
|
1126
|
-
.
|
|
1130
|
+
._tableColumnEditorToolbar_r5eta_742 {
|
|
1127
1131
|
display: flex;
|
|
1128
1132
|
}
|
|
1129
1133
|
|
|
1130
|
-
.
|
|
1134
|
+
._tableColumnEditorToolbar_r5eta_742>button {
|
|
1131
1135
|
border: 0;
|
|
1132
1136
|
background-color: transparent;
|
|
1133
1137
|
font-size: inherit;
|
|
@@ -1140,35 +1144,35 @@
|
|
|
1140
1144
|
padding: var(--spacing-1_5);
|
|
1141
1145
|
}
|
|
1142
1146
|
|
|
1143
|
-
.
|
|
1147
|
+
._tableColumnEditorToolbar_r5eta_742>button svg {
|
|
1144
1148
|
display: block;
|
|
1145
1149
|
}
|
|
1146
1150
|
|
|
1147
|
-
.
|
|
1151
|
+
._tableColumnEditorToolbar_r5eta_742>button:hover {
|
|
1148
1152
|
background-color: var(--baseBgHover);
|
|
1149
1153
|
}
|
|
1150
1154
|
|
|
1151
|
-
.
|
|
1155
|
+
._tableColumnEditorToolbar_r5eta_742>button:active svg {
|
|
1152
1156
|
transform: translate(1px, 1px);
|
|
1153
1157
|
}
|
|
1154
1158
|
|
|
1155
|
-
.
|
|
1159
|
+
._tableColumnEditorToolbar_r5eta_742>button[data-state=on], ._tableColumnEditorToolbar_r5eta_742>button:active {
|
|
1156
1160
|
background-color: var(--baseBgHover);
|
|
1157
1161
|
color: var(--baseTextContrast);
|
|
1158
1162
|
}
|
|
1159
1163
|
|
|
1160
|
-
.
|
|
1164
|
+
._tableColumnEditorToolbar_r5eta_742 [role=separator] {
|
|
1161
1165
|
margin-left: var(--spacing-1);
|
|
1162
1166
|
margin-right: var(--spacing-1);
|
|
1163
1167
|
}
|
|
1164
1168
|
|
|
1165
1169
|
|
|
1166
|
-
.
|
|
1170
|
+
._toggleGroupRoot_r5eta_756 {
|
|
1167
1171
|
display: inline-flex;
|
|
1168
1172
|
}
|
|
1169
1173
|
|
|
1170
1174
|
|
|
1171
|
-
.
|
|
1175
|
+
._toggleGroupRoot_r5eta_756 button {
|
|
1172
1176
|
border: 0;
|
|
1173
1177
|
background-color: transparent;
|
|
1174
1178
|
font-size: inherit;
|
|
@@ -1182,60 +1186,60 @@
|
|
|
1182
1186
|
}
|
|
1183
1187
|
|
|
1184
1188
|
|
|
1185
|
-
.
|
|
1189
|
+
._toggleGroupRoot_r5eta_756 button svg {
|
|
1186
1190
|
display: block;
|
|
1187
1191
|
}
|
|
1188
1192
|
|
|
1189
1193
|
|
|
1190
|
-
.
|
|
1194
|
+
._toggleGroupRoot_r5eta_756 button:hover {
|
|
1191
1195
|
background-color: var(--baseBgHover);
|
|
1192
1196
|
}
|
|
1193
1197
|
|
|
1194
1198
|
|
|
1195
|
-
.
|
|
1199
|
+
._toggleGroupRoot_r5eta_756 button:active svg {
|
|
1196
1200
|
transform: translate(1px, 1px);
|
|
1197
1201
|
}
|
|
1198
1202
|
|
|
1199
1203
|
|
|
1200
|
-
.
|
|
1204
|
+
._toggleGroupRoot_r5eta_756 button[data-state=on], ._toggleGroupRoot_r5eta_756 button:active {
|
|
1201
1205
|
background-color: var(--baseBgHover);
|
|
1202
1206
|
color: var(--baseTextContrast);
|
|
1203
1207
|
}
|
|
1204
1208
|
|
|
1205
1209
|
|
|
1206
|
-
.
|
|
1210
|
+
._toggleGroupRoot_r5eta_756 button:first-child {
|
|
1207
1211
|
border-top-left-radius: var(--radius-base);
|
|
1208
1212
|
border-bottom-left-radius: var(--radius-base);
|
|
1209
1213
|
}
|
|
1210
1214
|
|
|
1211
1215
|
|
|
1212
|
-
.
|
|
1216
|
+
._toggleGroupRoot_r5eta_756 button:last-child {
|
|
1213
1217
|
border-top-right-radius: var(--radius-base);
|
|
1214
1218
|
border-bottom-right-radius: var(--radius-base);
|
|
1215
1219
|
}
|
|
1216
1220
|
|
|
1217
|
-
.
|
|
1221
|
+
._tableToolsColumn_r5eta_774 {
|
|
1218
1222
|
width: 3rem;
|
|
1219
1223
|
}
|
|
1220
1224
|
|
|
1221
|
-
.
|
|
1225
|
+
._tableToolsColumn_r5eta_774 button {
|
|
1222
1226
|
margin: auto;
|
|
1223
1227
|
display: block;
|
|
1224
1228
|
}
|
|
1225
1229
|
|
|
1226
|
-
.
|
|
1230
|
+
._leftAlignedCell_r5eta_783 {
|
|
1227
1231
|
text-align: left;
|
|
1228
1232
|
}
|
|
1229
1233
|
|
|
1230
|
-
.
|
|
1234
|
+
._rightAlignedCell_r5eta_787 {
|
|
1231
1235
|
text-align: right;
|
|
1232
1236
|
}
|
|
1233
1237
|
|
|
1234
|
-
.
|
|
1238
|
+
._centeredCell_r5eta_791 {
|
|
1235
1239
|
text-align: center;
|
|
1236
1240
|
}
|
|
1237
1241
|
|
|
1238
|
-
.
|
|
1242
|
+
._addColumnButton_r5eta_701, ._addRowButton_r5eta_700 {
|
|
1239
1243
|
border: 0;
|
|
1240
1244
|
background-color: transparent;
|
|
1241
1245
|
font-size: inherit;
|
|
@@ -1252,28 +1256,28 @@
|
|
|
1252
1256
|
align-items: center;
|
|
1253
1257
|
}
|
|
1254
1258
|
|
|
1255
|
-
.
|
|
1259
|
+
._addColumnButton_r5eta_701 svg, ._addRowButton_r5eta_700 svg {
|
|
1256
1260
|
display: block;
|
|
1257
1261
|
}
|
|
1258
1262
|
|
|
1259
|
-
.
|
|
1263
|
+
._addColumnButton_r5eta_701:hover, ._addRowButton_r5eta_700:hover {
|
|
1260
1264
|
background-color: var(--baseBgHover);
|
|
1261
1265
|
}
|
|
1262
1266
|
|
|
1263
|
-
.
|
|
1267
|
+
._addColumnButton_r5eta_701:active svg, ._addRowButton_r5eta_700:active svg {
|
|
1264
1268
|
transform: translate(1px, 1px);
|
|
1265
1269
|
}
|
|
1266
1270
|
|
|
1267
|
-
.
|
|
1271
|
+
._addColumnButton_r5eta_701[data-state=on], ._addRowButton_r5eta_700[data-state=on], ._addColumnButton_r5eta_701:active, ._addRowButton_r5eta_700:active {
|
|
1268
1272
|
background-color: var(--baseBgHover);
|
|
1269
1273
|
color: var(--baseTextContrast);
|
|
1270
1274
|
}
|
|
1271
1275
|
|
|
1272
|
-
.
|
|
1276
|
+
._addColumnButton_r5eta_701 svg, ._addRowButton_r5eta_700 svg {
|
|
1273
1277
|
margin: auto;
|
|
1274
1278
|
}
|
|
1275
1279
|
|
|
1276
|
-
.
|
|
1280
|
+
._addRowButton_r5eta_700 {
|
|
1277
1281
|
width: 100%;
|
|
1278
1282
|
margin-top: var(--spacing-px);
|
|
1279
1283
|
box-sizing: border-box;
|
|
@@ -1281,7 +1285,7 @@
|
|
|
1281
1285
|
border-bottom-left-radius: var(--radius-medium);
|
|
1282
1286
|
}
|
|
1283
1287
|
|
|
1284
|
-
.
|
|
1288
|
+
._addColumnButton_r5eta_701 {
|
|
1285
1289
|
margin-left: var(--spacing-px);
|
|
1286
1290
|
height: 100%;
|
|
1287
1291
|
border-top-right-radius: var(--radius-medium);
|
|
@@ -1289,30 +1293,30 @@
|
|
|
1289
1293
|
}
|
|
1290
1294
|
|
|
1291
1295
|
/** Dialog */
|
|
1292
|
-
.
|
|
1296
|
+
._dialogOverlay_r5eta_824 {
|
|
1293
1297
|
position: fixed;
|
|
1294
1298
|
inset: 0;
|
|
1295
|
-
animation:
|
|
1299
|
+
animation: _overlayShow_r5eta_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1296
1300
|
background-color: var(--baseBase);
|
|
1297
1301
|
z-index: 51;
|
|
1298
1302
|
opacity: 0.5;
|
|
1299
1303
|
}
|
|
1300
1304
|
|
|
1301
|
-
.
|
|
1305
|
+
._dialogContent_r5eta_560, ._largeDialogContent_r5eta_572 {
|
|
1302
1306
|
position: fixed;
|
|
1303
1307
|
top: 50%;
|
|
1304
1308
|
left: 50%;
|
|
1305
1309
|
transform: translate(-50%, -50%);
|
|
1306
|
-
animation:
|
|
1310
|
+
animation: _contentShow_r5eta_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1307
1311
|
z-index: 52;
|
|
1308
1312
|
}
|
|
1309
1313
|
|
|
1310
|
-
.
|
|
1314
|
+
._dialogContent_r5eta_560:focus, ._largeDialogContent_r5eta_572:focus {
|
|
1311
1315
|
outline: none;
|
|
1312
1316
|
}
|
|
1313
1317
|
|
|
1314
1318
|
|
|
1315
|
-
@keyframes
|
|
1319
|
+
@keyframes _overlayShow_r5eta_1 {
|
|
1316
1320
|
from {
|
|
1317
1321
|
opacity: 0;
|
|
1318
1322
|
}
|
|
@@ -1322,7 +1326,7 @@
|
|
|
1322
1326
|
}
|
|
1323
1327
|
}
|
|
1324
1328
|
|
|
1325
|
-
@keyframes
|
|
1329
|
+
@keyframes _contentShow_r5eta_1 {
|
|
1326
1330
|
from {
|
|
1327
1331
|
opacity: 0;
|
|
1328
1332
|
transform: translate(-50%, -48%) scale(0.96);
|
|
@@ -1334,23 +1338,23 @@
|
|
|
1334
1338
|
}
|
|
1335
1339
|
}
|
|
1336
1340
|
|
|
1337
|
-
.
|
|
1341
|
+
._focusedImage_r5eta_871 {
|
|
1338
1342
|
outline: highlight solid 2px;
|
|
1339
1343
|
}
|
|
1340
1344
|
|
|
1341
|
-
.
|
|
1345
|
+
._imageWrapper_r5eta_875 {
|
|
1342
1346
|
display: inline-block;
|
|
1343
1347
|
position: relative;
|
|
1344
1348
|
}
|
|
1345
1349
|
|
|
1346
|
-
.
|
|
1350
|
+
._imageWrapper_r5eta_875[draggable=true] {
|
|
1347
1351
|
cursor: move;
|
|
1348
1352
|
/* fallback if grab cursor is unsupported */
|
|
1349
1353
|
cursor: grab;
|
|
1350
1354
|
cursor: -webkit-grab;
|
|
1351
1355
|
}
|
|
1352
1356
|
|
|
1353
|
-
.
|
|
1357
|
+
._editImageButton_r5eta_888 {
|
|
1354
1358
|
position: absolute;
|
|
1355
1359
|
right: var(--spacing-2);
|
|
1356
1360
|
top: var(--spacing-2);
|
|
@@ -1358,11 +1362,11 @@
|
|
|
1358
1362
|
border-radius: var(--radius-full);
|
|
1359
1363
|
}
|
|
1360
1364
|
|
|
1361
|
-
.
|
|
1365
|
+
._editImageButton_r5eta_888 svg {
|
|
1362
1366
|
display: block;
|
|
1363
1367
|
}
|
|
1364
1368
|
|
|
1365
|
-
.
|
|
1369
|
+
._inlineEditor_r5eta_900 {
|
|
1366
1370
|
display: inline-flex;
|
|
1367
1371
|
border-radius: var(--radius-medium);
|
|
1368
1372
|
padding: var(--spacing-1);
|
|
@@ -1371,7 +1375,7 @@
|
|
|
1371
1375
|
background: var(--baseBg);
|
|
1372
1376
|
}
|
|
1373
1377
|
|
|
1374
|
-
.
|
|
1378
|
+
._blockEditor_r5eta_909 {
|
|
1375
1379
|
display: flex;
|
|
1376
1380
|
justify-content: stretch;
|
|
1377
1381
|
border-radius: var(--radius-medium);
|
|
@@ -1381,70 +1385,70 @@
|
|
|
1381
1385
|
background: var(--baseBg);
|
|
1382
1386
|
}
|
|
1383
1387
|
|
|
1384
|
-
.
|
|
1388
|
+
._blockEditor_r5eta_909 ._nestedEditor_r5eta_918 {
|
|
1385
1389
|
flex-grow: 1;
|
|
1386
1390
|
}
|
|
1387
1391
|
|
|
1388
|
-
.
|
|
1392
|
+
._nestedEditor_r5eta_918 {
|
|
1389
1393
|
background: var(--basePageBg);
|
|
1390
1394
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1391
1395
|
border-radius: var(--radius-medium);
|
|
1392
1396
|
}
|
|
1393
1397
|
|
|
1394
|
-
.
|
|
1398
|
+
._nestedEditor_r5eta_918>p {
|
|
1395
1399
|
margin: 0;
|
|
1396
1400
|
}
|
|
1397
1401
|
|
|
1398
|
-
.
|
|
1402
|
+
._nestedEditor_r5eta_918:focus {
|
|
1399
1403
|
outline: none;
|
|
1400
1404
|
}
|
|
1401
1405
|
|
|
1402
|
-
.
|
|
1406
|
+
._genericComponentName_r5eta_937 {
|
|
1403
1407
|
font-size: var(--text-sm);
|
|
1404
1408
|
color: var(--baseText);
|
|
1405
1409
|
padding-right: var(--spacing-2);
|
|
1406
1410
|
}
|
|
1407
1411
|
|
|
1408
|
-
.
|
|
1412
|
+
._diffSourceToggle_r5eta_943 {
|
|
1409
1413
|
border-radius: var(--radius-medium);
|
|
1410
1414
|
display: flex;
|
|
1411
1415
|
}
|
|
1412
1416
|
|
|
1413
|
-
.
|
|
1417
|
+
._diffSourceToggle_r5eta_943 ._toolbarToggleItem_r5eta_187 {
|
|
1414
1418
|
padding: 0;
|
|
1415
1419
|
}
|
|
1416
1420
|
|
|
1417
|
-
.
|
|
1421
|
+
._diffSourceToggle_r5eta_943 ._toolbarToggleItem_r5eta_187>span {
|
|
1418
1422
|
display: block;
|
|
1419
1423
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1420
1424
|
}
|
|
1421
1425
|
|
|
1422
|
-
.
|
|
1426
|
+
._selectWithLabel_r5eta_957 {
|
|
1423
1427
|
display: flex;
|
|
1424
1428
|
align-items: center;
|
|
1425
1429
|
gap: var(--spacing-2);
|
|
1426
1430
|
margin-left: var(--spacing-2);
|
|
1427
1431
|
}
|
|
1428
1432
|
|
|
1429
|
-
.
|
|
1433
|
+
._selectWithLabel_r5eta_957>label {
|
|
1430
1434
|
font-size: var(--text-sm);
|
|
1431
1435
|
}
|
|
1432
1436
|
|
|
1433
|
-
.
|
|
1437
|
+
._selectWithLabel_r5eta_957 ._selectTrigger_r5eta_281 {
|
|
1434
1438
|
border: 1px solid var(--baseBorder);
|
|
1435
1439
|
}
|
|
1436
1440
|
|
|
1437
|
-
.
|
|
1441
|
+
._toolbarTitleMode_r5eta_972 {
|
|
1438
1442
|
font-size: var(--text-sm);
|
|
1439
1443
|
margin-left: var(--spacing-2);
|
|
1440
1444
|
}
|
|
1441
1445
|
|
|
1442
1446
|
|
|
1443
|
-
.
|
|
1447
|
+
._imageControlWrapperResizing_r5eta_978 {
|
|
1444
1448
|
touch-action: none;
|
|
1445
1449
|
}
|
|
1446
1450
|
|
|
1447
|
-
.
|
|
1451
|
+
._imageResizer_r5eta_982 {
|
|
1448
1452
|
display: block;
|
|
1449
1453
|
width: 7px;
|
|
1450
1454
|
height: 7px;
|
|
@@ -1453,55 +1457,55 @@
|
|
|
1453
1457
|
border: 1px solid var(--baseBg);
|
|
1454
1458
|
}
|
|
1455
1459
|
|
|
1456
|
-
.
|
|
1460
|
+
._imageResizer_r5eta_982._imageResizerN_r5eta_991 {
|
|
1457
1461
|
top: -6px;
|
|
1458
1462
|
left: 48%;
|
|
1459
1463
|
cursor: n-resize;
|
|
1460
1464
|
}
|
|
1461
1465
|
|
|
1462
|
-
.
|
|
1466
|
+
._imageResizer_r5eta_982._imageResizerNe_r5eta_997 {
|
|
1463
1467
|
top: -6px;
|
|
1464
1468
|
right: -6px;
|
|
1465
1469
|
cursor: ne-resize;
|
|
1466
1470
|
}
|
|
1467
1471
|
|
|
1468
|
-
.
|
|
1472
|
+
._imageResizer_r5eta_982._imageResizerE_r5eta_1003 {
|
|
1469
1473
|
bottom: 48%;
|
|
1470
1474
|
right: -6px;
|
|
1471
1475
|
cursor: e-resize;
|
|
1472
1476
|
}
|
|
1473
1477
|
|
|
1474
|
-
.
|
|
1478
|
+
._imageResizer_r5eta_982._imageResizerSe_r5eta_1009 {
|
|
1475
1479
|
bottom: -2px;
|
|
1476
1480
|
right: -6px;
|
|
1477
1481
|
cursor: nwse-resize;
|
|
1478
1482
|
}
|
|
1479
1483
|
|
|
1480
|
-
.
|
|
1484
|
+
._imageResizer_r5eta_982._imageResizerS_r5eta_1009 {
|
|
1481
1485
|
bottom: -2px;
|
|
1482
1486
|
left: 48%;
|
|
1483
1487
|
cursor: s-resize;
|
|
1484
1488
|
}
|
|
1485
1489
|
|
|
1486
|
-
.
|
|
1490
|
+
._imageResizer_r5eta_982._imageResizerSw_r5eta_1021 {
|
|
1487
1491
|
bottom: -2px;
|
|
1488
1492
|
left: -6px;
|
|
1489
1493
|
cursor: sw-resize;
|
|
1490
1494
|
}
|
|
1491
1495
|
|
|
1492
|
-
.
|
|
1496
|
+
._imageResizer_r5eta_982._imageResizerW_r5eta_1027 {
|
|
1493
1497
|
bottom: 48%;
|
|
1494
1498
|
left: -6px;
|
|
1495
1499
|
cursor: w-resize;
|
|
1496
1500
|
}
|
|
1497
1501
|
|
|
1498
|
-
.
|
|
1502
|
+
._imageResizer_r5eta_982._imageResizerNw_r5eta_1033 {
|
|
1499
1503
|
top: -6px;
|
|
1500
1504
|
left: -6px;
|
|
1501
1505
|
cursor: nw-resize;
|
|
1502
1506
|
}
|
|
1503
1507
|
|
|
1504
|
-
.
|
|
1508
|
+
._placeholder_r5eta_1039 {
|
|
1505
1509
|
color: var(--baseSolid);
|
|
1506
1510
|
overflow: hidden;
|
|
1507
1511
|
position: absolute;
|
|
@@ -1516,19 +1520,19 @@
|
|
|
1516
1520
|
pointer-events: none;
|
|
1517
1521
|
}
|
|
1518
1522
|
|
|
1519
|
-
.
|
|
1523
|
+
._rootContentEditableWrapper_r5eta_1052 {
|
|
1520
1524
|
position: relative;
|
|
1521
1525
|
}
|
|
1522
1526
|
|
|
1523
1527
|
|
|
1524
1528
|
|
|
1525
|
-
.
|
|
1529
|
+
._downshiftContainer_r5eta_1058 {
|
|
1526
1530
|
display: flex;
|
|
1527
1531
|
flex-direction: column;
|
|
1528
1532
|
align-items: stretch;
|
|
1529
1533
|
}
|
|
1530
1534
|
|
|
1531
|
-
.
|
|
1535
|
+
._downshiftInputWrapper_r5eta_1064 {
|
|
1532
1536
|
display: flex;
|
|
1533
1537
|
align-items: center;
|
|
1534
1538
|
background-color: var(--baseBase);
|
|
@@ -1537,13 +1541,13 @@
|
|
|
1537
1541
|
border: 1px solid var(--baseBorder);
|
|
1538
1542
|
}
|
|
1539
1543
|
|
|
1540
|
-
.
|
|
1544
|
+
._downshiftInputWrapper_r5eta_1064[data-visible-dropdown=true] {
|
|
1541
1545
|
border-bottom-left-radius: var(--radius-none);
|
|
1542
1546
|
border-bottom-right-radius: var(--radius-none);
|
|
1543
1547
|
border-bottom-width: 0;
|
|
1544
1548
|
}
|
|
1545
1549
|
|
|
1546
|
-
.
|
|
1550
|
+
._downshiftInputWrapper_r5eta_1064>button {
|
|
1547
1551
|
border: 0;
|
|
1548
1552
|
background-color: transparent;
|
|
1549
1553
|
font-size: inherit;
|
|
@@ -1556,7 +1560,7 @@
|
|
|
1556
1560
|
padding-right: var(--spacing-2);
|
|
1557
1561
|
}
|
|
1558
1562
|
|
|
1559
|
-
.
|
|
1563
|
+
._downshiftInput_r5eta_1064 {
|
|
1560
1564
|
border: 0;
|
|
1561
1565
|
background-color: transparent;
|
|
1562
1566
|
font-size: inherit;
|
|
@@ -1571,19 +1575,19 @@
|
|
|
1571
1575
|
font-size: var(--text-sm);
|
|
1572
1576
|
}
|
|
1573
1577
|
|
|
1574
|
-
.
|
|
1578
|
+
._downshiftInput_r5eta_1064::-moz-placeholder {
|
|
1575
1579
|
color: var(--baseBorder);
|
|
1576
1580
|
}
|
|
1577
1581
|
|
|
1578
|
-
.
|
|
1582
|
+
._downshiftInput_r5eta_1064::placeholder {
|
|
1579
1583
|
color: var(--baseBorder);
|
|
1580
1584
|
}
|
|
1581
1585
|
|
|
1582
|
-
.
|
|
1586
|
+
._downshiftAutocompleteContainer_r5eta_1095 {
|
|
1583
1587
|
position: relative;
|
|
1584
1588
|
}
|
|
1585
1589
|
|
|
1586
|
-
.
|
|
1590
|
+
._downshiftAutocompleteContainer_r5eta_1095 ul {
|
|
1587
1591
|
all: unset;
|
|
1588
1592
|
box-sizing: border-box;
|
|
1589
1593
|
position: absolute;
|
|
@@ -1600,11 +1604,11 @@
|
|
|
1600
1604
|
background-color: var(--baseBase);
|
|
1601
1605
|
}
|
|
1602
1606
|
|
|
1603
|
-
.
|
|
1607
|
+
._downshiftAutocompleteContainer_r5eta_1095 ul[data-visible=true] {
|
|
1604
1608
|
display: block;
|
|
1605
1609
|
}
|
|
1606
1610
|
|
|
1607
|
-
.
|
|
1611
|
+
._downshiftAutocompleteContainer_r5eta_1095 ul li {
|
|
1608
1612
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1609
1613
|
white-space: nowrap;
|
|
1610
1614
|
margin-bottom: var(--spacing-1);
|
|
@@ -1612,20 +1616,20 @@
|
|
|
1612
1616
|
text-overflow: ellipsis;
|
|
1613
1617
|
}
|
|
1614
1618
|
|
|
1615
|
-
.
|
|
1619
|
+
._downshiftAutocompleteContainer_r5eta_1095 ul li[data-selected=true] {
|
|
1616
1620
|
background-color: var(--baseBgSubtle);
|
|
1617
1621
|
}
|
|
1618
1622
|
|
|
1619
|
-
.
|
|
1623
|
+
._downshiftAutocompleteContainer_r5eta_1095 ul li[data-highlighted=true] {
|
|
1620
1624
|
background-color: var(--baseBgHover);
|
|
1621
1625
|
}
|
|
1622
1626
|
|
|
1623
|
-
.
|
|
1627
|
+
._downshiftAutocompleteContainer_r5eta_1095 ul li:last-of-type {
|
|
1624
1628
|
border-bottom-left-radius: var(--radius-medium);
|
|
1625
1629
|
border-bottom-right-radius: var(--radius-medium);
|
|
1626
1630
|
}
|
|
1627
1631
|
|
|
1628
|
-
.
|
|
1632
|
+
._textInput_r5eta_1141 {
|
|
1629
1633
|
all: unset;
|
|
1630
1634
|
border-radius: var(--radius-base);
|
|
1631
1635
|
border: 1px solid var(--baseBorder);
|
|
@@ -1633,24 +1637,24 @@
|
|
|
1633
1637
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1634
1638
|
}
|
|
1635
1639
|
|
|
1636
|
-
form.
|
|
1640
|
+
form._multiFieldForm_r5eta_1149 {
|
|
1637
1641
|
display: flex;
|
|
1638
1642
|
flex-direction: column;
|
|
1639
1643
|
padding: var(--spacing-2);
|
|
1640
1644
|
gap: var(--spacing-2);
|
|
1641
1645
|
}
|
|
1642
1646
|
|
|
1643
|
-
form.
|
|
1647
|
+
form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 {
|
|
1644
1648
|
display: flex;
|
|
1645
1649
|
flex-direction: column;
|
|
1646
1650
|
gap: var(--spacing-2);
|
|
1647
1651
|
}
|
|
1648
1652
|
|
|
1649
|
-
form.
|
|
1653
|
+
form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
|
|
1650
1654
|
font-size: var(--text-xs);
|
|
1651
1655
|
}
|
|
1652
1656
|
|
|
1653
|
-
.
|
|
1657
|
+
._markdownParseError_r5eta_1166 {
|
|
1654
1658
|
border-radius: var(--radius-base);
|
|
1655
1659
|
border: 1px solid var(--error-color);
|
|
1656
1660
|
padding: var(--spacing-2);
|
|
@@ -1659,19 +1663,19 @@ form._multiFieldForm_13kqw_1145 ._formField_13kqw_1151 label {
|
|
|
1659
1663
|
font-size: var(--text-xs);
|
|
1660
1664
|
}
|
|
1661
1665
|
|
|
1662
|
-
.
|
|
1666
|
+
._popupContainer_r5eta_1175 {
|
|
1663
1667
|
position: relative;
|
|
1664
1668
|
z-index: 1;
|
|
1665
1669
|
}
|
|
1666
1670
|
|
|
1667
|
-
.
|
|
1671
|
+
._inputSizer_r5eta_1180 {
|
|
1668
1672
|
display: inline-grid;
|
|
1669
1673
|
vertical-align: baseline;
|
|
1670
1674
|
align-items: center;
|
|
1671
1675
|
position: relative;
|
|
1672
1676
|
}
|
|
1673
1677
|
|
|
1674
|
-
.
|
|
1678
|
+
._inputSizer_r5eta_1180::after, ._inputSizer_r5eta_1180 input {
|
|
1675
1679
|
width: auto;
|
|
1676
1680
|
min-width: 1rem;
|
|
1677
1681
|
grid-area: 1 / 2;
|
|
@@ -1687,11 +1691,11 @@ form._multiFieldForm_13kqw_1145 ._formField_13kqw_1151 label {
|
|
|
1687
1691
|
color: inherit;
|
|
1688
1692
|
}
|
|
1689
1693
|
|
|
1690
|
-
.
|
|
1694
|
+
._inputSizer_r5eta_1180 span {
|
|
1691
1695
|
padding: 0.25em;
|
|
1692
1696
|
}
|
|
1693
1697
|
|
|
1694
|
-
.
|
|
1698
|
+
._inputSizer_r5eta_1180::after {
|
|
1695
1699
|
content: attr(data-value);
|
|
1696
1700
|
white-space: pre-wrap;
|
|
1697
1701
|
}
|