@mdxeditor/editor 3.3.0 → 3.3.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/index.d.ts +1 -2
- package/dist/style.css +247 -244
- package/dist/styles/ui.module.css.js +107 -107
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
.mdxeditor hr.selected[data-lexical-decorator=true] {
|
|
338
338
|
outline: 2px solid highlight;
|
|
339
339
|
}
|
|
340
|
-
.
|
|
340
|
+
._editorRoot_17xow_53 {
|
|
341
341
|
--accentBase: var(--blue-1);
|
|
342
342
|
--accentBgSubtle: var(--blue-2);
|
|
343
343
|
--accentBg: var(--blue-3);
|
|
@@ -438,13 +438,13 @@
|
|
|
438
438
|
color: var(--baseText);
|
|
439
439
|
}
|
|
440
440
|
|
|
441
|
-
.
|
|
441
|
+
._editorWrapper_17xow_154 {}
|
|
442
442
|
|
|
443
|
-
.
|
|
443
|
+
._nestedListItem_17xow_156 {
|
|
444
444
|
list-style: none;
|
|
445
445
|
}
|
|
446
446
|
|
|
447
|
-
.
|
|
447
|
+
._toolbarRoot_17xow_160 {
|
|
448
448
|
z-index: 2;
|
|
449
449
|
display: flex;
|
|
450
450
|
flex-direction: row;
|
|
@@ -459,28 +459,28 @@
|
|
|
459
459
|
width: inherit;
|
|
460
460
|
}
|
|
461
461
|
|
|
462
|
-
.
|
|
462
|
+
._toolbarRoot_17xow_160 div[role=separator] {
|
|
463
463
|
margin: var(--spacing-2) var(--spacing-1);
|
|
464
464
|
border-left: 1px solid var(--baseBorder);
|
|
465
465
|
border-right: 1px solid var(--baseBase);
|
|
466
466
|
height: var(--spacing-4);
|
|
467
467
|
}
|
|
468
468
|
|
|
469
|
-
.
|
|
469
|
+
._toolbarRoot_17xow_160 svg {
|
|
470
470
|
color: var(--baseTextContrast);
|
|
471
471
|
display: block;
|
|
472
472
|
}
|
|
473
473
|
|
|
474
|
-
.
|
|
474
|
+
._readOnlyToolbarRoot_17xow_187 {
|
|
475
475
|
pointer-events: none;
|
|
476
476
|
background: var(--baseBase);
|
|
477
477
|
}
|
|
478
478
|
|
|
479
|
-
.
|
|
479
|
+
._readOnlyToolbarRoot_17xow_187>div {
|
|
480
480
|
opacity: 0.5;
|
|
481
481
|
}
|
|
482
482
|
|
|
483
|
-
.
|
|
483
|
+
._toolbarModeSwitch_17xow_196 {
|
|
484
484
|
opacity: 1 !important;
|
|
485
485
|
margin-left: auto;
|
|
486
486
|
align-self: stretch;
|
|
@@ -491,37 +491,37 @@
|
|
|
491
491
|
font-size: var(--text-xs);
|
|
492
492
|
}
|
|
493
493
|
|
|
494
|
-
.
|
|
494
|
+
._toolbarModeSwitch_17xow_196 ._toolbarToggleItem_17xow_206 {
|
|
495
495
|
padding-inline-end: var(--spacing-4);
|
|
496
496
|
padding-inline-start: var(--spacing-4);
|
|
497
497
|
}
|
|
498
498
|
|
|
499
|
-
.
|
|
500
|
-
.
|
|
499
|
+
._toolbarModeSwitch_17xow_196 ._toolbarToggleItem_17xow_206:active,
|
|
500
|
+
._toolbarModeSwitch_17xow_196 ._toolbarToggleItem_17xow_206[data-state=on] {
|
|
501
501
|
background-color: var(--baseBorder);
|
|
502
502
|
}
|
|
503
503
|
|
|
504
|
-
.
|
|
504
|
+
._toolbarGroupOfGroups_17xow_217 {
|
|
505
505
|
display: flex;
|
|
506
506
|
margin: 0 var(--spacing-1);
|
|
507
507
|
}
|
|
508
508
|
|
|
509
|
-
.
|
|
510
|
-
.
|
|
511
|
-
.
|
|
509
|
+
._toolbarToggleSingleGroup_17xow_222:first-of-type ._toolbarToggleItem_17xow_206:only-child,
|
|
510
|
+
._toolbarToggleSingleGroup_17xow_222:only-child ._toolbarToggleItem_17xow_206:first-child,
|
|
511
|
+
._toolbarModeSwitch_17xow_196 ._toolbarToggleItem_17xow_206:first-child {
|
|
512
512
|
border-top-left-radius: var(--radius-base);
|
|
513
513
|
border-bottom-left-radius: var(--radius-base);
|
|
514
514
|
}
|
|
515
515
|
|
|
516
|
-
.
|
|
517
|
-
.
|
|
518
|
-
.
|
|
516
|
+
._toolbarToggleSingleGroup_17xow_222:last-of-type ._toolbarToggleItem_17xow_206:only-child,
|
|
517
|
+
._toolbarToggleSingleGroup_17xow_222:only-child ._toolbarToggleItem_17xow_206:last-child,
|
|
518
|
+
._toolbarModeSwitch_17xow_196 ._toolbarToggleItem_17xow_206:last-child {
|
|
519
519
|
border-top-right-radius: var(--radius-base);
|
|
520
520
|
border-bottom-right-radius: var(--radius-base);
|
|
521
521
|
}
|
|
522
522
|
|
|
523
|
-
.
|
|
524
|
-
.
|
|
523
|
+
._toolbarToggleItem_17xow_206,
|
|
524
|
+
._toolbarButton_17xow_237 {
|
|
525
525
|
border: 0;
|
|
526
526
|
background-color: transparent;
|
|
527
527
|
font-size: inherit;
|
|
@@ -535,50 +535,53 @@
|
|
|
535
535
|
}
|
|
536
536
|
|
|
537
537
|
@media (hover: hover) {
|
|
538
|
-
.
|
|
538
|
+
._toolbarToggleItem_17xow_206:hover, ._toolbarButton_17xow_237:hover {
|
|
539
539
|
background-color: var(--baseBgActive);
|
|
540
540
|
}
|
|
541
541
|
}
|
|
542
542
|
|
|
543
|
-
.
|
|
543
|
+
._toolbarToggleItem_17xow_206:active svg, ._toolbarButton_17xow_237:active svg {
|
|
544
544
|
transform: translate(1px, 1px);
|
|
545
545
|
}
|
|
546
546
|
|
|
547
|
-
.
|
|
548
|
-
.
|
|
549
|
-
.
|
|
550
|
-
.
|
|
547
|
+
._toolbarToggleItem_17xow_206[data-state=on],
|
|
548
|
+
._toolbarButton_17xow_237[data-state=on],
|
|
549
|
+
._toolbarToggleItem_17xow_206:active,
|
|
550
|
+
._toolbarButton_17xow_237:active {
|
|
551
551
|
color: var(--baseTextContrast);
|
|
552
552
|
background-color: var(--baseBgActive);
|
|
553
553
|
}
|
|
554
554
|
|
|
555
|
-
.
|
|
555
|
+
._toolbarToggleItem_17xow_206[data-disabled], ._toolbarButton_17xow_237[data-disabled] {
|
|
556
556
|
pointer-events: none;
|
|
557
|
-
color: var(--baseBorderHover);
|
|
558
557
|
}
|
|
559
558
|
|
|
560
|
-
.
|
|
559
|
+
._toolbarToggleItem_17xow_206[data-disabled] svg, ._toolbarButton_17xow_237[data-disabled] svg {
|
|
560
|
+
color: var(--baseBorderHover);
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
._toolbarButton_17xow_237 {
|
|
561
564
|
border-radius: var(--radius-base);
|
|
562
565
|
}
|
|
563
566
|
|
|
564
|
-
.
|
|
567
|
+
._toolbarButton_17xow_237 + ._toolbarButton_17xow_237 {
|
|
565
568
|
margin-left: var(--spacing-1);
|
|
566
569
|
}
|
|
567
570
|
|
|
568
|
-
.
|
|
571
|
+
._activeToolbarButton_17xow_274 {
|
|
569
572
|
color: var(--accentText);
|
|
570
573
|
}
|
|
571
574
|
|
|
572
|
-
.
|
|
575
|
+
._toolbarToggleSingleGroup_17xow_222 {
|
|
573
576
|
display: flex;
|
|
574
577
|
align-items: center;
|
|
575
578
|
white-space: nowrap;
|
|
576
579
|
}
|
|
577
580
|
|
|
578
|
-
.
|
|
579
|
-
.
|
|
580
|
-
.
|
|
581
|
-
.
|
|
581
|
+
._toolbarNodeKindSelectContainer_17xow_284,
|
|
582
|
+
._toolbarButtonDropdownContainer_17xow_285,
|
|
583
|
+
._toolbarCodeBlockLanguageSelectContent_17xow_286,
|
|
584
|
+
._selectContainer_17xow_287 {
|
|
582
585
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
583
586
|
z-index: 3;
|
|
584
587
|
width: var(--spacing-36);
|
|
@@ -588,17 +591,17 @@
|
|
|
588
591
|
font-size: var(--text-sm);
|
|
589
592
|
}
|
|
590
593
|
|
|
591
|
-
.
|
|
594
|
+
._toolbarButtonDropdownContainer_17xow_285 {
|
|
592
595
|
border-top-right-radius: var(--radius-base);
|
|
593
596
|
}
|
|
594
597
|
|
|
595
|
-
.
|
|
598
|
+
._toolbarButtonDropdownContainer_17xow_285 ._selectItem_17xow_300:first-child {
|
|
596
599
|
border-top-right-radius: var(--radius-base);
|
|
597
600
|
}
|
|
598
601
|
|
|
599
|
-
.
|
|
600
|
-
.
|
|
601
|
-
.
|
|
602
|
+
._toolbarNodeKindSelectTrigger_17xow_305,
|
|
603
|
+
._toolbarButtonSelectTrigger_17xow_306,
|
|
604
|
+
._selectTrigger_17xow_307 {
|
|
602
605
|
border: 0;
|
|
603
606
|
background-color: transparent;
|
|
604
607
|
display: flex;
|
|
@@ -615,62 +618,62 @@
|
|
|
615
618
|
margin: 0 var(--spacing-1);
|
|
616
619
|
}
|
|
617
620
|
|
|
618
|
-
.
|
|
621
|
+
._toolbarNodeKindSelectTrigger_17xow_305[data-state=open], ._toolbarButtonSelectTrigger_17xow_306[data-state=open], ._selectTrigger_17xow_307[data-state=open] {
|
|
619
622
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
620
623
|
border-bottom-right-radius: var(--radius-none);
|
|
621
624
|
border-bottom-left-radius: var(--radius-none);
|
|
622
625
|
}
|
|
623
626
|
|
|
624
|
-
.
|
|
627
|
+
._selectTrigger_17xow_307[data-placeholder]>span:first-child {
|
|
625
628
|
color: var(--baseBorderHover);
|
|
626
629
|
}
|
|
627
630
|
|
|
628
631
|
/** used in the sandpack */
|
|
629
|
-
.
|
|
632
|
+
._toolbarButtonSelectTrigger_17xow_306 {
|
|
630
633
|
width: auto;
|
|
631
634
|
padding-inline-start: var(--spacing-2);
|
|
632
635
|
padding-inline-end: var(--spacing-1);
|
|
633
636
|
padding-block: var(--spacing-0_5);
|
|
634
637
|
}
|
|
635
638
|
|
|
636
|
-
.
|
|
637
|
-
.
|
|
639
|
+
._toolbarCodeBlockLanguageSelectTrigger_17xow_342,
|
|
640
|
+
._toolbarCodeBlockLanguageSelectContent_17xow_286 {
|
|
638
641
|
width: var(--spacing-48);
|
|
639
642
|
}
|
|
640
643
|
|
|
641
|
-
.
|
|
642
|
-
.
|
|
644
|
+
._toolbarNodeKindSelectItem_17xow_347,
|
|
645
|
+
._selectItem_17xow_300 {
|
|
643
646
|
cursor: default;
|
|
644
647
|
display: flex;
|
|
645
648
|
padding: var(--spacing-2);
|
|
646
649
|
}
|
|
647
650
|
|
|
648
|
-
.
|
|
651
|
+
._toolbarNodeKindSelectItem_17xow_347[data-highlighted], ._selectItem_17xow_300[data-highlighted] {
|
|
649
652
|
background-color: var(--baseBg);
|
|
650
653
|
}
|
|
651
654
|
|
|
652
|
-
.
|
|
655
|
+
._toolbarNodeKindSelectItem_17xow_347[data-state=checked], ._selectItem_17xow_300[data-state=checked] {
|
|
653
656
|
color: var(--baseTextContrast);
|
|
654
657
|
background-color: var(--baseBg);
|
|
655
658
|
}
|
|
656
659
|
|
|
657
|
-
.
|
|
660
|
+
._toolbarNodeKindSelectItem_17xow_347[data-highlighted], ._selectItem_17xow_300[data-highlighted] {
|
|
658
661
|
outline: none;
|
|
659
662
|
}
|
|
660
663
|
|
|
661
|
-
.
|
|
664
|
+
._toolbarNodeKindSelectItem_17xow_347:last-child, ._selectItem_17xow_300:last-child {
|
|
662
665
|
border-bottom-left-radius: var(--radius-base);
|
|
663
666
|
border-bottom-right-radius: var(--radius-base);
|
|
664
667
|
}
|
|
665
668
|
|
|
666
|
-
.
|
|
667
|
-
.
|
|
669
|
+
._toolbarNodeKindSelectDropdownArrow_17xow_372,
|
|
670
|
+
._selectDropdownArrow_17xow_373 {
|
|
668
671
|
margin-left: auto;
|
|
669
672
|
display: flex;
|
|
670
673
|
align-items: center;
|
|
671
674
|
}
|
|
672
675
|
|
|
673
|
-
.
|
|
676
|
+
._contentEditable_17xow_379 {
|
|
674
677
|
box-sizing: border-box;
|
|
675
678
|
width: 100%;
|
|
676
679
|
color: var(--baseTextContrast);
|
|
@@ -678,11 +681,11 @@
|
|
|
678
681
|
padding: var(--spacing-3);
|
|
679
682
|
}
|
|
680
683
|
|
|
681
|
-
.
|
|
684
|
+
._contentEditable_17xow_379:focus {
|
|
682
685
|
outline: none;
|
|
683
686
|
}
|
|
684
687
|
|
|
685
|
-
.
|
|
688
|
+
._codeMirrorWrapper_17xow_391 {
|
|
686
689
|
margin-bottom: var(--spacing-5);
|
|
687
690
|
border: 1px solid var(--baseLine);
|
|
688
691
|
border-radius: var(--radius-medium);
|
|
@@ -691,7 +694,7 @@
|
|
|
691
694
|
position: relative;
|
|
692
695
|
}
|
|
693
696
|
|
|
694
|
-
.
|
|
697
|
+
._sandPackWrapper_17xow_400 {
|
|
695
698
|
margin-bottom: var(--spacing-5);
|
|
696
699
|
border: 1px solid var(--baseLine);
|
|
697
700
|
border-radius: var(--radius-medium);
|
|
@@ -699,7 +702,7 @@
|
|
|
699
702
|
position: relative;
|
|
700
703
|
}
|
|
701
704
|
|
|
702
|
-
.
|
|
705
|
+
._codeMirrorToolbar_17xow_408 {
|
|
703
706
|
position: absolute;
|
|
704
707
|
right: 0;
|
|
705
708
|
top: 0;
|
|
@@ -711,17 +714,17 @@
|
|
|
711
714
|
border-bottom-left-radius: var(--radius-base);
|
|
712
715
|
}
|
|
713
716
|
|
|
714
|
-
.
|
|
717
|
+
._frontmatterWrapper_17xow_412 {
|
|
715
718
|
border-radius: var(--radius-medium);
|
|
716
719
|
padding: var(--spacing-3);
|
|
717
720
|
background-color: var(--baseBgSubtle);
|
|
718
721
|
}
|
|
719
722
|
|
|
720
|
-
.
|
|
723
|
+
._frontmatterWrapper_17xow_412[data-expanded=true] {
|
|
721
724
|
margin-bottom: var(--spacing-10);
|
|
722
725
|
}
|
|
723
726
|
|
|
724
|
-
.
|
|
727
|
+
._frontmatterToggleButton_17xow_422 {
|
|
725
728
|
border: 0;
|
|
726
729
|
background-color: transparent;
|
|
727
730
|
font-size: inherit;
|
|
@@ -737,7 +740,7 @@
|
|
|
737
740
|
font-size: var(--text-sm);
|
|
738
741
|
}
|
|
739
742
|
|
|
740
|
-
.
|
|
743
|
+
._propertyPanelTitle_17xow_430 {
|
|
741
744
|
font-size: var(--text-xs);
|
|
742
745
|
font-weight: 400;
|
|
743
746
|
margin: 0;
|
|
@@ -745,49 +748,49 @@
|
|
|
745
748
|
padding-left: var(--spacing-2);
|
|
746
749
|
}
|
|
747
750
|
|
|
748
|
-
.
|
|
751
|
+
._propertyEditorTable_17xow_438 {
|
|
749
752
|
table-layout: fixed;
|
|
750
753
|
border-spacing: var(--spacing-2);
|
|
751
754
|
}
|
|
752
755
|
|
|
753
|
-
.
|
|
756
|
+
._propertyEditorTable_17xow_438 th {
|
|
754
757
|
text-align: left;
|
|
755
758
|
font-size: var(--text-sm);
|
|
756
759
|
padding: var(--spacing-2) var(--spacing-3);
|
|
757
760
|
}
|
|
758
761
|
|
|
759
|
-
.
|
|
762
|
+
._propertyEditorTable_17xow_438 col:nth-child(1) {
|
|
760
763
|
width: 30%;
|
|
761
764
|
}
|
|
762
765
|
|
|
763
|
-
.
|
|
766
|
+
._propertyEditorTable_17xow_438 col:nth-child(2) {
|
|
764
767
|
width: 70%;
|
|
765
768
|
}
|
|
766
769
|
|
|
767
|
-
.
|
|
770
|
+
._propertyEditorTable_17xow_438 td:last-child ._iconButton_17xow_456 {
|
|
768
771
|
margin-left: var(--spacing-4);
|
|
769
772
|
margin-right: var(--spacing-4);
|
|
770
773
|
}
|
|
771
774
|
|
|
772
|
-
.
|
|
775
|
+
._propertyEditorTable_17xow_438 ._readOnlyColumnCell_17xow_461 {
|
|
773
776
|
padding-left: 0;
|
|
774
777
|
}
|
|
775
778
|
|
|
776
|
-
.
|
|
779
|
+
._propertyEditorLabelCell_17xow_466 {
|
|
777
780
|
font-weight: 400;
|
|
778
781
|
}
|
|
779
782
|
|
|
780
|
-
.
|
|
783
|
+
._readOnlyColumnCell_17xow_461 {
|
|
781
784
|
padding-left: 0;
|
|
782
785
|
}
|
|
783
786
|
|
|
784
|
-
.
|
|
787
|
+
._buttonsFooter_17xow_474 {
|
|
785
788
|
display: flex;
|
|
786
789
|
justify-content: flex-end;
|
|
787
790
|
gap: var(--spacing-2);
|
|
788
791
|
}
|
|
789
792
|
|
|
790
|
-
.
|
|
793
|
+
._propertyEditorInput_17xow_480 {
|
|
791
794
|
border: 0;
|
|
792
795
|
background-color: transparent;
|
|
793
796
|
font-size: inherit;
|
|
@@ -805,7 +808,7 @@
|
|
|
805
808
|
font-size: var(--text-sm);
|
|
806
809
|
}
|
|
807
810
|
|
|
808
|
-
.
|
|
811
|
+
._iconButton_17xow_456 {
|
|
809
812
|
border: 0;
|
|
810
813
|
background-color: transparent;
|
|
811
814
|
font-size: inherit;
|
|
@@ -819,18 +822,18 @@
|
|
|
819
822
|
}
|
|
820
823
|
|
|
821
824
|
@media (hover: hover) {
|
|
822
|
-
.
|
|
825
|
+
._iconButton_17xow_456:hover {
|
|
823
826
|
color: var(--baseTextContrast);
|
|
824
827
|
}
|
|
825
828
|
}
|
|
826
829
|
|
|
827
|
-
.
|
|
828
|
-
.
|
|
830
|
+
._iconButton_17xow_456:disabled,
|
|
831
|
+
._iconButton_17xow_456:disabled:hover {
|
|
829
832
|
color: var(--baseLine);
|
|
830
833
|
}
|
|
831
834
|
|
|
832
|
-
.
|
|
833
|
-
.
|
|
835
|
+
._primaryButton_17xow_506,
|
|
836
|
+
._secondaryButton_17xow_507 {
|
|
834
837
|
border: 0;
|
|
835
838
|
background-color: transparent;
|
|
836
839
|
font-size: inherit;
|
|
@@ -848,30 +851,30 @@
|
|
|
848
851
|
border-radius: var(--radius-medium);
|
|
849
852
|
}
|
|
850
853
|
|
|
851
|
-
.
|
|
854
|
+
._primaryButton_17xow_506:disabled, ._secondaryButton_17xow_507:disabled {
|
|
852
855
|
background: var(--accentLine);
|
|
853
856
|
border-color: var(--accentBg);
|
|
854
857
|
}
|
|
855
858
|
|
|
856
|
-
.
|
|
859
|
+
._smallButton_17xow_522 {
|
|
857
860
|
font-size: var(--text-xs);
|
|
858
861
|
padding: var(--spacing-1) var(--spacing-2);
|
|
859
862
|
border-radius: var(--radius-base);
|
|
860
863
|
}
|
|
861
864
|
|
|
862
|
-
.
|
|
865
|
+
._secondaryButton_17xow_507 {
|
|
863
866
|
border: 1px solid var(--baseBorder);
|
|
864
867
|
background-color: var(--baseSolidHover);
|
|
865
868
|
color: var(--baseBase);
|
|
866
869
|
}
|
|
867
870
|
|
|
868
|
-
.
|
|
871
|
+
._dialogForm_17xow_534 {
|
|
869
872
|
display: flex;
|
|
870
873
|
flex-direction: row;
|
|
871
874
|
gap: var(--spacing-2);
|
|
872
875
|
}
|
|
873
876
|
|
|
874
|
-
.
|
|
877
|
+
._linkDialogEditForm_17xow_540 {
|
|
875
878
|
display: flex;
|
|
876
879
|
flex-direction: column;
|
|
877
880
|
align-items: stretch;
|
|
@@ -879,13 +882,13 @@
|
|
|
879
882
|
padding: 0;
|
|
880
883
|
}
|
|
881
884
|
|
|
882
|
-
.
|
|
885
|
+
._linkDialogInputContainer_17xow_548 {
|
|
883
886
|
display: flex;
|
|
884
887
|
flex-direction: column;
|
|
885
888
|
align-items: stretch;
|
|
886
889
|
}
|
|
887
890
|
|
|
888
|
-
.
|
|
891
|
+
._linkDialogInputWrapper_17xow_554 {
|
|
889
892
|
display: flex;
|
|
890
893
|
align-items: center;
|
|
891
894
|
background-color: var(--baseBase);
|
|
@@ -894,13 +897,13 @@
|
|
|
894
897
|
border: 1px solid var(--baseBorder);
|
|
895
898
|
}
|
|
896
899
|
|
|
897
|
-
.
|
|
900
|
+
._linkDialogInputWrapper_17xow_554[data-visible-dropdown=true] {
|
|
898
901
|
border-bottom-left-radius: var(--radius-none);
|
|
899
902
|
border-bottom-right-radius: var(--radius-none);
|
|
900
903
|
border-bottom-width: 0;
|
|
901
904
|
}
|
|
902
905
|
|
|
903
|
-
.
|
|
906
|
+
._linkDialogInputWrapper_17xow_554>button {
|
|
904
907
|
border: 0;
|
|
905
908
|
background-color: transparent;
|
|
906
909
|
font-size: inherit;
|
|
@@ -913,8 +916,8 @@
|
|
|
913
916
|
padding-right: var(--spacing-2);
|
|
914
917
|
}
|
|
915
918
|
|
|
916
|
-
.
|
|
917
|
-
.
|
|
919
|
+
._linkDialogInput_17xow_548,
|
|
920
|
+
._dialogInput_17xow_575 {
|
|
918
921
|
border: 0;
|
|
919
922
|
background-color: transparent;
|
|
920
923
|
font-size: inherit;
|
|
@@ -929,31 +932,31 @@
|
|
|
929
932
|
font-size: var(--text-sm);
|
|
930
933
|
}
|
|
931
934
|
|
|
932
|
-
.
|
|
935
|
+
._linkDialogInput_17xow_548::-moz-placeholder, ._dialogInput_17xow_575::-moz-placeholder {
|
|
933
936
|
color: var(--baseBorder);
|
|
934
937
|
}
|
|
935
938
|
|
|
936
|
-
.
|
|
939
|
+
._linkDialogInput_17xow_548::placeholder, ._dialogInput_17xow_575::placeholder {
|
|
937
940
|
color: var(--baseBorder);
|
|
938
941
|
}
|
|
939
942
|
|
|
940
|
-
.
|
|
943
|
+
._linkDialogAnchor_17xow_586 {
|
|
941
944
|
position: fixed;
|
|
942
945
|
background-color: highlight;
|
|
943
946
|
z-index: -1;
|
|
944
947
|
}
|
|
945
948
|
|
|
946
|
-
.
|
|
949
|
+
._linkDialogAnchor_17xow_586[data-visible=true] {
|
|
947
950
|
visibility: visible;
|
|
948
951
|
}
|
|
949
952
|
|
|
950
|
-
.
|
|
953
|
+
._linkDialogAnchor_17xow_586[data-visible=false] {
|
|
951
954
|
visibility: hidden;
|
|
952
955
|
}
|
|
953
956
|
|
|
954
|
-
.
|
|
955
|
-
.
|
|
956
|
-
.
|
|
957
|
+
._linkDialogPopoverContent_17xow_600,
|
|
958
|
+
._tableColumnEditorPopoverContent_17xow_601,
|
|
959
|
+
._dialogContent_17xow_602 {
|
|
957
960
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
958
961
|
display: flex;
|
|
959
962
|
align-items: center;
|
|
@@ -965,7 +968,7 @@
|
|
|
965
968
|
font-size: var(--text-sm);
|
|
966
969
|
}
|
|
967
970
|
|
|
968
|
-
.
|
|
971
|
+
._largeDialogContent_17xow_614 {
|
|
969
972
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
970
973
|
gap: var(--spacing-0_5);
|
|
971
974
|
border-radius: var(--radius-medium);
|
|
@@ -975,13 +978,13 @@
|
|
|
975
978
|
font-size: var(--text-sm);
|
|
976
979
|
}
|
|
977
980
|
|
|
978
|
-
.
|
|
981
|
+
._dialogTitle_17xow_624 {
|
|
979
982
|
font-size: var(--text-base);
|
|
980
983
|
font-weight: 600;
|
|
981
984
|
padding-left: var(--spacing-2);
|
|
982
985
|
}
|
|
983
986
|
|
|
984
|
-
.
|
|
987
|
+
._dialogCloseButton_17xow_630 {
|
|
985
988
|
border: 0;
|
|
986
989
|
background-color: transparent;
|
|
987
990
|
font-size: inherit;
|
|
@@ -996,7 +999,7 @@
|
|
|
996
999
|
right: 10px;
|
|
997
1000
|
}
|
|
998
1001
|
|
|
999
|
-
.
|
|
1002
|
+
._popoverContent_17xow_637 {
|
|
1000
1003
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
1001
1004
|
display: flex;
|
|
1002
1005
|
align-items: center;
|
|
@@ -1008,11 +1011,11 @@
|
|
|
1008
1011
|
z-index: 1;
|
|
1009
1012
|
}
|
|
1010
1013
|
|
|
1011
|
-
.
|
|
1014
|
+
._popoverArrow_17xow_649 {
|
|
1012
1015
|
fill: var(--basePageBg);
|
|
1013
1016
|
}
|
|
1014
1017
|
|
|
1015
|
-
.
|
|
1018
|
+
._linkDialogPreviewAnchor_17xow_653 {
|
|
1016
1019
|
margin-right: var(--spacing-1);
|
|
1017
1020
|
display: flex;
|
|
1018
1021
|
align-items: center;
|
|
@@ -1023,23 +1026,23 @@
|
|
|
1023
1026
|
}
|
|
1024
1027
|
|
|
1025
1028
|
@media (hover: hover) {
|
|
1026
|
-
.
|
|
1029
|
+
._linkDialogPreviewAnchor_17xow_653:hover {
|
|
1027
1030
|
color: var(--accentSolidHover);
|
|
1028
1031
|
}
|
|
1029
1032
|
}
|
|
1030
1033
|
|
|
1031
|
-
.
|
|
1034
|
+
._linkDialogPreviewAnchor_17xow_653 span {
|
|
1032
1035
|
max-width: 14rem;
|
|
1033
1036
|
overflow-x: hidden;
|
|
1034
1037
|
text-overflow: ellipsis;
|
|
1035
1038
|
white-space: nowrap;
|
|
1036
1039
|
}
|
|
1037
1040
|
|
|
1038
|
-
.
|
|
1041
|
+
._tooltipTrigger_17xow_676 {
|
|
1039
1042
|
align-self: center;
|
|
1040
1043
|
}
|
|
1041
1044
|
|
|
1042
|
-
.
|
|
1045
|
+
._tooltipContent_17xow_680 {
|
|
1043
1046
|
z-index: 2;
|
|
1044
1047
|
position: relative;
|
|
1045
1048
|
border-radius: var(--radius-medium);
|
|
@@ -1049,11 +1052,11 @@
|
|
|
1049
1052
|
color: var(--baseBase);
|
|
1050
1053
|
}
|
|
1051
1054
|
|
|
1052
|
-
.
|
|
1055
|
+
._tooltipContent_17xow_680 svg {
|
|
1053
1056
|
fill: var(--baseText);
|
|
1054
1057
|
}
|
|
1055
1058
|
|
|
1056
|
-
.
|
|
1059
|
+
._actionButton_17xow_694 {
|
|
1057
1060
|
border: 0;
|
|
1058
1061
|
background-color: transparent;
|
|
1059
1062
|
font-size: inherit;
|
|
@@ -1070,39 +1073,39 @@
|
|
|
1070
1073
|
color: var(--baseTextContrast);
|
|
1071
1074
|
}
|
|
1072
1075
|
|
|
1073
|
-
.
|
|
1076
|
+
._actionButton_17xow_694 svg {
|
|
1074
1077
|
display: block;
|
|
1075
1078
|
}
|
|
1076
1079
|
|
|
1077
1080
|
@media (hover: hover) {
|
|
1078
|
-
.
|
|
1081
|
+
._actionButton_17xow_694:hover {
|
|
1079
1082
|
background-color: var(--baseBg);
|
|
1080
1083
|
}
|
|
1081
1084
|
}
|
|
1082
1085
|
|
|
1083
|
-
.
|
|
1086
|
+
._actionButton_17xow_694:active svg {
|
|
1084
1087
|
transform: translate(1px, 1px);
|
|
1085
1088
|
}
|
|
1086
1089
|
|
|
1087
|
-
.
|
|
1088
|
-
.
|
|
1090
|
+
._actionButton_17xow_694[data-state=on],
|
|
1091
|
+
._actionButton_17xow_694:active {
|
|
1089
1092
|
background-color: var(--baseBg);
|
|
1090
1093
|
color: var(--baseTextContrast);
|
|
1091
1094
|
}
|
|
1092
1095
|
|
|
1093
|
-
.
|
|
1096
|
+
._primaryActionButton_17xow_701 {
|
|
1094
1097
|
background-color: var(--accentSolid);
|
|
1095
1098
|
color: var(--baseBase);
|
|
1096
1099
|
}
|
|
1097
1100
|
|
|
1098
1101
|
@media (hover: hover) {
|
|
1099
|
-
.
|
|
1102
|
+
._primaryActionButton_17xow_701:hover {
|
|
1100
1103
|
background-color: var(--accentSolidHover);
|
|
1101
1104
|
color: var(--baseBase);
|
|
1102
1105
|
}
|
|
1103
1106
|
}
|
|
1104
1107
|
|
|
1105
|
-
.
|
|
1108
|
+
._tableEditor_17xow_713 {
|
|
1106
1109
|
table-layout: fixed;
|
|
1107
1110
|
width: 100%;
|
|
1108
1111
|
height: 100%;
|
|
@@ -1110,62 +1113,62 @@
|
|
|
1110
1113
|
border-collapse: collapse;
|
|
1111
1114
|
}
|
|
1112
1115
|
|
|
1113
|
-
.
|
|
1116
|
+
._tableEditor_17xow_713 thead>tr>th {
|
|
1114
1117
|
text-align: right;
|
|
1115
1118
|
}
|
|
1116
1119
|
|
|
1117
|
-
.
|
|
1118
|
-
.
|
|
1120
|
+
._tableEditor_17xow_713>tbody>tr>td:not(._toolCell_17xow_724),
|
|
1121
|
+
._tableEditor_17xow_713>tbody>tr>th:not(._toolCell_17xow_724):not(:last-of-type) {
|
|
1119
1122
|
border: 1px solid var(--baseBgActive);
|
|
1120
1123
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1121
1124
|
white-space: normal;
|
|
1122
1125
|
}
|
|
1123
1126
|
|
|
1124
|
-
:is(.
|
|
1127
|
+
:is(._tableEditor_17xow_713>tbody>tr>td:not(._toolCell_17xow_724),._tableEditor_17xow_713>tbody>tr>th:not(._toolCell_17xow_724):not(:last-of-type))>div {
|
|
1125
1128
|
outline: none;
|
|
1126
1129
|
}
|
|
1127
1130
|
|
|
1128
|
-
:is(.
|
|
1131
|
+
:is(._tableEditor_17xow_713>tbody>tr>td:not(._toolCell_17xow_724),._tableEditor_17xow_713>tbody>tr>th:not(._toolCell_17xow_724):not(:last-of-type))>div>p {
|
|
1129
1132
|
margin: 0;
|
|
1130
1133
|
}
|
|
1131
1134
|
|
|
1132
|
-
[data-active=true]:is(.
|
|
1135
|
+
[data-active=true]:is(._tableEditor_17xow_713>tbody>tr>td:not(._toolCell_17xow_724),._tableEditor_17xow_713>tbody>tr>th:not(._toolCell_17xow_724):not(:last-of-type)) {
|
|
1133
1136
|
outline: solid 1px var(--baseSolid);
|
|
1134
1137
|
}
|
|
1135
1138
|
|
|
1136
|
-
.
|
|
1137
|
-
.
|
|
1138
|
-
.
|
|
1139
|
-
.
|
|
1140
|
-
.
|
|
1139
|
+
._tableEditor_17xow_713 ._tableColumnEditorTrigger_17xow_743,
|
|
1140
|
+
._tableEditor_17xow_713 ._tableRowEditorTrigger_17xow_744,
|
|
1141
|
+
._tableEditor_17xow_713 ._addRowButton_17xow_745,
|
|
1142
|
+
._tableEditor_17xow_713 ._addColumnButton_17xow_746,
|
|
1143
|
+
._tableEditor_17xow_713 ._iconButton_17xow_456 {
|
|
1141
1144
|
opacity: .15;
|
|
1142
1145
|
}
|
|
1143
1146
|
|
|
1144
1147
|
@media (hover: hover) {
|
|
1145
1148
|
|
|
1146
|
-
.
|
|
1147
|
-
.
|
|
1148
|
-
.
|
|
1149
|
-
.
|
|
1150
|
-
.
|
|
1149
|
+
._tableEditor_17xow_713:hover ._tableColumnEditorTrigger_17xow_743,
|
|
1150
|
+
._tableEditor_17xow_713:hover ._tableRowEditorTrigger_17xow_744,
|
|
1151
|
+
._tableEditor_17xow_713:hover ._addRowButton_17xow_745,
|
|
1152
|
+
._tableEditor_17xow_713:hover ._addColumnButton_17xow_746,
|
|
1153
|
+
._tableEditor_17xow_713:hover ._iconButton_17xow_456 {
|
|
1151
1154
|
opacity: 0.3;
|
|
1152
1155
|
}
|
|
1153
1156
|
|
|
1154
|
-
.
|
|
1157
|
+
._tableEditor_17xow_713:hover ._tableColumnEditorTrigger_17xow_743:hover, ._tableEditor_17xow_713:hover ._tableRowEditorTrigger_17xow_744:hover, ._tableEditor_17xow_713:hover ._addRowButton_17xow_745:hover, ._tableEditor_17xow_713:hover ._addColumnButton_17xow_746:hover, ._tableEditor_17xow_713:hover ._iconButton_17xow_456:hover {
|
|
1155
1158
|
opacity: 1;
|
|
1156
1159
|
}
|
|
1157
1160
|
}
|
|
1158
1161
|
|
|
1159
|
-
.
|
|
1162
|
+
._toolCell_17xow_724 {
|
|
1160
1163
|
text-align: right;
|
|
1161
1164
|
}
|
|
1162
1165
|
|
|
1163
|
-
.
|
|
1166
|
+
._toolCell_17xow_724 button {
|
|
1164
1167
|
margin: auto;
|
|
1165
1168
|
display: block;
|
|
1166
1169
|
}
|
|
1167
1170
|
|
|
1168
|
-
.
|
|
1171
|
+
._tableColumnEditorTrigger_17xow_743 {
|
|
1169
1172
|
border: 0;
|
|
1170
1173
|
background-color: transparent;
|
|
1171
1174
|
font-size: inherit;
|
|
@@ -1182,35 +1185,35 @@
|
|
|
1182
1185
|
opacity: 0.2;
|
|
1183
1186
|
}
|
|
1184
1187
|
|
|
1185
|
-
.
|
|
1188
|
+
._tableColumnEditorTrigger_17xow_743 svg {
|
|
1186
1189
|
display: block;
|
|
1187
1190
|
}
|
|
1188
1191
|
|
|
1189
1192
|
@media (hover: hover) {
|
|
1190
|
-
.
|
|
1193
|
+
._tableColumnEditorTrigger_17xow_743:hover {
|
|
1191
1194
|
background-color: var(--baseBg);
|
|
1192
1195
|
}
|
|
1193
1196
|
}
|
|
1194
1197
|
|
|
1195
|
-
.
|
|
1198
|
+
._tableColumnEditorTrigger_17xow_743:active svg {
|
|
1196
1199
|
transform: translate(1px, 1px);
|
|
1197
1200
|
}
|
|
1198
1201
|
|
|
1199
|
-
.
|
|
1200
|
-
.
|
|
1202
|
+
._tableColumnEditorTrigger_17xow_743[data-state=on],
|
|
1203
|
+
._tableColumnEditorTrigger_17xow_743:active {
|
|
1201
1204
|
background-color: var(--baseBg);
|
|
1202
1205
|
color: var(--baseTextContrast);
|
|
1203
1206
|
}
|
|
1204
1207
|
|
|
1205
|
-
.
|
|
1208
|
+
._tableColumnEditorTrigger_17xow_743[data-active=true] {
|
|
1206
1209
|
opacity: 1 !important;
|
|
1207
1210
|
}
|
|
1208
1211
|
|
|
1209
|
-
.
|
|
1212
|
+
._tableColumnEditorToolbar_17xow_789 {
|
|
1210
1213
|
display: flex;
|
|
1211
1214
|
}
|
|
1212
1215
|
|
|
1213
|
-
.
|
|
1216
|
+
._tableColumnEditorToolbar_17xow_789>button {
|
|
1214
1217
|
border: 0;
|
|
1215
1218
|
background-color: transparent;
|
|
1216
1219
|
font-size: inherit;
|
|
@@ -1224,38 +1227,38 @@
|
|
|
1224
1227
|
color: var(--baseTextContrast);
|
|
1225
1228
|
}
|
|
1226
1229
|
|
|
1227
|
-
.
|
|
1230
|
+
._tableColumnEditorToolbar_17xow_789>button svg {
|
|
1228
1231
|
display: block;
|
|
1229
1232
|
}
|
|
1230
1233
|
|
|
1231
1234
|
@media (hover: hover) {
|
|
1232
|
-
.
|
|
1235
|
+
._tableColumnEditorToolbar_17xow_789>button:hover {
|
|
1233
1236
|
background-color: var(--baseBg);
|
|
1234
1237
|
}
|
|
1235
1238
|
}
|
|
1236
1239
|
|
|
1237
|
-
.
|
|
1240
|
+
._tableColumnEditorToolbar_17xow_789>button:active svg {
|
|
1238
1241
|
transform: translate(1px, 1px);
|
|
1239
1242
|
}
|
|
1240
1243
|
|
|
1241
|
-
.
|
|
1242
|
-
.
|
|
1244
|
+
._tableColumnEditorToolbar_17xow_789>button[data-state=on],
|
|
1245
|
+
._tableColumnEditorToolbar_17xow_789>button:active {
|
|
1243
1246
|
background-color: var(--baseBg);
|
|
1244
1247
|
color: var(--baseTextContrast);
|
|
1245
1248
|
}
|
|
1246
1249
|
|
|
1247
|
-
.
|
|
1250
|
+
._tableColumnEditorToolbar_17xow_789 [role=separator] {
|
|
1248
1251
|
margin-left: var(--spacing-1);
|
|
1249
1252
|
margin-right: var(--spacing-1);
|
|
1250
1253
|
}
|
|
1251
1254
|
|
|
1252
1255
|
|
|
1253
|
-
.
|
|
1256
|
+
._toggleGroupRoot_17xow_803 {
|
|
1254
1257
|
display: inline-flex;
|
|
1255
1258
|
}
|
|
1256
1259
|
|
|
1257
1260
|
|
|
1258
|
-
.
|
|
1261
|
+
._toggleGroupRoot_17xow_803 button {
|
|
1259
1262
|
border: 0;
|
|
1260
1263
|
background-color: transparent;
|
|
1261
1264
|
font-size: inherit;
|
|
@@ -1270,64 +1273,64 @@
|
|
|
1270
1273
|
}
|
|
1271
1274
|
|
|
1272
1275
|
|
|
1273
|
-
.
|
|
1276
|
+
._toggleGroupRoot_17xow_803 button svg {
|
|
1274
1277
|
display: block;
|
|
1275
1278
|
}
|
|
1276
1279
|
|
|
1277
1280
|
|
|
1278
1281
|
@media (hover: hover) {
|
|
1279
|
-
.
|
|
1282
|
+
._toggleGroupRoot_17xow_803 button:hover {
|
|
1280
1283
|
background-color: var(--baseBg);
|
|
1281
1284
|
}
|
|
1282
1285
|
}
|
|
1283
1286
|
|
|
1284
1287
|
|
|
1285
|
-
.
|
|
1288
|
+
._toggleGroupRoot_17xow_803 button:active svg {
|
|
1286
1289
|
transform: translate(1px, 1px);
|
|
1287
1290
|
}
|
|
1288
1291
|
|
|
1289
1292
|
|
|
1290
|
-
.
|
|
1291
|
-
.
|
|
1293
|
+
._toggleGroupRoot_17xow_803 button[data-state=on],
|
|
1294
|
+
._toggleGroupRoot_17xow_803 button:active {
|
|
1292
1295
|
background-color: var(--baseBg);
|
|
1293
1296
|
color: var(--baseTextContrast);
|
|
1294
1297
|
}
|
|
1295
1298
|
|
|
1296
1299
|
|
|
1297
|
-
.
|
|
1300
|
+
._toggleGroupRoot_17xow_803 button:first-child {
|
|
1298
1301
|
border-top-left-radius: var(--radius-base);
|
|
1299
1302
|
border-bottom-left-radius: var(--radius-base);
|
|
1300
1303
|
}
|
|
1301
1304
|
|
|
1302
1305
|
|
|
1303
|
-
.
|
|
1306
|
+
._toggleGroupRoot_17xow_803 button:last-child {
|
|
1304
1307
|
border-top-right-radius: var(--radius-base);
|
|
1305
1308
|
border-bottom-right-radius: var(--radius-base);
|
|
1306
1309
|
}
|
|
1307
1310
|
|
|
1308
|
-
.
|
|
1311
|
+
._tableToolsColumn_17xow_821 {
|
|
1309
1312
|
width: 2rem;
|
|
1310
1313
|
}
|
|
1311
1314
|
|
|
1312
|
-
.
|
|
1315
|
+
._tableToolsColumn_17xow_821 button {
|
|
1313
1316
|
margin: auto;
|
|
1314
1317
|
display: block;
|
|
1315
1318
|
}
|
|
1316
1319
|
|
|
1317
|
-
.
|
|
1320
|
+
._leftAlignedCell_17xow_830 {
|
|
1318
1321
|
text-align: left;
|
|
1319
1322
|
}
|
|
1320
1323
|
|
|
1321
|
-
.
|
|
1324
|
+
._rightAlignedCell_17xow_834 {
|
|
1322
1325
|
text-align: right;
|
|
1323
1326
|
}
|
|
1324
1327
|
|
|
1325
|
-
.
|
|
1328
|
+
._centeredCell_17xow_838 {
|
|
1326
1329
|
text-align: center;
|
|
1327
1330
|
}
|
|
1328
1331
|
|
|
1329
|
-
.
|
|
1330
|
-
.
|
|
1332
|
+
._addColumnButton_17xow_746,
|
|
1333
|
+
._addRowButton_17xow_745 {
|
|
1331
1334
|
border: 0;
|
|
1332
1335
|
background-color: transparent;
|
|
1333
1336
|
font-size: inherit;
|
|
@@ -1345,33 +1348,33 @@
|
|
|
1345
1348
|
align-items: center;
|
|
1346
1349
|
}
|
|
1347
1350
|
|
|
1348
|
-
.
|
|
1351
|
+
._addColumnButton_17xow_746 svg, ._addRowButton_17xow_745 svg {
|
|
1349
1352
|
display: block;
|
|
1350
1353
|
}
|
|
1351
1354
|
|
|
1352
1355
|
@media (hover: hover) {
|
|
1353
|
-
.
|
|
1356
|
+
._addColumnButton_17xow_746:hover, ._addRowButton_17xow_745:hover {
|
|
1354
1357
|
background-color: var(--baseBg);
|
|
1355
1358
|
}
|
|
1356
1359
|
}
|
|
1357
1360
|
|
|
1358
|
-
.
|
|
1361
|
+
._addColumnButton_17xow_746:active svg, ._addRowButton_17xow_745:active svg {
|
|
1359
1362
|
transform: translate(1px, 1px);
|
|
1360
1363
|
}
|
|
1361
1364
|
|
|
1362
|
-
.
|
|
1363
|
-
.
|
|
1364
|
-
.
|
|
1365
|
-
.
|
|
1365
|
+
._addColumnButton_17xow_746[data-state=on],
|
|
1366
|
+
._addRowButton_17xow_745[data-state=on],
|
|
1367
|
+
._addColumnButton_17xow_746:active,
|
|
1368
|
+
._addRowButton_17xow_745:active {
|
|
1366
1369
|
background-color: var(--baseBg);
|
|
1367
1370
|
color: var(--baseTextContrast);
|
|
1368
1371
|
}
|
|
1369
1372
|
|
|
1370
|
-
.
|
|
1373
|
+
._addColumnButton_17xow_746 svg, ._addRowButton_17xow_745 svg {
|
|
1371
1374
|
margin: auto;
|
|
1372
1375
|
}
|
|
1373
1376
|
|
|
1374
|
-
.
|
|
1377
|
+
._addRowButton_17xow_745 {
|
|
1375
1378
|
width: 100%;
|
|
1376
1379
|
margin-top: var(--spacing-px);
|
|
1377
1380
|
box-sizing: border-box;
|
|
@@ -1379,7 +1382,7 @@
|
|
|
1379
1382
|
border-bottom-left-radius: var(--radius-medium);
|
|
1380
1383
|
}
|
|
1381
1384
|
|
|
1382
|
-
.
|
|
1385
|
+
._addColumnButton_17xow_746 {
|
|
1383
1386
|
margin-left: var(--spacing-px);
|
|
1384
1387
|
height: 100%;
|
|
1385
1388
|
border-top-right-radius: var(--radius-medium);
|
|
@@ -1387,32 +1390,32 @@
|
|
|
1387
1390
|
}
|
|
1388
1391
|
|
|
1389
1392
|
/** Dialog */
|
|
1390
|
-
.
|
|
1393
|
+
._dialogOverlay_17xow_871 {
|
|
1391
1394
|
position: fixed;
|
|
1392
1395
|
inset: 0;
|
|
1393
|
-
animation:
|
|
1396
|
+
animation: _overlayShow_17xow_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1394
1397
|
background-color: var(--baseBase);
|
|
1395
1398
|
z-index: 51;
|
|
1396
1399
|
opacity: 0.5;
|
|
1397
1400
|
}
|
|
1398
1401
|
|
|
1399
|
-
.
|
|
1400
|
-
.
|
|
1402
|
+
._dialogContent_17xow_602,
|
|
1403
|
+
._largeDialogContent_17xow_614 {
|
|
1401
1404
|
position: fixed;
|
|
1402
1405
|
top: 50%;
|
|
1403
1406
|
left: 50%;
|
|
1404
1407
|
transform: translate(-50%, -50%);
|
|
1405
|
-
animation:
|
|
1408
|
+
animation: _contentShow_17xow_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1406
1409
|
z-index: 52;
|
|
1407
1410
|
}
|
|
1408
1411
|
|
|
1409
|
-
.
|
|
1410
|
-
.
|
|
1412
|
+
._dialogContent_17xow_602:focus,
|
|
1413
|
+
._largeDialogContent_17xow_614:focus {
|
|
1411
1414
|
outline: none;
|
|
1412
1415
|
}
|
|
1413
1416
|
|
|
1414
1417
|
|
|
1415
|
-
@keyframes
|
|
1418
|
+
@keyframes _overlayShow_17xow_1 {
|
|
1416
1419
|
from {
|
|
1417
1420
|
opacity: 0;
|
|
1418
1421
|
}
|
|
@@ -1422,7 +1425,7 @@
|
|
|
1422
1425
|
}
|
|
1423
1426
|
}
|
|
1424
1427
|
|
|
1425
|
-
@keyframes
|
|
1428
|
+
@keyframes _contentShow_17xow_1 {
|
|
1426
1429
|
from {
|
|
1427
1430
|
opacity: 0;
|
|
1428
1431
|
transform: translate(-50%, -48%) scale(0.96);
|
|
@@ -1434,23 +1437,23 @@
|
|
|
1434
1437
|
}
|
|
1435
1438
|
}
|
|
1436
1439
|
|
|
1437
|
-
.
|
|
1440
|
+
._focusedImage_17xow_918 {
|
|
1438
1441
|
outline: highlight solid 2px;
|
|
1439
1442
|
}
|
|
1440
1443
|
|
|
1441
|
-
.
|
|
1444
|
+
._imageWrapper_17xow_922 {
|
|
1442
1445
|
display: inline-block;
|
|
1443
1446
|
position: relative;
|
|
1444
1447
|
}
|
|
1445
1448
|
|
|
1446
|
-
.
|
|
1449
|
+
._imageWrapper_17xow_922[draggable=true] {
|
|
1447
1450
|
cursor: move;
|
|
1448
1451
|
/* fallback if grab cursor is unsupported */
|
|
1449
1452
|
cursor: grab;
|
|
1450
1453
|
cursor: -webkit-grab;
|
|
1451
1454
|
}
|
|
1452
1455
|
|
|
1453
|
-
.
|
|
1456
|
+
._editImageToolbar_17xow_935 {
|
|
1454
1457
|
position: absolute;
|
|
1455
1458
|
right: 0;
|
|
1456
1459
|
top: 0;
|
|
@@ -1462,11 +1465,11 @@
|
|
|
1462
1465
|
border-bottom-left-radius: var(--radius-base);
|
|
1463
1466
|
}
|
|
1464
1467
|
|
|
1465
|
-
.
|
|
1468
|
+
._editImageButton_17xow_939 svg {
|
|
1466
1469
|
display: block;
|
|
1467
1470
|
}
|
|
1468
1471
|
|
|
1469
|
-
.
|
|
1472
|
+
._inlineEditor_17xow_945 {
|
|
1470
1473
|
display: inline-flex;
|
|
1471
1474
|
border-radius: var(--radius-medium);
|
|
1472
1475
|
padding: var(--spacing-1);
|
|
@@ -1475,7 +1478,7 @@
|
|
|
1475
1478
|
background: var(--baseBg);
|
|
1476
1479
|
}
|
|
1477
1480
|
|
|
1478
|
-
.
|
|
1481
|
+
._blockEditor_17xow_954 {
|
|
1479
1482
|
display: flex;
|
|
1480
1483
|
justify-content: stretch;
|
|
1481
1484
|
border-radius: var(--radius-medium);
|
|
@@ -1485,70 +1488,70 @@
|
|
|
1485
1488
|
background: var(--baseBg);
|
|
1486
1489
|
}
|
|
1487
1490
|
|
|
1488
|
-
.
|
|
1491
|
+
._blockEditor_17xow_954 ._nestedEditor_17xow_963 {
|
|
1489
1492
|
flex-grow: 1;
|
|
1490
1493
|
}
|
|
1491
1494
|
|
|
1492
|
-
.
|
|
1495
|
+
._nestedEditor_17xow_963 {
|
|
1493
1496
|
background: var(--basePageBg);
|
|
1494
1497
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1495
1498
|
border-radius: var(--radius-medium);
|
|
1496
1499
|
}
|
|
1497
1500
|
|
|
1498
|
-
.
|
|
1501
|
+
._nestedEditor_17xow_963>p {
|
|
1499
1502
|
margin: 0;
|
|
1500
1503
|
}
|
|
1501
1504
|
|
|
1502
|
-
.
|
|
1505
|
+
._nestedEditor_17xow_963:focus {
|
|
1503
1506
|
outline: none;
|
|
1504
1507
|
}
|
|
1505
1508
|
|
|
1506
|
-
.
|
|
1509
|
+
._genericComponentName_17xow_982 {
|
|
1507
1510
|
font-size: var(--text-sm);
|
|
1508
1511
|
color: var(--baseText);
|
|
1509
1512
|
padding-right: var(--spacing-2);
|
|
1510
1513
|
}
|
|
1511
1514
|
|
|
1512
|
-
.
|
|
1515
|
+
._diffSourceToggle_17xow_988 {
|
|
1513
1516
|
border-radius: var(--radius-medium);
|
|
1514
1517
|
display: flex;
|
|
1515
1518
|
}
|
|
1516
1519
|
|
|
1517
|
-
.
|
|
1520
|
+
._diffSourceToggle_17xow_988 ._toolbarToggleItem_17xow_206 {
|
|
1518
1521
|
padding: 0;
|
|
1519
1522
|
}
|
|
1520
1523
|
|
|
1521
|
-
.
|
|
1524
|
+
._diffSourceToggle_17xow_988 ._toolbarToggleItem_17xow_206>span {
|
|
1522
1525
|
display: block;
|
|
1523
1526
|
padding: var(--spacing-1) var(--spacing-1);
|
|
1524
1527
|
}
|
|
1525
1528
|
|
|
1526
|
-
.
|
|
1529
|
+
._selectWithLabel_17xow_1002 {
|
|
1527
1530
|
display: flex;
|
|
1528
1531
|
align-items: center;
|
|
1529
1532
|
gap: var(--spacing-2);
|
|
1530
1533
|
margin-left: var(--spacing-2);
|
|
1531
1534
|
}
|
|
1532
1535
|
|
|
1533
|
-
.
|
|
1536
|
+
._selectWithLabel_17xow_1002>label {
|
|
1534
1537
|
font-size: var(--text-sm);
|
|
1535
1538
|
}
|
|
1536
1539
|
|
|
1537
|
-
.
|
|
1540
|
+
._selectWithLabel_17xow_1002 ._selectTrigger_17xow_307 {
|
|
1538
1541
|
border: 1px solid var(--baseBorder);
|
|
1539
1542
|
}
|
|
1540
1543
|
|
|
1541
|
-
.
|
|
1544
|
+
._toolbarTitleMode_17xow_1017 {
|
|
1542
1545
|
font-size: var(--text-sm);
|
|
1543
1546
|
margin-left: var(--spacing-2);
|
|
1544
1547
|
}
|
|
1545
1548
|
|
|
1546
1549
|
|
|
1547
|
-
.
|
|
1550
|
+
._imageControlWrapperResizing_17xow_1023 {
|
|
1548
1551
|
touch-action: none;
|
|
1549
1552
|
}
|
|
1550
1553
|
|
|
1551
|
-
.
|
|
1554
|
+
._imageResizer_17xow_1027 {
|
|
1552
1555
|
display: block;
|
|
1553
1556
|
width: 7px;
|
|
1554
1557
|
height: 7px;
|
|
@@ -1557,55 +1560,55 @@
|
|
|
1557
1560
|
border: 1px solid var(--baseBg);
|
|
1558
1561
|
}
|
|
1559
1562
|
|
|
1560
|
-
.
|
|
1563
|
+
._imageResizer_17xow_1027._imageResizerN_17xow_1036 {
|
|
1561
1564
|
top: -6px;
|
|
1562
1565
|
left: 48%;
|
|
1563
1566
|
cursor: n-resize;
|
|
1564
1567
|
}
|
|
1565
1568
|
|
|
1566
|
-
.
|
|
1569
|
+
._imageResizer_17xow_1027._imageResizerNe_17xow_1042 {
|
|
1567
1570
|
top: -6px;
|
|
1568
1571
|
right: -6px;
|
|
1569
1572
|
cursor: ne-resize;
|
|
1570
1573
|
}
|
|
1571
1574
|
|
|
1572
|
-
.
|
|
1575
|
+
._imageResizer_17xow_1027._imageResizerE_17xow_1048 {
|
|
1573
1576
|
bottom: 48%;
|
|
1574
1577
|
right: -6px;
|
|
1575
1578
|
cursor: e-resize;
|
|
1576
1579
|
}
|
|
1577
1580
|
|
|
1578
|
-
.
|
|
1581
|
+
._imageResizer_17xow_1027._imageResizerSe_17xow_1054 {
|
|
1579
1582
|
bottom: -2px;
|
|
1580
1583
|
right: -6px;
|
|
1581
1584
|
cursor: nwse-resize;
|
|
1582
1585
|
}
|
|
1583
1586
|
|
|
1584
|
-
.
|
|
1587
|
+
._imageResizer_17xow_1027._imageResizerS_17xow_1054 {
|
|
1585
1588
|
bottom: -2px;
|
|
1586
1589
|
left: 48%;
|
|
1587
1590
|
cursor: s-resize;
|
|
1588
1591
|
}
|
|
1589
1592
|
|
|
1590
|
-
.
|
|
1593
|
+
._imageResizer_17xow_1027._imageResizerSw_17xow_1066 {
|
|
1591
1594
|
bottom: -2px;
|
|
1592
1595
|
left: -6px;
|
|
1593
1596
|
cursor: sw-resize;
|
|
1594
1597
|
}
|
|
1595
1598
|
|
|
1596
|
-
.
|
|
1599
|
+
._imageResizer_17xow_1027._imageResizerW_17xow_1072 {
|
|
1597
1600
|
bottom: 48%;
|
|
1598
1601
|
left: -6px;
|
|
1599
1602
|
cursor: w-resize;
|
|
1600
1603
|
}
|
|
1601
1604
|
|
|
1602
|
-
.
|
|
1605
|
+
._imageResizer_17xow_1027._imageResizerNw_17xow_1078 {
|
|
1603
1606
|
top: -6px;
|
|
1604
1607
|
left: -6px;
|
|
1605
1608
|
cursor: nw-resize;
|
|
1606
1609
|
}
|
|
1607
1610
|
|
|
1608
|
-
.
|
|
1611
|
+
._placeholder_17xow_1084 {
|
|
1609
1612
|
color: var(--baseSolid);
|
|
1610
1613
|
overflow: hidden;
|
|
1611
1614
|
position: absolute;
|
|
@@ -1620,19 +1623,19 @@
|
|
|
1620
1623
|
pointer-events: none;
|
|
1621
1624
|
}
|
|
1622
1625
|
|
|
1623
|
-
.
|
|
1626
|
+
._rootContentEditableWrapper_17xow_1097 {
|
|
1624
1627
|
position: relative;
|
|
1625
1628
|
}
|
|
1626
1629
|
|
|
1627
1630
|
|
|
1628
1631
|
|
|
1629
|
-
.
|
|
1632
|
+
._downshiftContainer_17xow_1103 {
|
|
1630
1633
|
display: flex;
|
|
1631
1634
|
flex-direction: column;
|
|
1632
1635
|
align-items: stretch;
|
|
1633
1636
|
}
|
|
1634
1637
|
|
|
1635
|
-
.
|
|
1638
|
+
._downshiftInputWrapper_17xow_1109 {
|
|
1636
1639
|
display: flex;
|
|
1637
1640
|
align-items: center;
|
|
1638
1641
|
background-color: var(--baseBase);
|
|
@@ -1641,13 +1644,13 @@
|
|
|
1641
1644
|
border: 1px solid var(--baseBorder);
|
|
1642
1645
|
}
|
|
1643
1646
|
|
|
1644
|
-
.
|
|
1647
|
+
._downshiftInputWrapper_17xow_1109[data-visible-dropdown=true] {
|
|
1645
1648
|
border-bottom-left-radius: var(--radius-none);
|
|
1646
1649
|
border-bottom-right-radius: var(--radius-none);
|
|
1647
1650
|
border-bottom-width: 0;
|
|
1648
1651
|
}
|
|
1649
1652
|
|
|
1650
|
-
.
|
|
1653
|
+
._downshiftInputWrapper_17xow_1109>button {
|
|
1651
1654
|
border: 0;
|
|
1652
1655
|
background-color: transparent;
|
|
1653
1656
|
font-size: inherit;
|
|
@@ -1660,7 +1663,7 @@
|
|
|
1660
1663
|
padding-right: var(--spacing-2);
|
|
1661
1664
|
}
|
|
1662
1665
|
|
|
1663
|
-
.
|
|
1666
|
+
._downshiftInput_17xow_1109 {
|
|
1664
1667
|
border: 0;
|
|
1665
1668
|
background-color: transparent;
|
|
1666
1669
|
font-size: inherit;
|
|
@@ -1675,19 +1678,19 @@
|
|
|
1675
1678
|
font-size: var(--text-sm);
|
|
1676
1679
|
}
|
|
1677
1680
|
|
|
1678
|
-
.
|
|
1681
|
+
._downshiftInput_17xow_1109::-moz-placeholder {
|
|
1679
1682
|
color: var(--baseBorder);
|
|
1680
1683
|
}
|
|
1681
1684
|
|
|
1682
|
-
.
|
|
1685
|
+
._downshiftInput_17xow_1109::placeholder {
|
|
1683
1686
|
color: var(--baseBorder);
|
|
1684
1687
|
}
|
|
1685
1688
|
|
|
1686
|
-
.
|
|
1689
|
+
._downshiftAutocompleteContainer_17xow_1140 {
|
|
1687
1690
|
position: relative;
|
|
1688
1691
|
}
|
|
1689
1692
|
|
|
1690
|
-
.
|
|
1693
|
+
._downshiftAutocompleteContainer_17xow_1140 ul {
|
|
1691
1694
|
all: unset;
|
|
1692
1695
|
box-sizing: border-box;
|
|
1693
1696
|
position: absolute;
|
|
@@ -1704,11 +1707,11 @@
|
|
|
1704
1707
|
background-color: var(--baseBase);
|
|
1705
1708
|
}
|
|
1706
1709
|
|
|
1707
|
-
.
|
|
1710
|
+
._downshiftAutocompleteContainer_17xow_1140 ul[data-visible=true] {
|
|
1708
1711
|
display: block;
|
|
1709
1712
|
}
|
|
1710
1713
|
|
|
1711
|
-
.
|
|
1714
|
+
._downshiftAutocompleteContainer_17xow_1140 ul li {
|
|
1712
1715
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1713
1716
|
white-space: nowrap;
|
|
1714
1717
|
margin-bottom: var(--spacing-1);
|
|
@@ -1716,20 +1719,20 @@
|
|
|
1716
1719
|
text-overflow: ellipsis;
|
|
1717
1720
|
}
|
|
1718
1721
|
|
|
1719
|
-
.
|
|
1722
|
+
._downshiftAutocompleteContainer_17xow_1140 ul li[data-selected=true] {
|
|
1720
1723
|
background-color: var(--baseBgSubtle);
|
|
1721
1724
|
}
|
|
1722
1725
|
|
|
1723
|
-
.
|
|
1726
|
+
._downshiftAutocompleteContainer_17xow_1140 ul li[data-highlighted=true] {
|
|
1724
1727
|
background-color: var(--baseBgHover);
|
|
1725
1728
|
}
|
|
1726
1729
|
|
|
1727
|
-
.
|
|
1730
|
+
._downshiftAutocompleteContainer_17xow_1140 ul li:last-of-type {
|
|
1728
1731
|
border-bottom-left-radius: var(--radius-medium);
|
|
1729
1732
|
border-bottom-right-radius: var(--radius-medium);
|
|
1730
1733
|
}
|
|
1731
1734
|
|
|
1732
|
-
.
|
|
1735
|
+
._textInput_17xow_1186 {
|
|
1733
1736
|
all: unset;
|
|
1734
1737
|
border-radius: var(--radius-base);
|
|
1735
1738
|
border: 1px solid var(--baseBorder);
|
|
@@ -1737,24 +1740,24 @@
|
|
|
1737
1740
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1738
1741
|
}
|
|
1739
1742
|
|
|
1740
|
-
form.
|
|
1743
|
+
form._multiFieldForm_17xow_1194 {
|
|
1741
1744
|
display: flex;
|
|
1742
1745
|
flex-direction: column;
|
|
1743
1746
|
padding: var(--spacing-2);
|
|
1744
1747
|
gap: var(--spacing-2);
|
|
1745
1748
|
}
|
|
1746
1749
|
|
|
1747
|
-
form.
|
|
1750
|
+
form._multiFieldForm_17xow_1194 ._formField_17xow_1200 {
|
|
1748
1751
|
display: flex;
|
|
1749
1752
|
flex-direction: column;
|
|
1750
1753
|
gap: var(--spacing-2);
|
|
1751
1754
|
}
|
|
1752
1755
|
|
|
1753
|
-
form.
|
|
1756
|
+
form._multiFieldForm_17xow_1194 ._formField_17xow_1200 label {
|
|
1754
1757
|
font-size: var(--text-xs);
|
|
1755
1758
|
}
|
|
1756
1759
|
|
|
1757
|
-
.
|
|
1760
|
+
._markdownParseError_17xow_1211 {
|
|
1758
1761
|
border-radius: var(--radius-base);
|
|
1759
1762
|
border: 1px solid var(--error-color);
|
|
1760
1763
|
padding: var(--spacing-2);
|
|
@@ -1763,20 +1766,20 @@ form._multiFieldForm_3og3e_1192 ._formField_3og3e_1198 label {
|
|
|
1763
1766
|
font-size: var(--text-xs);
|
|
1764
1767
|
}
|
|
1765
1768
|
|
|
1766
|
-
.
|
|
1769
|
+
._popupContainer_17xow_1220 {
|
|
1767
1770
|
position: relative;
|
|
1768
1771
|
z-index: 1;
|
|
1769
1772
|
}
|
|
1770
1773
|
|
|
1771
|
-
.
|
|
1774
|
+
._inputSizer_17xow_1225 {
|
|
1772
1775
|
display: inline-grid;
|
|
1773
1776
|
vertical-align: baseline;
|
|
1774
1777
|
align-items: center;
|
|
1775
1778
|
position: relative;
|
|
1776
1779
|
}
|
|
1777
1780
|
|
|
1778
|
-
.
|
|
1779
|
-
.
|
|
1781
|
+
._inputSizer_17xow_1225::after,
|
|
1782
|
+
._inputSizer_17xow_1225 input {
|
|
1780
1783
|
width: auto;
|
|
1781
1784
|
min-width: 1rem;
|
|
1782
1785
|
grid-area: 1 / 2;
|
|
@@ -1792,11 +1795,11 @@ form._multiFieldForm_3og3e_1192 ._formField_3og3e_1198 label {
|
|
|
1792
1795
|
color: inherit;
|
|
1793
1796
|
}
|
|
1794
1797
|
|
|
1795
|
-
.
|
|
1798
|
+
._inputSizer_17xow_1225 span {
|
|
1796
1799
|
padding: 0.25em;
|
|
1797
1800
|
}
|
|
1798
1801
|
|
|
1799
|
-
.
|
|
1802
|
+
._inputSizer_17xow_1225::after {
|
|
1800
1803
|
content: attr(data-value);
|
|
1801
1804
|
white-space: pre-wrap;
|
|
1802
1805
|
}
|